29. května 2000, 00.00 | Dnes trochu humorný tutoriálek, kde zkusíme rozpohybovat berušku, kterou nakreslíme základními nástroji Photoshopu.
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
