Ondřej Brichta 24.3.2005
První pokus o jednoduchou animaci pomocí základních technik, které nám prostředí Flashe poskytuje. Naučíme se pohybovat objektem, měnit jeho barvu, průhlednost a osvojíme si základní animační nástroje.
V dnešní ukázce si vyzkoušíme nejjednodušší animační postup ve Flashi. Jak jsem již zmínil v úvodním díle, budeme se učit ve verzi MX 2004. Trial verzi (velikost 72 MB, omezená na 30 dní používání) lze stáhnout z oficiálních stránek Macromedia (je potřeba registrace) nebo například odtud.
Po instalaci program spustíme. Odklikáme případné nabídky na prohlížení různých funkcí a otevřeme si nový flashový dokument (File - New - Flash Document). Uspořádání aplikace vypadá podobně jako na následujícím obrázku.
Na ploše jsou panely, které lze podle potřeby přesouvat. Jejich významu a možnostmi modifikace se budeme zabývat postupně podle potřeby. Pouze si všimneme panelu nástrojů (Tools) vlevo. Jsou zde kreslicí pomůcky, ze kterých nás nyní bude zajímat pouze nástroj pro kreslení čtyřúhelníků (Rectangle Tool).
Nástroj pro kreslení čtyřúhelníků (Rectangle Tool) * Nástroj pro výběr objektů (Selection Tool)
Zvolíme tento nástroj a na hlavní pracovní ploše nakreslíme čtyřúhelník. Poté, opět na panelu nástrojů (Tools), vybereme nástroj pro výběr objektů, dvojklikem na nakreslený čtyřúhelník objekt vybereme a klikneme na něj pravým tlačítkem myši. Zobrazí se menu, kde zvolíme položku „Convert to Symbol“. Objeví se nové okno (obr. 4).
Zde vybereme u položky Behaviour - Movie Clip (náš objekt se bude chovat jako Movie Clip, mohl by být i tlačítkem nebo grafickým symbolem) a do pole Name napíšeme název našeho Movie Clipu (dále budu používat pro zkrácení jen MC). Potvrdíme tlačítkem OK.
Tímto postupem jsme z nakresleného objektu vytvořili MC, který se objevil v knihovně (CTRL+L) našeho dokumentu. Zvolením v horním menu „Window - Library“ lze knihovnu zobrazit a pouhým přetažením vytvořených MC umisťovat objekty na hlavní scénu. Ale zpět k prvnímu úkolu. Všimneme si, že na hlavní časové ose první políčko změnilo (obr. 5).
Znamená to, že jsme vytvořili tzv. klíčový snímek.
Jedna ze zajímavých vlastností Flashe je, že pokud chceme animovat například pohyb, stačí, abychom na časové ose vytvořili dva klíčové snímky, kde v prvním snímku je objekt na začátku pohybu a v druhém snímku je objekt umístěn v konečné pozici. Zbylý pohyb mezi oběma snímky si Flash dopočítá a my se nemusíme o nic víc starat. Tuto funkci si nyní vyzkoušíme.
Klikneme pravým tlačítkem na snímek číslo 30 na časové ose a z nabídky vybereme „Insert Keyframe“.
Tímto se předchozí klíčový snímek na pozici 1 zkopíroval do pozice 30. Časová osa vypadá následovně:
Šedivá políčka s tečkou značí klíčové snímky (Keyframes).
Nejprve v hlavním menu zaškrtneme: „Control - Live Preview“. Tato volba nám umožní po stisknutí klávesy „Enter“ přehrávat snímky přímo na pracovní ploše. Myší vybereme první klíčový snímek časové osy a kliknutím na „Properties“ na spodním panelu zobrazíme nastavení vlastností tohoto klíčového snímku. Zde u položky „Tween“ vybereme „Motion“:
Všimneme si, jak se změnila barva políček na časové ose:
Znamená to, že flash bude pozice případného pohybu mezi klíčovým snímkem 1 a 30 sám dopočítávat. Posledním krokem bude posunutí objektu v klíčovém snímku 30. Klikneme na časové ose na snímek 30 a pomocí nástroje „Selection Tool“ přesuneme objekt na libovolné místo plochy. Pro přehrání animace lze použít tlačítko „Enter“ nebo zvolit v menu „Control - Test Movie“ pro zobrazení animace v externím okně.
„Motion Tween“ umožňuje také dynamickou změnu barvy, průhlednosti, jasu nebo jejich kombinaci společně s pohybem. Postup je velice jednoduchý. Opět použijeme nástroj „Selection Tool“, na 30. snímku osy klikneme na animovaný objekt a otevřeme panel „Properties“ ve spodní části plochy. Na panelu si všimneme rozbalovacího menu „Color:“. Na výběr máme z několika parametrů:
Lze měnit jas (Brightness), barvu (Tint), průhlednost (Alpha) a nebo kombinaci výše uvedených parametrů (Advanced). Jas lze měnit v rozmezí +/- 100%. U barvy určujeme konečné zbarvení, množství se určuje opět v procentech. Průhlednost lze nastavit od 0 do 100%, kde hodnota 0% znamená zcela průhledný objekt.
Při animaci změny průhlednosti objektů je lepší funkci aplikovat na menší plochy a pokud možno se vyvarovat používání změny průhlednosti objektů, obsahující větší textová pole. Manipulace s hodnotou průhlednosti objektů patří mezi funkce nejvíce zatěžující procesor.
Budeme-li chtít provést změnu barvy společně se změnou průhlednosti, využijeme poslední možnost „Advanced“, kde lze nastavit množství a druh barvy společně s hodnotou průhlednosti objektu.
Podle zvolené funkce a jejího nastavení se změny projevují přímo změnou vlastností objektu na scéně. Klávesou „Enter“ můžeme zobrazit vybranou změnu parametrů, která tak probíhá i během pohybu objektu.
Dnes jsme tak zvládli základní a nejjednodušší animační postup. Příště si ukážeme jak pohybovat objektem po křivce.
Ke stažení: zdrojový soubor ukázky
