Lezoucí beruška

Dnes trochu humorný tutoriálek, kde zkusíme rozpohybovat berušku, kterou nakreslíme základními nástroji Photoshopu.

29.05.2000   Lucie Kyselová   Photoshop   Tutoriál  

Dnes si zkusíme trochu humorný tutoriálek, kde zkusíme rozpohybovat berušku, kterou nakreslíme základními nástroji Photoshopu. K tvorbě animovaného gifu použijeme Adobe Image Ready, který se skrývá pod nejspodnější ikonkou na panelu nástrojů Photoshopu.

Nejprve je třeba nakreslit berušku (budeme pracovat na transparentním pozadí). To provedeme snadno: vytvoříme oválnou selekci, kterou vyplníme pomocí plechovky barvy pěknou červenou. Nakreslíme tenkou černou vertikální čáru, která bude znázorňovat předěl mezi krovkami. Do samostatného layeru nakreslíme černou tečku (pomocí tužky) a rozkopírujeme ji do dalších sedmi layerů (kreslíme přece Slunéčko sedmitečné, ne? ;) ). Rozmístíme je rovnoměrně po krovkách. Nyní nakreslíme do dalšího layeru hlavičku s tykadélky - opět oválnou selekci vyplníme černou barvou a na tykadla vezmeme nástroj čára, zakončíme je malými tečkami, které nakreslíme tužkou s malou stopou. Hlavičku je třeba "podsunout" pod tělíčko - toho dosáhneme tím, že layeru s ní nastavíme režim překrývání Screen. Nakonec je třeba nakreslit bílý podklad - do prázdného nejspodněji umístěného layeru jednoduše plechovkou vlijeme bílou barvu. Nyní je třeba nakreslit nožičky. Opět použijeme nástroj čára, kterým nakreslíme jednu tlustší a do dalšího layeru jednu tenčí čárku, které na sebe napojíme (můžeme si pomoci nakláněním - Edit -> Transform -> Numeric). Kloub nožičky a rozdvojení na konci dokreslíme tužkou s velmi malou stopou. Nyní nastane mravenčí ;) práce: Je třeba nožičky pootáčet tak, aby sedly k tělíčku a byly nastaveny tak, aby to vypadalo reálně, jako když beruška leze (já jsem šla pro inspiraci skutečně do přírody ;). Přitom je třeba udělat dvě fáze obrázku, které se budou střídat a tak vytvářet dojem pohybu. Abyste měli jednodušší práci, dám vám radu: Dejte si nožičku do tří layerů, nastavte je vhodným způsobem na jednu stranu berušky, pak layery spojte do jednoho (nechť je aktivní ten s přední nožičkou a pak dejte 2x Layer -> Merge Down). Tento layer zkopírujte a horizontálně ho převraťte (Edit -> Transform -> Flip vertical). Podobně postupujte u druhé fáze obrázku. Pozn.: Aby nožičky vycházely zpod tělíčka, udělejte to, co u hlavičky - layeru s nimi nastavte režim překrývání Screen. Aby byl pohyb reálný a nevypadalo to jen, jako když beruška mrská nožičkami, musíme ji celou trochu pootočit (o 1 stupeň bohatě stačí). Edit -> Rotate Canvas -> Arbitrary, na jeden obrázek o 1 stupeň CW (doprava), na druhý o 1 stupeň CCW (doleva). A máme hotové obě fáze a můžeme animovat. Spustíme Adobe Image Ready (nejspodnější ikonka na panelu nástrojů (se šipkou směřující ke stylizovanému A)). V AIR otevřeme oba obrázky, a u každého se nám ukáže animovací okénko. V jeho pravém horním rohu je šipička směřující doprava, která skrývá různé funkce. U jednoho obrázku zde dáme "New frame", přepneme na druhý obrázek, dáme (taktéž pod šipičkou) "Copy frame", pak se vrátíme k prvnímu obrázku a pod šipičkou dáme "Paste frame". A máme oba obrázky v jednom okně, už je třeba jen nastavit jim čas a režim střídání: Pod prvním obrázkem na spodní liště je šipička směřující dolů, kde nastavíme "Forever" (obrázek se bude přepínat stále dokola). Těsně pod obrázkem je údaj 0,0 sec. a vedle nepatrná šipička dolů. Pod ní se skrývají animační časy. Já jsem u své berušky nastavila 0,2 sec. (tento čas je třeba nastavit u obou obrázků, které animace obsahuje). Výsledek si můžete přehrát (symbol pro play na spodní liště). Pokud jste s ním spokojeni, dejte File -> Save Optimized As. Vyzkoušejte si naanimovat i jiné brouky nebo úplně jiné objekty. Přeji hodně zábavy!!

Další relevantní články:

Měděný zvoneček
Stylizovaný čtyřlístek
Kapky vody na x způsobů
Knoflík
Ohnivě-duhová koule
Andělský a dábělský kříž
Plastické slunce