Affinity Photo-Tutorial: Vianočný anjel

Affinity Photo: Vytvorenie kovového efektu a maľovanie tieňov - „Anjel Vianoc" (Časti 9-10/14)

Marco Kolditz
zverejnené:

Anjel ho už má – krídla ho ešte potrebujú: lesklý kovový efekt. Tentokrát ho vytvoríš v programe Affinity Photo pomocou HSL úprav a priebehového mapovania. Okrem toho budeme musieť aj maľovať tieň. Všetko toto – v častiach 9–10/14 nášho vianočného tutoriálu.


Čas na časť 9: Kovový efekt pre krídla pomocou HSL úprav a priebehového mapovania

Je čas na ešte viac lesku a efektov! Poloha a orientácia krídel nášho anjela už sedia. Avšak: Vzhľad momentálne úplne nesedí. Preto teraz pridáš kovový efekt na krídla. Tentoraz použiješ inú metódu než pri Anjelovi, kedy najprv pomocou HSL úprav odstrániš farbu a potom aplikuješ priebehové mapovanie. Ako? Opäť ti to vysvetlí tréner Marco Kolditz ...

Affinity Photo: Krídla dostanú v tomto časti tutoriálu kovový efekt.
Ako jeden celok: V tejto časti tutoriálu dostanú krídla kovový lesk.

Čo sa naučíš v časti 9 tutoriálu Affinity Photo

  • Ako používať HSL úpravy a priebehové mapovanie
  • Použi HSL úpravy, aby si konvertovať motívy do čierno-bielej podoby.
  • Použi priebehové mapovanie na ešte ďalšie vylepšenie kovového efektu.

Odstrániť farbu z krídel pomocou HSL úprav

Teraz aj krídla by mali dostať kovový vzhľad. Nad oboma vrstvami „krídla“ vytvorím novú úpravovú vrstvu: Pre odstránenie farby z krídiel vyberiem „krídlo vľavo“ (1) a v záložke Úpravy zvolím HSL úpravy (2). Tu posunieme posunovač pre Sýtost úplne doľava (3). Takto budú krídla čierno-biele (4).

To by sa už dalo ponechať tak. Ale ja by som chcel, aby celé pôsobilo viac ako kovový vzhľad tanecnejčky, a preto použijem priebehové mapovanie.

Affinity Photo: Čiernobiela konverzia prostredníctvom HSL úpravy.
Nastav sýtosť v HSL úpravách na -100 %, aby krídla boli zobrazené v čierno-bielych tónoch.

Vytvoriť priebehové mapovanie

Úpravová vrstva je aktívna (1). V záložke Úpravy vyberiem priebehové mapovanie (2). Aktuálne to ešte vyzerá trochu zvláštne. V dialógovom okne (3) môžeme nastaviť priebehové mapovanie, t.j. môžeme priradiť rôzne farby jednotlivým tónom tejto vrstvy – od tmavých po svetlé oblasti môžeme vybrať rôzne farby.

Červené hodnoty sú aktuálne tmavé oblasti, zelené hodnoty sú stredne sivé oblasti a modré sú veľmi svetlé oblasti.

Pripravte kovový efekt v programe Affinity Photo pomocou gradientného prechodu.
Pomocou priebehového mapovania môžeš prideliť rôzne farby rôznym tónom.

Nastaviť priebehové mapovanie pre kovový efekt

Samozrejme nechcem farebné krídla, ale skôr kovové. Preto pracujeme s sivými tónmi. Vyberiem prvý kotvový bod (1), prejdem na Farebnosť (2) a zvolím HSL posúvač (3).

Sýtost nastavím na 0 (4), takže budú prítomné len sivé tóny. Tmavé oblasti na obrázku by mali byť skôr stredne sivé (5).

Affinity Photo: Príprava metalického efektu pomocou gradientového prechodu
Pre kovový vzhľad použi v HSL posúvači úplne odstránené nastavenia sýtosti.

