Ako vytvoriť Flash Animácia (s ilustráciami) -

Sme neustále čelia Flash animácii - na internete av televíznom vysielaní. Vytvorenie jednoduchých flash animácií pomocou technológie Flash - pomerne jednoduchá úloha, pretože Flash ponúka veľa užitočných nástrojov, ktoré zjednodušujú celý proces. Ak chcete vytvoriť flash animáciu alebo karikatúru, potom môžete urobiť načrtnúť len za pár hodín.

Kroky

Časť 1 z 3:

Flash Flash Animácia

jeden. Základy satelitnej animácie. Táto metóda sa považuje za hlavnú metódu vytvárania "tradičnej" animácie, v ktorej každý nasledujúci rám zahŕňa jeden, ale mierne modifikovaný obraz. Pri prehrávaní všetkých rámov, obraz "príde na život". Rovnaká metóda používa animátory kresliaci karikatúry z ruky a trvá viac času ako tweing (pozri nasledujúcu časť).

V predvolenom nastavení Flash reprodukuje 24 rámov za sekundu (FPS). To znamená, že v jednej sekunde bude ukázané 24 rámov, ale nie všetky z nich musia byť nevyhnutne odlišné. Tento parameter môžete zmeniť (ak chcete) pre 12 rámov za sekundu, ale na 24 snímok za sekundu, animácia sa bude hrať viac "hladko".

Obrázok s názvom Vytvorenie Flash Animation Krok 2

2. Nainštalujte Flash Professional. Existuje mnoho programov na vytváranie flash animácií, ale najsilnejší je Adobe Flash Professional CC. Môžete nastaviť skúšobnú verziu tohto programu zadarmo alebo použiť iný produkt (ak sa nechcete zaregistrovať na Adobe Creative Cloud). Ďalej tento článok popisuje, ako pracovať s Flash Professional.

Obrázok s názvom Vytvorenie blesku Animation Krok 3

3. Vzhľadom k tomu, že animácia rámca vyžaduje viac obrázkov (ktoré sa od seba líšia), potom musíte tieto obrázky vytvoriť manuálne. Ak to chcete urobiť, použite Adobe Flash Professional alebo kresliť obrázky v akomkoľvek grafickom editore.

Ak chcete, aby sa veľkosť svojich obrázkov zmenili bez straty svojej kvality, vytvorili obrázky vo vektore a nie v rastrovej grafike. Vektorové obrázky budú prekresliť sami pri zmene ich veľkosti (to znamená, že sa vyhnete pixelizácii alebo vyhladzovaniu). Rastrové obrazy sú tradičné obrázky, napríklad fotografie, ťahané obrázky a tak ďalej. Keď sa snažíte zvýšiť takéto obrázky, dostanete silne skreslený obraz.

Obrázok s názvom Vytvoriť Flash Animácia Krok 4

4. Vytvorte prvý rám. Keď prvý spustíte Adobe Flash Professional, uvidíte prázdne plátno (vrstvu) a prázdnu časovú os. Keď sa rám pridá časová os bude automaticky vyplnená. Môžete pracovať s vrstvami, rovnako ako to robíte vo photoshope.

Pred pridaním obrázka vytvorte základné pozadie vašej animácie. Premenujte "vrstvu 1" v "pozadí" a potom ho upevnite. Vytvorte druhú vrstvu a pomenujte ho, ako sa vám páči. Bude to vrstva, na ktorej vytvoríte animáciu.

Pridajte obrázok na plátno prvého rámu. Môžete importovať kresbu z počítača, alebo môžete použiť nástroje na ťahanie na vytvorenie výkresu priamo v programe.

Prvý rám je "kľúč" rám. Kľúčovým rámom je rám, ktorý obsahuje obrázok a tvorí základ ("BONY") animácie. Vytvoríte nový kľúčový počítač zakaždým, keď zmeníte obrázok.

Kľúčový personál na časovej osi sú určené čierne.

V každom nasledujúcom ráme nepotrebujete kľúčový rám. Vytvorte kľúčový rámec každých štyroch alebo piatich snímok, aby ste urobili dobrú animáciu.

Obrázok s názvom Vytvorenie Flash Animation Krok 5

päť. Premeniť obrázok do symbolu. V tomto prípade môžete niekoľkokrát pridať obrázok do rámu. To je obzvlášť užitočné, ak potrebujete rýchlo pridať niekoľko rovnakých typov obrázkov v jednom rámci (napríklad ryby v akváriu).

Zvýraznenie. Kliknite pravým tlačidlom myši na výkres a vyberte "Konvertovať na symbol" (konvertovať na symbol). Obraz bude pridaný do knižnice, čo zjednoduší jeho použitie v budúcnosti.

