Animace Flash filtrů v pohybu Tween

• Smět 21, 2024

V tuto chvíli máme pěkný plamen svíčky^R animace. Prohlížeč si však stále může všimnout opakování v animaci. Můžeme to vyřešit prodloužením Tween. Také přidáme záři na dno svíčky a oživíme ji.

Nejprve přidáme do našeho Tween více snímků. Jedním způsobem, jak toho dosáhnout, je zkopírovat snímky Tween z jedné vrstvy a vložit je do jiné vrstvy. Můžete se zeptat sami sebe, jak se to liší od opakující se animace, kterou nyní máme. Trik spočívá v obrácení Tween rámců pro novou vrstvu tak, aby se animace přehrávala opačně. To ztěžuje divákovi rozpoznání opakování.

1. Klikněte na Rámeček 1 vrstvy back_glow. V nabídce Menubar klikněte na Upravit � Časová osa � Kopírování rámečků.

2. Přidejte novou vrstvu v horní části časové osy. První Tween končí na snímku 56 a my chceme, aby toto Tween začalo okamžitě. Přidejte klíčový snímek do snímku 57.

3. Klikněte na Rám 57 a poté na Upravit � Časová osa ¿¿¿ Vložit snímky. Flash duplikuje Tween. Všimněte si, že název nové vrstvy byl změněn na back_glow. Možná budete chtít přidat ke jménu „2“, což znamená, že se jedná o druhé doplnění.

4. Nyní klikněte pravým tlačítkem na Tween a vyberte Reverse Keyframes.

Toto opakujte pro vrstvy flame_shape a flame_glow.

Nyní můžeme přidat naši záři na dno svíčky. Máme prázdnou vrstvu zvanou bg, kterou můžeme použít pro záři.

5. Přejmenujte vrstvu bg na bottom_glow. Nastavte barvu výplně na # fe7705 a tah na null.

6. Nástrojem Ovál nakreslete pod svíčku ovál. Převeďte ovál na filmový klip s názvem „bottom_glow“.

Aby se ovál změnil na záři, přidáme filtr rozostření.

7. Na panelu Filtry přidejte filtr Rozostření. Nastavte rozostření X a Y na 56px a kvalitu na High.

Jedním z posledních doteků je přidat malý stín ve spodní části svíčky.

8. Přidejte novou vrstvu těsně nad vrstvu bottom_glow a pojmenujte ji „stín“.

9. Nastavte barvu výplně na # 000000 a nakreslete malý ovál na dně svíčky.

10. Převeďte ovál na filmový klip nazvaný „stín“.

11. Přidejte do tohoto filmového klipu filtr Rozostření. Nastavte rozostření X a Y na 16px a kvalitu na High.

Přidejte pohyb Tween do vrstvy bottom_glow. Nyní můžeme animovat filmový klip bottom_glow. Jako vodítko použijeme rozsahy Tween, které jsme právě vytvořili pro plamen. Pohybujte se po časové ose a zastavte se u každého klíčového snímku na plameni Tween. Přidejte klíčový snímek do spodního rozsahu Tween. Změňte velikost filmového klipu bottom_glow v každém klíčovém snímku.

Posledním krokem je trochu organizování v knihovně. Chceme veškerá aktiva pro tuto svíčku se svíčkou ve složce CandleFlame Assets. Přetáhněte stínové a bottom_glow filmové klipy do této složky.

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: Adobe Flash - Animácia pomocou nástroja kosť (Smět 2024).