Svetlé oblasti na pravej strane by mali byť biele. Pre dosiahnutie tohto vyberiem bod (1), znovu prejdem na Farebnosť (2), posuniem Sýtost na 0 (3) a zvolím bielu (4).

Affinity Photo: Vytvorenie efektu kovu cez úpravu HSL a gradientové mapovanie.
Nastav pravý bod na bielo.

Ďalej vytvorím dva ďalšie kotvové body, kliknutím na stredovú čiaru (1). Jeden dostane tmavší sivý odtieň (2), druhý biele (3) a posledný zase tmavší sivý (4). Body môžem posúvať po čiare (5). Okrem toho znížim Prekrytie na 91 % (5).

Affinity Photo: Vytvorte kovový efekt pomocou úpravy HSL a gradientovej mapy.
Vytvoriť ďalšie body, ktorým priradíte zodpovedajúce odtiene šedej farby.

Biely stredný bod ešte jemne zatienim (1). Posúvaním kotvových bodov budem pokračovať, kým sa mi nebude páčiť kovový efekt (2). Tak približne:

Affinity Photo: Výsledok - celý motív s lesklým kovovým efektom.
Vytvoriť ďalšie body, ktorým priradíte zodpovedajúce odtiene šedej farby.

Kovový efekt s HSL-úpravou a posúvaním gradientu - Zhrnutie časti 9

  • S úpravou HSL môžete dosiahnuť čiernobiely efekt tým, že posuniete posuvník pre sýtosti úplne vľavo.
  • V gradientnom nastavení môžete pridať nové kotvy, posúvať ich a podľa potreby odstrániť.
  • Hrajte si s pozíciou a farbami kotvových bodov a s nespriehľadnosťou, kým nebude kovový efekt odpovedať vašim predstavám.

Časť 10: Kreslenie a rozmazávanie tieňov krídel

Miluješ detaily? Aj tvoj inštruktor Marco Kolditz áno. Ako je vysvetlené na príklade anjela vianočného, mali by ste pri všetkých svojich kompozíciách dbávať na svetelné podmienky a pridať príslušné tiene. Pozrite si, ako jednoducho môžete vytvoriť pomocou novej vrstvy, s štetcem na maľovanie a Gaussovým rozmazaním.

Affinity Photo: Maľovanie tieňov pre väčšiu realistickosť.
Už to vyzerá dobre? Bude ešte lepšie. Teraz vytvoríme realisticky vyzerajúce tiene.

Čo sa naučíte v časti 10 tutoriálu Affinity Photo

  • Ako môžete maľovať tiene pomocou štetcu na maľovanie a rozmazávať ich
  • Skratka: Ako nastaviť veľkosť a tvrdosť štetca pomocou myši

Importovať obrázok do programu Affinity Photo

Vo vrstvách nad gradientným nastavením vytvorím v paneli vrstiev cez túto ikonu (1) novú prázdnu vrstvu (2). Teraz na ňu začneme trochu malovať tiene. Na to si priblížim obrázok, aby sme videli tak ruky, ako aj časť krídel. Stlačením tlačidla B prepnem na nástroj štetcu na maľovanie (3). Chcem teda maľovať tiene na obrázku.

Maličký tip: Veľkosť aj tvrdosť štetca môžete nastaviť pomocou myši. Držte tlačidlo Alt- a zároveň ľavé a pravé tlačidlo myši stlačené. Ak pri tom ťaháte myš vpravo alebo vľavo, nastavíte veľkosť (4). Keď ťaháte nahor alebo nadol, nastavíte tvrdosť (5). Je to pomerne praktické, ak používate myš.

Ak používate grafický tablet s perom, máte v tejto chvíli problém, pretože keď sa perom dotknete tabletu, je to už podobné ľavému kliknutiu myšou. To znamená, že by ste skutočne museli tablet potiahnuť, aby ste prispôsobili veľkosť štetca. Takýmto spôsobom je samozrejme zväčšovanie a zmenšovanie hrotu štetca trochu pracné, pretože občas nechtiac vykonáte ťahy štetcom. V programe Photoshop je to lepšie riešené. Stačí stlačiť tlačidlo Alt- a pravé tlačidlo myši. Ale možno sa to v budúcich verziách programu Affinity Photo zlepší alebo sa dá aspoň prispôsobiť. Momentálne (s verziou 1.6) to nie je možné zmeniť.