Odstráňte obrázok. Nebojte sa - môžete ho pridať do rámu jednoduché ťahanie z knižnice. Takže môžete niekoľkokrát pridať jeden a ten istý kreslenie do rámu.

Obrázok s názvom Vytvoriť Flash Animation Krok 6

6. Pridajte prázdne rámy. Ak je váš prvý rámový rám pripravený, vložte prázdne rámy a potom prejdite na vytvorenie druhého Keyframe. Stlačte F5 (štyri alebo päťkrát) na pridanie prázdnych rámcov po prvom Keyframe.

Obrázok s názvom Vytvorenie Flash Animation Krok 7

7. Vytvorte druhý kľúčový kľúč (potom, čo ste pridali niekoľko prázdnych rámov). Existujú dva rôzne spôsoby, ako to urobiť: Môžete kopírovať existujúci kľúčový počítač a vykonať malé zmeny v ňom, alebo môžete vytvoriť prázdny kľúčový kľúč a pridať nový obrázok. Ak používate výkres vytvorený v inom programe, použite druhý spôsob. Ak vložíte obrázok vytvorený pomocou nástrojov Adobe Flash Professional, použite prvú metódu.

Ak chcete vytvoriť kľúčový počítač pomocou obsahu predchádzajúceho keyframe, stlačte kláves F6. Ak chcete vytvoriť prázdny rám kľúč, kliknite pravým tlačidlom myši na posledný rám na časovej osi a zvoľte "Vložiť prázdny kľúč Keyframe" (prilepte prázdny rámový rám).

Potom, čo ste vytvorili druhý kľúčový kľúč, musíte vykonať zmeny na jeho obraz tak, aby animácia "prišla na život". Ak ste použili nástroje Adobe Flash Professional, vyberte nástroj Transform (Transform), aby ste zvýraznili položku svojho kresby (napríklad ruky postavy) a zmeňte ho.

Ak do každého keyframe vložíte nový obrázok, uistite sa, že je na správnom mieste (podľa logickej sekvencie rámov).

Obrázok s názvom Vytvoriť Flash Animation Krok 8

osem. Opakovať proces. Po vytvorení dvoch keyframes, zopakujte proces - pridajte niekoľko prázdnych rámov medzi každým kľúčovým zdrojom a uistite sa, že animácia bude hrať "hladko".

Urobte malé zmeny. Zmeny menšie (nepriznané), zarovnanie sa reprodukuje. Napríklad, ak chcete, aby znak zvýšil ruku, druhý rámový rám by nemal obsahovať výkres, na ktorom je postava zobrazená rukou. Namiesto toho použite viac kľúčových rámov na pohyb z znížených rúk na vyvýšenú ruku. V tomto prípade bude animácia hladšia.

Časť 2 z 3:

Twining

jeden. Flash obsahuje funkciu "Tweening" (twin), ktorá vám umožní nastaviť počiatočný a koncový rámec vašej animácie. Flash automaticky vytvorí medziľahlé rámy tak, aby prechod z jedného keyframe na druhý bol hladký. Takže nemusíte vytvárať obrázky pre každý kľúčový počítač (ako vo vzorovej animácii).

Twining je obzvlášť užitočný pre morfovanie - hladká konverzia jedného obrazu na druhú (s použitím geometrických operácií a farieb interpolácie).
Pri vytváraní animácie môžete súčasne používať metódu a twing.
Ak chcete animovať niekoľko znakov naraz, každý animačný rámec by mal obsahovať niekoľko vrstiev (jedna vrstva pre jeden znak).

Obrázok s názvom Vytvorenie Flash Animation Krok 10

2. Vytvorte prvý obrázok. Na rozdiel od rámcovej metódy nie je potrebné vytvoriť viacero obrázkov pre animáciu. Namiesto toho potrebujete vytvoriť jeden obrázok, ktorý sa zmení v procese tweing.

Dôrazne sa odporúča používať vstavané nástroje na ťahanie (vo flash) alebo import vektorový obrázok. Ak chcete, aby sa veľkosť svojich obrázkov zmenili bez straty svojej kvality, vytvorili obrázky vo vektore a nie v rastrovej grafike. Vektorové obrázky budú prekresliť sami pri zmene ich veľkosti (to znamená, že sa vyhnete pixelizácii alebo vyhladzovaniu).

Obrázok s názvom Vytvorenie flash Animation Krok 11

3. Premeniť obrázok do symbolu. V tomto prípade bude blesk schopný manipulovať s obrázkom. Ak sa pokúsite urobiť tweing s obrázkom, ktorý nebol transformovaný do symbolu, program vám navrhne.

Obrázok s názvom Vytvoriť Flash Animation Krok 12

