Motion tween slouží k animaci jakéhokoliv objektu. Umožňuje animovat pohyb, rotaci, změnu velikosti
a efekty(průhlednost a změnu barvy). Pro lepší orientaci uvádíme náhled na časovou osu(Timeline), kde je snímek číslo 1 ještě prázdný(nevytvořený).
Důležité pojmy:
Timeline - časová osa sestavena z jednotlivých snímků, číslovaná
Layer - vrstva, v každé vrstvě by měl existovat 1 objekt
Frame - snímek, 1 políčko na časové ose
Keyframe - klíčový snímek
Frame rate - rychlost(frekvence) snímků, doporučeno nastavit 20 a více
Příklad č.1, Animace textu, pohyb a změna průhlednosti. (Pravým tlačítkem myšky kliknutím na animaci vypnete opakování, loop)
Řešení
Napíšeme nápis.
Na snímku č.1(nápis) na timeline klikneme pravým tl. myšky a potvrdíme Create Motion Tween
Na 40. snímku opět klikneme pravým tl. myšky a potvrdíme Insert Keyframe.
Nápis přesuneme, nejlépe pomocí Selection Toll, do cílové pozice a nastavíme ve vlastnostech(properties) color Alpha na 0%, viz obr. níž
Příklad č.2, Rotace a posun. (Pravým tlačítkem myšky kliknutím na animaci vypnete opakování, loop)
Řešení pro pohyb zleva do prava
Nakreslíme čtverec
Na snímku č.1(nápis) na timeline klikneme pravým tl. myšky a potvrdíme Create Motion Tween
Na 40. snímku opět klikneme pravým tl. myšky a potvrdíme Insert Keyframe.
Čtverec přesuneme, nejlépe pomocí Selection Toll, do cílové pozice.
Na snímky č. 10, 20 a 30 postupně vložíme klíčové snímky(Insert Keyframe) a čtverec rotujeme o 90°, 180° a 270°.
Výsledek vidíte na obr. níž.
Pro pohyb zpět budeme postupovat stejně mezi snímky 40 - 80, ale rotaci budeme provádět se zápornými hodnotami.
Zdrojový soubor .fla ke stažení
Další příklady
(Byly použity 2 vrstvy, layers. Novou vrstvu přidáme kliknutím na pravé tl. myšky po najetí na Layer 1, Insert Layer)