Photoshop tutoriál: Tvorba Smajlíka - Grafika.cz - vše o počítačové grafice

25. dubna 2006, 00.00 | V tomto tutoriálu si ukážeme, jak vytvořit smajlíky, třeba pro web, ICQ, MSN…atd. V tutoriálu budeme pracovat s malými objekty, tak proto doporučuji hodně přibližovat.

V tomto tutoriálu si ukážeme, jak vytvořit smajlíky, třeba pro web, ICQ, MSN…atd. V tutoriálu budeme pracovat s malými objekty, tak proto doporučuji hodně přibližovat.

    

Na konci by váš výsledek mohl vypadat asi takto při 100% velikosti.

Začneme tak, že si založíme nový dokument o rozměrech 50 x 50 pixelů a s rozlišením jaké chcete vy, já jsem použil standardní (72 pixels / inch), pro menší závěrečný obrázek, ale v tomto případě záleží na vás. Barvu pozadí vybereme bílou. Začneme tím, že si v nové vrstvě natáhneme kruhový gradient asi takto: Create a new layer (vytvořit novou vrstvu) .

Po gradientu si založíme novou cestu a vytvoříme jedno oko, asi takto: Create new path (vytvořit novou cestu) .

Cestu převedeme na selekci (držením ctrl a kliknutím na cestu). Pomocí Layer - New Fill Layer - Gradient vytvoříme gradient do oka.

Rasterizujeme vrstvu (Rastarize layer) a použijeme masku (Apply Layer Mask), poté vrstvu duplikujeme.

Nové oko (novou duplikovanou vrstvu) otočíme Edit - Transform - Flip Horizontal a nástrojem Move Tool oko posuneme.

Dale duplikujeme obě oči, načteme selekci u jednoho duplikovaného oka a pomocí Edit - Fill vyplníme oko touto barvou: C9AE27, to samé provedeme u druhého oka. Obě dvě duplikované vrstvy přetáhneme pod originály a zvětšíme pomocí Edit - Freetransform, při zvětšování držíme Shift a Alt.

Poté si založíme novou vrstvu nad očima. Vybereme Ellipse Tool a nahoře v options vybereme Shape Layers a stiskneme "D" na klavesnici (nastavení barvy popředí na černou). Shape Layers bylo použito z důvodu lepšího kruhu, protože pomocí Fill Pixels nedosáhnete přesného kruhu, zvlášť při tvoření malých objektů a při malém rozlišení. Držíme Shift a nakreslíme kruh v oku, který bude vyplněn černou barvou. Rasterizujeme kruh a duplikujeme. Nový kruh posuneme pomocí nástroje Move Tool a otočíme horizontálně (Edit - Transform - Flip Horizontal). S vybraným nástrojem Move Tool a pomocí šipek, můžeme doladit výslednou pozici kruhu.

Na vnitřek oka pravé strany a na vnitřek oka levé strany aplikujeme Bevel and Emboss z Blending Options.

Za další, jsem na obě dvě oči (oko pravé a oko levé) použil Inner Shadow (Vnitřní stín) , stín se také vyskytuje v položce Blending Options. Ale toto není nutné, jen kdyby se vám zdálo že gradient na očích není moc vidět, tak jej můžete trochu ztmavit, klidně můžete i více než 5% (okolo 5% - 15% je optimální).

Těmito dvěma efekty jsme trochu ztmavili obě oči a dodali trochu 3D efektu do dvou kruhů (bulev). Tak a teď k tvorbě úst, nastavíme si barvu popředí na bílou a založíme si novou vrstvu. Nyní máte dvě možnosti, za prvé můžete ústa vytvořit pomocí cest, Direct Selection Tool a Convert Point Tool (pro pokročilejší uživatele) a pak převést cestu na selekci a vyplnit bílou barvou. Za druhé můžete ústa namalovat pomocí nástroje Brush Tool s bílou barvou popředí a přibližovat se na detaily. A nebo můžete použít obojí, záleží pouze jen na vás.

Poté ústa trochu ztmavíme pomocí Drop Shadow, které se nachází v Blending Options, já jsem nastavil opacitu jenom na 20%, ale klidně můžete experimentovat.

Asi nějak takto by měl vypadat váš smajlík...

A nyní si ukážeme, jak dodělat na smajlíkovi několik detailů. Za prvé trochu ztmavíme okraje. Vybereme vrstvu se jménem kruh a přidělíme ji Inner Shadow.

Dále trochu ztmavíme okraje kruhu, ale před tím musíme tuto vrstvu Rasterizovat.

Následně pomocí Dodge Tool (range: Highlights a Esposure 100%) více doladíme vnitřek smajlíka (zesvětlit), s pomocí Burn Tool (Range: Highlights a Exposure: 24%) můžeme trochu více ztmavit hrany, ale toto není potřeba, pokud jste spokojeni s Inner Shadow. A nyní již máme smajlíka pri 100% velikosti, jak můžete vidět... Burn Tool bylo použito velice slabé, jen dodělat detaily.

Tak a teď už tu máme poslední krok, to jest tvorba stínu k vašemu smajlíku. Duplikujeme vrstvu kruh, načteme její selekci a vyplníme černou barvou a přetáhneme pod vrstvu kruh. Nyní použijeme Edit - Transform - Distort a stin distortujeme.

Tímto způsobem si poté můžete upravit stín.

Opacity vrstvy nastavíme na 32% a použijeme Gaussian Blur (Filter - Blur - Gaussian Blur) .

Po dokončení smajlíka si můžete změnit ústa klidně na jiný tvar, jenom stačí smazat cestu "ústa" a založit si na stejném místě cestu novou.