4. Vytvorte prvú animovanú dvojča. Animované dvojité posúva obraz z jednej pozície do druhého. Kliknite pravým tlačidlom myši na symbol a zvoľte "Create Motion Tween" (Vytvoriť animované dvojča). Do časovej osi sa pridá 24 snímok, pretože to je štandardná dĺžka dvojča. Nezabudnite, že štandardne bude animácia prehrať hladko pri 24 rýchlostiach rámu za sekundu, takže animované dvojča trvá len 1 sekundu.

Keď vytvoríte animované dvojité, automaticky sa presuniete do posledného rámca animácie.

Obrázok s názvom Vytvorenie blesku Animation Krok 13

päť. Nastavte trajektóriu. Po vytvorení twin, presuňte obrázok na koniec animácie. Blesk zobrazí trajektóriu s bodkami označujúcimi polohu každého dvojitého rámu.

Keď prvý vytvoríte trajektóriu, bude to vyzerať ako priamka (z východiskového bodu do koncového bodu).

Obrázok s názvom Vytvorenie blesku Animation Krok 14

6. Pridať pozadie. Ak začnete animáciu, váš obrázok sa presunie pozdĺž trajektórie, ale pozadie zmizne po prvom rámci. Preto potrebujete pridať pozadie do každého rámca animácie.

Na časovej osi vyberte vrstvu s pozadím. Kliknite na posledný rám na časovej osi (tento rám by mal byť posledným rámom celej animácie). Kliknutím na F5 vložíte rámy pozadia (od začiatku ukončenia animácie).

Obrázok s názvom Vytvorenie flash animácie Krok 15

7. Pridať Keyframes. Pridanie kľúčových rámov na trajektóriu vám umožní zmeniť výkres v animovaných dvojitých. Obraz môžete zmeniť len vtedy, keď sa vloží do rámu kľúčov. Ak chcete pridať kľúčový počítač na trajektóriu, vyberte rám na časovej osi (tento rám, ktorý chcete vytvoriť). Potom presuňte obrázok na zvolený rám. Trajektória sa automaticky upraví a rámový rám bude pridaný do časovej osi. Na časovej osi sú kľúčové rámy označené kosurnomankou.

Obrázok s názvom Vytvoriť Flash Animation Krok 16

osem. Nastavte trajektóriu povrazu. Ak chcete zmeniť trajektóriu, pretiahnite rámce rámcov do novej polohy. Nedávajte nadmerný počet zmien trajektórie povrazu, pretože to povedie k nepravidelnému pohybu výkresu (ak, samozrejme, to nie je váš cieľ!).

Obrázok s názvom Vytvorenie Flash Animation Krok 17

deväť. Konvertovať obrázok. Ak ste vytvorili kľúčové rámy a trajektóriu, môžete previesť obrázok tak, aby sa hladko zmenil, keď sa pohybujú Twin Trajectory. Môžete zmeniť tvar, farbu, svah, veľkosť a akýkoľvek iný parameter obrazu.

Vyberte rám, v ktorom sa obrázok bude transformovať.

Otvorte panel vlastností kreslenia. Ak to chcete urobiť, stlačte kláves F3.

Zmeňte hodnoty parametrov v okne Vlastnosti kreslenia. Môžete napríklad zmeniť tieň alebo farbu, pridať filtre, zmeniť veľkosť.

Môžete tiež použiť nástroj Free Transform (Free Transformácia), aby ste zmenili výkres.

Obrázok s názvom Vytvorenie Flash Animation Krok 18

10. Pridajte finálne ťahy. Skontrolujte vytvorenú animáciu stlačením klávesu CTRL + ENTER. Uistite sa, že kresba (znak) sa zmení správne a že animácia je reprodukovaná so správnou rýchlosťou. Ak sa animácia prehráva príliš rýchlo, znížte hodnotu FPS alebo zvýšite trvanie povrazu.

Predvolené FPS je 24, takže sa pokúste znížiť túto hodnotu až 12. Zmeňte hodnotu FPS na paneli Vlastnosti. Avšak, keď fps = 12, animácia môže hrať nie je dosť hladko.

Ak chcete zmeniť trvanie dvojča, vyberte vrstvu obsahujúcu dvojča a posuvníkom zmenu trvania dvojča. Ak chcete zdvojnásobiť trvanie dvojča, presuňte posuvník na 48 rámov. Nezabudnite vložiť pozadie do prázdnych rámov tak, aby pozadie nezmizne v strede animácie. Ak to chcete urobiť, vyberte vrstvu pozadia, kliknite na posledný rám animácie (na časovej osi) a potom stlačte kláves F5.

Časť 3 z 3:

Pridanie zvukových efektov a hudby

