Doplnění pohybu v aplikaci Flash CS6

• Smět 3, 2024

V tomto tutoriálu se naučíme, jak vytvořit Motion Tween ve Flashi^R CS6. Možná si pamatujete, že jsme vytvořili animaci v předchozím tutoriálu, který přesunul kruh po vymezené ploše. V této lekci jsme vytvořili animaci Classic Tween. Classic Tween je originální typ animace pro Flash.

Nyní se podíváme na nový typ doplnění animace. Tentokrát vytvoříme animaci Motion Tween, která přesune čtverec napříč Stage. Na první pohled se tyto dvě animace mohou zdát stejné. Ale jak postupujeme v budoucích lekcích, uvidíte, proč je Motion Tween oblíbenou možností animace doplnění. Je velmi flexibilní a lze jej použít k vytváření poměrně složitých animací.

1. Otevřete Flash CS6 a vyberte ActionScript 3.0 ze sloupce Vytvořit nový na úvodní obrazovce.
   
   Uvidíte, že máme na časové ose prázdnou scénu a jednu vrstvu.
   
   
2. Poklepejte na název vrstvy a přejmenujte vrstvu 1 na „Čtverec“.
   
   
3. Nastavte barvu tahu na null.
   
   
4. Klikněte na pole Vyplnit barvu a vyberte jakoukoli barvu z nástroje Výběr barvy.
   
   
5. Pomocí nástroje Obdélník nakreslete na jeviště čtverec.
   
   V tomto bodě je čtverec základním tvarem. Chcete-li to potvrdit, pojďme se podívat na informace na panelu Vlastnosti.
   
   
6. Pomocí nástroje pro výběr vyberte čtverec na ploše.
   
   Na panelu Vlastnosti vidíme, že tento objekt je Tvar. Vidíme také polohu, velikost a barvu objektu.
   
   Prvním krokem k vytvoření doplnění pohybu je převedení tvaru na symbol. Budeme diskutovat Flash Symboly do hloubky v budoucím tutoriálu.
   
   
7. Vyberte čtverec ve vymezené ploše a na panelu nabídek klikněte na Upravit - převést na symbol.
   
   
8. V dialogovém okně Převést na symbol pojmenujte symbol „Čtverec“ a nastavte Typ na Filmový klip. Poté nastavte Registrační bod do středu kliknutím na malé středové pole ve skupině malých polí. Klikněte na OK.
   
   Uvidíte, že kolem čtverce se objeví tenká modrá čára, což znamená, že objekt je nyní symbolem.
   
   
9. Klepněte pravým tlačítkem myši na snímek 50 na časové ose a zvolte Vložit snímek, abyste rozšířili snímky na časové ose 50.
   
   
10. Klepněte pravým tlačítkem myši na libovolný snímek na časové ose a vyberte Vytvořit doplnění pohybu.
    
    Uvidíte, že Flash změnil všechny snímky na jinou barvu. Říká se jim Tween Span of the Motion Tween.
    
    Přesuňte Playhead podél časové osy zpět do snímku 1. Stejně jako v posledním tutoriálu se objekt nepohybuje. Je to proto, že jsme ještě nepřidali druhý klíčový snímek označující koncovou pozici animace.
    
    
11. Klepněte pravým tlačítkem myši na snímek 50 a v nabídce vyberte příkaz Vložit klíčový snímek - vše.
    
    
12. Když jste stále na snímku 50, klikněte na čtverec a přetáhněte jej na druhou stranu jeviště, abyste Flash řekli, že to bude konečná pozice pro doplnění pohybu.
    
    

Nyní, když pohnete Playhead, čtverec se posune postupně po vymezené ploše.

Ale s Motion Tweens můžeme snadno upravit animaci tak, aby se čtverec pohyboval podél zakřivené čáry namísto po přímce.

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společnosti Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst a Flash Paper je / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: TUTORIAL jak udělat jednoduchou animaci v Adobe Flash (Smět 2024).