Dokončení blinkie pomocí Flash Motion Tweens

• Duben 27, 2024

Když jsme naposledy pracovali na animaci blikání Flash, právě jsme dokončili textové efekty. Posledním textovým efektem, který se objevil v animaci, byl vzhled a zmizení názvu webu „J3 Designs“. Zmizí z pódia vlevo s efektem časové osy (přechod 3 na časové ose). Důvod byl pro to a chystáte se zjistit, co to bylo za důvod.

Pamatujte, že jako součást detailů návrhu máme tyto dvě berušky. Nastal čas dát je do práce. Když jsme postavili vrstvy do našeho projektu blinkie, přidali jsme do vrstvy Bug 1 zlatou berušku. První věc, kterou uděláme, je přidání druhé berušky do nové vrstvy, kterou budeme nazvat Bug 2. Chceme, aby se tato červená lienka objevila zpod portrétní scény. Proto musíme novou vrstvu umístit pod vrstvu Statické detaily.

Otevřete blinkie2.fla do Flash CS3 a pojďme do práce. Chceme, aby se beruška začala pohybovat zpod portrétu, protože název webových stránek začal mizet. Chceme, aby to vypadalo, jako by text zmizel kvůli slunéčko sedmitečné. Přidáme tedy tuto novou berušku do rámu 110, což je okamžik, kdy text začne mizet.

1. Klepnutím na Soubor - Import - Importovat do knihovny otevřete dialogové okno Import a přidejte do naší knihovny červený beruška.
   
   
2. Přidejte novou vrstvu pod vrstvu Statické detaily a pojmenujte ji „Bug 2“. Přidejte do snímku 110 klíčový snímek (Vložit - Časová osa - Klíčový snímek). Přetáhněte červený beruška z knihovny pod portrét a prozatím mimo dohled.
   
   Chceme, aby se tato beruška pohybovala doleva, dokud nezmizí z pódia, když text zmizí. Chceme tedy slunéčko sedmitečné až do leva a mimo jeviště, než dorazíme na Rám 160.
   
   
3. Klikněte na snímek 160 ve vrstvě Bug 2, přidejte klíčový snímek a přetáhněte červený beruška doleva a úplně mimo jeviště. Klikněte pravým tlačítkem myši mezi snímky 110 a 160 a v rozbalovací nabídce vyberte Vytvořit doplnění pohybu.
   
   Vyzkoušejte film a měli byste vidět, jak text zmizí, jak se přes něj posouvá beruška. Jakmile je červená beruška mimo pódium, přesuneme zlatou berušku (Bug 1 layer) nahoru a doprava, dokud z pódia také nezmizí.
   
   
4. Klikněte na snímek 160 ve vrstvě Bug 1 a přidejte klíčový snímek pro počáteční bod animace zlaté berušky. Pojďme použít 20 snímků k přesunutí zlaté berušky z jeviště. Klikněte na Rám 180 a přidejte klíčový snímek. Přesuňte zlatou berušku nahoru a mimo pódium.
   
   
5. Klikněte pravým tlačítkem mezi snímky 160 a 180 a vytvořte doplnění pohybu. Klikněte na snímek 180 a přidejte rámeček do vrstev statických podrobností a pozadí, aby byl obsah těchto vrstev opět viditelný.
   
   Nakonec chceme posunout zlatou berušku zpět do původní polohy v levé dolní části jeviště. Nechceme však, aby se chyba posunula dolů z horní části jeviště. Chceme, aby se posunula zdola pod jeviště. Musíme tedy nejprve umístit zlatou berušku vlevo a pod jeviště. Pak vše, co musíme udělat, je posunout nahoru zpět na původní místo, aby se animace mohla opakovat. Použijeme 10 rámečků pro přesun berušky zpět na místo.
   
   
6. Vraťte se až do Rámu 1 ve vrstvě Bug 1 a vyberte zlatou berušku. Klepnutím na Upravit - Kopírovat uložíte původní pozici zlaté berušky.
   
   
7. Stále ve vrstvě Bug 1 přidejte klíčový snímek do snímku 190. Klepnutím na Upravit - Vymazat odeberete zlatou berušku, která již existuje. Poté klikněte na Upravit - Vložit na místo, čímž vrátíte zlatou berušku zpět na původní místo.
   
   
8. Stále ve vrstvě Bug 1, klikněte na Rám 181 a přidejte klíčový snímek. Poté odstraňte zlatou berušku, která již existuje. Umístěte zlatou berušku zpět na původní pozici na tomto rámu (Vložit na místo). Potom přetáhněte tuto berušku pod jeviště. Přidejte doplnění pohybu mezi snímky 181 a 190, které posune tuto berušku nahoru a na jeviště.
   
   
9. Klikněte na snímek 190 a přidejte snímek do vrstev statických podrobností a pozadí, aby byl obsah těchto vrstev opět viditelný.
   
   

Vyzkoušejte a uložte blinkie jako blinkie3.fla. Poté publikujte svůj blinkie jako soubor .swf a užijte si nový blinkie.

Vzory J3

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: Over-the-air software updates for Azure IoT Hub with Mender.io (Duben 2024).