jeden. Zapíšte si alebo stiahnite zvukové efekty a hudbu. Animáciu môžete pridať zvukové efekty, aby ste to urobili veľkolepom. Hudba bude robiť animáciu viac vzrušujúce a môže zmeniť dobrú animáciu do nádherného. Flash podporuje rôzne formáty zvukových súborov, vrátane AAC, MP3, WAV a AU. Vyberte formát, ktorý zaručuje vysokú kvalitu zvuku s minimálnou veľkosťou súboru.

Formát MP3 zaručuje vysokú kvalitu zvuku s minimálnou veľkosťou súboru. Formátové súbory WAV sú veľké.

Obrázok s názvom Vytvorenie blesku Animation Krok 20

2. Importovať audio súbory do knižnice, aby ste mohli rýchlo pridať zvuky a hudbu na animáciu. Kliknite na "File" - "Import" - "Import do knižnice" (Import do knižnice). Nájdite zvukový súbor na počítači. Uistite sa, že audio súbor má jednoduché meno, aby ste ho mohli rýchlo nájsť.

Obrázok s názvom Vytvorenie Flash Animation Krok 21

3. Vytvorte novú vrstvu pre každý zvukový súbor. Toto nie je nevyhnutne a môžete pridať zvuk do existujúcich vrstiev, ale vloženie zvukového súboru na samostatnej vrstve vám umožní lepšie ovládať zvukovú stopu animácie.

Obrázok s názvom Vytvorenie Flash Animation Krok 22

4. Vytvorte kľúčový počítač, z ktorého začne prehrávanie zvuku. Na vrstve so zvukom vyberte rám animácie, z ktorého začne zvuk. Stlačením klávesu F7 vložte prázdny kľúč Keyframe. Ak chcete napríklad vložiť zvukový súbor, ktorý sa bude prehrávať v celej animácii, vyberte prvý rám na vrstve so zvukovým súborom. Ak pridáte hlas znaku, vyberte rám, kde sa postava začne hovoriť.

Obrázok s názvom Vytvorenie Flash Animation Krok 23

päť. Pridanie zvukových súborov. Stlačte "Vlastnosti" - "Zvuk" - "Názov" a vyberte zvukový súbor z knižnice.

Obrázok s názvom Vytvorenie flash animácie Krok 24

6. Konfigurujte zvukový súbor v súlade s požiadavkami animácie. Môžete pridať efekty, zmeniť nastavenia synchronizácie a konfigurovať reprodukciu zvukového súboru (v menu Názov).

Účinky (napríklad útlm alebo echo). V rozbaľovacej ponuke si môžete vybrať jeden z parametrov predvoľby, alebo môžete kliknúť na ikonu ceruzky (vedľa menu), aby ste vytvorili vlastné vlastné nastavenia.

Synchronizácia. Definuje postup pre prehrávanie zvuku v animácii. Parameter udalosti (udalosti) bude hrať zvukový súbor na koniec. Ak je tento rovnaký zvukový súbor reprodukovaný (kým sa prvé prehrávanie skončí), prvé prehrávanie bude pokračovať v prehrávaní (až do konca). Parameter "Štart" funguje ako parameter "Event" s jediným rozdielom, že prvé prehrávanie sa zastaví pri reprodukcii zvuku. Parameter "Stop" zastaví prehrávanie zvuku v špecifickom ráme. Ak chcete použiť tento parameter v kombinácii s inými parametrami zvukového súboru, vytvorte nový kľúčový kľúč, kde sa prehrávanie zvuku zastaví. Parameter "Stream" (Stream) bude synchronizovať určitý zvuk s rámami na iných vrstvách. Tento parameter je lepšie použiť pri vkladaní hlasov znakov.

Reprodukcia Replay. Určuje počet opakovaných prehrávanie špecifického zvukového súboru (jeden alebo mnohokrát). Ak je vaša animácia cyklická, nastavte tento parameter na nekonečné prehrávanie zvukového súboru.

Obrázok s názvom Vytvorenie flash animácie Krok 25

7. Uložte vytvorenú animáciu vo formáte SWF. Tento formát je reprodukovaný takmer ľubovoľným webovým prehliadačom. Aj súbor tohto formátu je možné stiahnuť do určitých lokalít (Newgrounds, Albino Blacksheep, Kongregate, aby ste si mohli zobraziť ostatní používatelia.

Obrázok s názvom Vytvorenie flash animácie Krok 26

osem. Tento článok rozpráva o základoch vytvárania flash animácie, ale môžete urobiť oveľa viac, napríklad vytvárať tlačidlá Flash. Môžete tiež prejsť zrýchlený priebeh akcií, aby ste preskúmali všetky jemnosti vytvárania a riadenia animácie. Experiment a naučíte sa všetky triky na vytváranie animácií.

Tipy

Ak plánujete upraviť animáciu, uložte ho vo formáte .Fla.