Affinity Photo: Nastavenie tvrdosti a veľkosti štetca myšou.
Ak pracujete s myšou, stlačte Alt a obe tlačidlá myši, aby ste rýchlo nastavili tvrdosť a veľkosť štetca.

Prepnem na pero a aktivujem citlivosť tlaku pera, takže hrot štetca sa zväčšuje alebo zmenšuje podľa toho, ako silno stláčate tablet. S čiernou farbou teraz maľujem tien na obrázku. Prepriestor môžeme neskôr upraviť.

Vidíme, že na ľavej strane je svetlo, na pravej strane tieň. To znamená, že model by mal hádzať tieň na krídla (1). Úmyselne maľujem len okrajom štetca do tejto oblasti, takže tento tieň má krásny mäkký prechod. Keďže pracujem s perom, striedam šírku malpintelu počas kreslenia cez príslušné polia. Hore je ruka trochu ohnutá (2), takže predpokladám, že tieň pod rukou bude pokračovať.

Affinity Photo: Priebeh tiene na pravom krídle
Priebeh tiene na pravom krídle

Aj na ľavej strane by som chcel(a) mať trochu tiene, aj keď je tam svetlo. Krídlo by však malo pôsobiť trochu ohnuté dozadu. Nejde priamo do tela, ale vychádza dozadu. Tiež prst získa tiene.

Affinity Photo: Priebeh tieňa na ľavom krídle
Priebeh tiene na ľavom krídle

Na vrstve použijem pod Filter > Rozmazanie efekt Gaussovského rozostrenia. Nastavím ho na 21 px, aby sa tiene stali mäkšie (1). Okrem toho znížim prekrytie vrstvy na 70 % (2).

Affinity Photo: Gaussova rozmazanost zabezpečuje rozostrenie, redukovaná priehľadnosť zabezpečuje jemnejšie vzhľad tieňov.
Gaussovské rozostrenie zabezpečuje rozmazanie, znížené prekrytie zase jemnejší vzhľad tiene.

Takto sme teraz spojili anjela, v jednotnom kovovom efekte s vhodným tieňom.

Affinity Photo: Vianočný anjel je úplne pripravený a teraz čaká na svoje okolie.
Vianočný anjel je úplne pripravený a teraz čaká na svoje prostredie.

Maľovanie tieňov a rozmazanie - Zhrnutie časť 10

  • Vytvorte novú vrstvu a namalujte na ňu čiernym štetcom tiene.
  • Skratka: Držte stlačenú Alt a obidve tlačidlá myši. Veľkosť štetca nastavíte tým, že myšou posúvate doľava a doprava. Tvrdosť potom meníte tým, že myš posúvate hore a dole.
  • Využite Gaussovo rozostrenie a prekrytie, aby ste tieňom dodali mäkčí vzhľad a nežnejší dojem.

> Ku predchádzajúcim častiam 6 po 8 návodu

> Ku ďalším častiam 11 a 12

Obsah príspevku je založený na video-návode nášho trénera Marca Kolditza:

Uverejnené dňa od Marco Kolditz
Uverejnené dňa: Od Marco Kolditz
Marco Kolditz je v Mníchove samostatne zamestnaný pod menom MEER DER IDEEN ako digitálny umelec, redaktor a videoinštruktor. Okrem toho prevádzkuje rovnomenný blogový magazín a Youtube-kanál. Okrem videoinštruktáží pre PSD-Tutorials Marco Kolditz už zverejnil mnoho ďalších videonávodov na Adobe Photoshop a Adobe Illustrator, ako aj odborné články o tvorivých Photoshop-Composings pre ďalšie odborné časopisy ako DigitalPHOTO.
Späť na prehľad