Základy práce v programu

Nové pojmy a techniky: základní seznámení s kreslícími nástroji, symboly, knihovnou a dalšími elementy používanými ve Flashi.

krajina

Pozadí scény

  1. Vytvořte na hlavní časové ose celkem tři vrstvy, pojmenujte je po řadě od nejspodnější: pozadí, stromy, auto.

  2. do nejspodnější vrstvy nakreslete pozadí – hnědé hory, černou silnici s bílými pruhy, zelenou trávu ve spodním trojúhelníku, nad horami modré nebe, na nebi žluté sluníčko

Vytvoření prvního grafického symbolu

  1. do druhé vrstvy namalujte strom (přiměřené velikosti vzhledem k nakreslené krajině. Vyberte ho a stiskněte F8 – klávesová zkratka pro tvorbu symbolů. Ze zobrazeného menu vyberte typ symbolu Graphic – (používá se pro statickou grafiku a jednoduché animace).

  2. otevřete knihovnu symbolů (F11) a tažením myši z ní umístěte na plochu několik instancí stromu. Ty rozestavte podél cesty.

  3. podobně vytvořte několik stejných mráčků na obloze: nakreslete jeden do druhé vrstvy, vyberte ho a převeďte na symbol typu Graphic (F8). Tažením z knihovny vložte několik instancí mráčku na scénu a rozmístěte je na obloze.

  4. Obdobným postupem můžete scénu doplnit např. ptáky na obloze, květinami na louce, postavičkami apod.

Vazba vzoru v knihovně k jeho instancím

  1. vyberte jeden strom na scéně a trochu ho zvětšete – ostatní stromy zůstanou stejné.

  2. Nyní dvakrát poklepejte na libovolnou instanci stromu a obrázek trochu upravte – vyberte výplň kmene a změňte její barvu, domalujte plody atd. Změna se projeví na všech stromech na scéně.

Animace pomocí klíčových snímků (tweening)

  1. ve třetí vrstvě nakreslete auto, převeďte na symbol typu Graphic. Postupně ve všech vrstvách klikněte pravým tlačítkem v časové ose na snímek č. 25 a z kontextového menu vyberte položku Insert Frame (vložit snímek). Takto se vytvoří rozsah snímků potřebný pro animaci

  2. ve vrchní vrstvě (se symbolem auta) klikněte na nově vytvořený rozsah pravým tlačítkem a z menu vyberte položku Create Motion Tween. Rozsah zmodrá a podél spodního okraje se vytvoří přerušovaná čára. Klikněte pravým tlačítkem na poslední (25.) snímek ve vrstvě s autem, z menu vyberte položku Insert Keyframe (vložit klíčový snímek, klávesová zkratka F6). První snímek rozsahu se automaticky stane klíčovým snímkem.

  3. klikněte levým tlačítkem na první snímek časové osy ve vrstvě s autem – nastavíme polohu auta v počátečním klíčovém snímku. Přesuňte auto na počátek silnice. Nyní klikněte levým tlačítkem na poslední snímek na časové ose – tím se přepneme do koncového klíčového snímku. Poté přesuňte auto na druhý konec silnice. Flash automaticky dopočítá polohu auta ve snímcích mezi oběma klíčovými snímky. Soubor uložte, stisknutím CTRL + ENTER spustíte náhled animace. Auto přejíždí po silnici z jednoho konce obrazovky na druhý.

  4. pokuste se podobným způsobem vytvořit animaci pohybu mráčku po obloze. Pozor! Pro tento mráček vytvořte novou vrstvu (obecně pro každý samostatně animovaný objekt je třeba vytvořit samostatnou vrstvu)

  5. vytvořte postavičku, která se pohybuje po louce.

  6. do některé animace (např. mráčku) vložte mezi stávající klíčové snímky další klíčový snímek. Změňte polohu mráčku v tomto snímku, pozorujte vzniklý pohyb.

Rozšiřující témata:

vytvoření dalších animovaných objektů ve scéně (letadlo, vlnící se tráva, postavičky, zvířata).