Photoshop tutoriál: Diagonální vzorky - efekt proutěného košíku - Grafika.cz - vše o počítačové grafice

8. října 2007, 00.00 | V posledním díle o úhlopříčných vzorcích se podíváme na simulaci efektu
"proutěného košíku". Tento efekt je známý především díky pluginu Alien Skin Eye
Candy, ale jak se dozvíte, žádný plugin není ve skutečnosti potřeba. Stačí jen pár
těch správných vzorků ...

Než začneme se samotnou prací, podíváme se, co vlastně chceme tvořit. Jedná se o simulaci efektu proutěného košíku, resp. vzorku jakékoliv tkaniny. Jednoduchým postupem vznikne dojem, že proužky obrázku jsou chvíli nad sebou a chvíli pod sebou. Jako na tomto obrázku.

Jako první potřebujeme obrázek. Je opravdu jedno co použijete. Ten vložte do nového dokumentu jako novou vrstvu.

První krok v našem postupu bude "rozřezání" obrázku na šikmé pruhy. K tomu - jak jistě správně hádáte, použijeme vzorek. A protože dnes nemáme moc času na tvorbu, využijeme některý z minulých článků. Důležité je, aby byl dostatečně velký, a aby nebyl symetrický (aby černá plocha byla větší než bílá, nebo naopak). Proč, to se dozvíte později.

Předpokládám, že nadefinovat nový vzorek již zvládnete, takže zkopírujte podkladovou vrstvu a přidejte ji masku vrstvy (kliknutím na ikonku v paletce vrstev).

Se stále označenou maskou zvolte v menu Úpravy (Edit) funkci Vyplnit (Fill), a použijte náš vzorek.

Vida, první část máme hotovou.

My ale chceme, aby se zobrazovala větší část obrázku, proto masku invertujeme - zkratkou Ctrl + I. Teď je to ono.

Tuto vrstvu zkopírujeme - potřebujeme ještě další šikmé pruhy, ale převrácené. Pokud nyní zvolíme horizontální převrácení, převrátí se i obrázek (viz náhled v paletce vrstev), a to my nechceme.

Proto musíme nejprve zrušit svázání vrstvy s maskou - kliknutím na řetěz.

Označit masku ...

A teprve nyní zvolit požadovanou funkci - Úpravy - Transformace - Převrátit horizontálně (Edit - Transform - Flip Horizontal).

Tím máme již opravdu hotový základ.

A teď princip efektu. Přestože na první pohled vypadá složitě, jde jen o správné střídání stínů (a popř. světel). Abychom věděli, kde a co máme kreslit, vytvoříme si pomocnou vrstvu, do které (například tužkou) nakreslíme jednotlivé pruhy. Tak jak mají být správně pod sebou a nad sebou.

Pro účely článku jsem vytvořil ještě další pomocnou vrstvu, která ukazuje, ve kterých místech mají být stíny.

Tyto pomocné vrstvy můžeme nechat zobrazené, vytvoříme vrstvu novou (Ctrl + Shift + Alt + N) a načteme výběr jedné podkladové vrstvy (Ctrl + klik na vrstvu) - nezáleží na tom, kterou si vybereme. Tento výběr invertujeme zkratkou Shift + Ctrl + I.

Zvolíme nástroj Štětec (Brush Tool), nastavený na měkkou stopu a černou barvu. Krytí (Opacity) nechejte na 100 %. Stíny budou sice velmi výrazné, to ale doladíme potom.

Jak ukazuje následující obrázek, čmárneme do míst, kde má být stín. Pokud náhodou zasahuje stopa štětce i do druhého pruhu (do míst označených oranžovou elipsou), odmažeme tuto část tvrdou gumou.

Ostatní stíny už kreslit nebudeme. Jen zkopírujeme tuto vrstvu. A to nejrychleji tak, že ji posuneme společně s klávesou Alt.

Ostatní stíny jsou pouze otočené o 90°. Proto tuto transformaci provedeme a pokračujeme v kopírování. Otáčejte funkcí Otočit o 90° z menu Úprav, pokud otočíte vrstvu přes transformaci Ctrl + T, stín se zbytečně rozmázne.

Na konci kopírování by mohl výsledek vypadat takto:

A ve 100% velikosti:

To je přesně ono! Teď už jen zbývá přesně definovat vzorek a tímto vzorkem vyplnit novou vrstvu. Abychom měli dostatek podkladů pro vzorek, sloučíme všechny vrstvy stínů do jedné - nejprve je svážeme a poté stiskneme zkratku Ctrl + E. Následně tuto vrstvu ještě třikrát zkopírujeme.

Potřebujeme totiž čtverec, který bude přesně navazovat. Zatím necháme zobrazené všechny podkladové vrstvy - podle bílých děr se můžeme krásně orientovat. Zvolíme nástroj pro Obdélníkový výběr (Rectangular Marquee Tool) a začneme s označováním. Princip je jednoduchý - v místě, kde v jedné "díře" začnete, musíte v třetí "díře" skončit. Proto se vyplatí před označováním pořádně zvětšit zobrazení.

Pokud si myslíte, že máte vzorek označený přesně, skryjte podkladové vrstvy. Z menu Úpravy (Edit) vyvolejte funkci Definovat Vzorek (Define Pattern), zadejte jméno, a přesvědčíme se, jak jsme byli nebo nebyli úspěšní.

Podkladové vrstvy opět zobrazte a přidejte novou vrstvu úprav Vzorek (Pattern).

Vyberte náš nový vzorek a potvrďte OK.

Vrstvě nastavte interakci na Násobit (Multiply).

A nástrojem Posun (Move Tool) posuňte vzorek tak, aby přesně sednul na původní obrázek.

Vrstvě se vzorkem stáhněte Krytí (Opacity) na přijatelnou úroveň, a ... je to!

Poznámka na konec: Volitelně můžete kromě stínů přidat i světla - třeba jako na tomto obrázku. Stejně tak byl do masky obou vrstev nakreslen jemný přechod, aby stíny i světla směrem ke kraji dokumentu mizely (nejvýraznější jsou v místě zaostření fotky). Navíc je zviditelněna podkladová fotka se stáhnutým krytím. Tím je v "dírách" občas světlejší barva - nejvýraznější je efekt opět v místě zaostření fotky. A to je už opravdu vše. Hodně štěstí při práci.

Autor článku Václav Krejčí se zabývá grafikou a GUI designem, své zkušenosti nejnověji zúročil v knize "Adobe Photoshop: design grafiky GUI", věnované tvorbě grafických uživatelských rozhraní.