3 spôsoby, ako vytvárať animácie Flash

Obsah:

3 spôsoby, ako vytvárať animácie Flash
3 spôsoby, ako vytvárať animácie Flash

Video: 3 spôsoby, ako vytvárať animácie Flash

Video: 3 spôsoby, ako vytvárať animácie Flash
Video: РОКСИ ВЕРНУЛАСЬ! ФНАФ РУИНЫ ПРОХОЖДЕНИЕ! РУИН RUIN 🩸 Five Nights at Freddy's: Ruin DLC Прохождение 2024, November
Anonim

Flash je hlavným médiom pre animáciu na internete a dokonca aj v iných formátoch, ako je televízia. Vytvorenie jednoduchej animácie Flash v programe Flash je v skutočnosti celkom jednoduché, pretože Flash ponúka mnoho užitočných nástrojov, ktoré celý proces zjednodušujú. Ak už máte nápad na flash animáciu alebo karikatúru, pravdepodobne budete mať hrubý náčrt vytvorený za niekoľko hodín. V nižšie uvedenej príručke sa dozviete, ako vytvoriť animáciu Flash.

Krok

Metóda 1 z 3: Vytvorenie bleskovej animácie po jednotlivých snímkach

Vytvorte flash animáciu Krok 1
Vytvorte flash animáciu Krok 1

Krok 1. Pochopte základy animácie po snímkach

Táto metóda sa považuje za tradičnú metódu animácie, keď každý rámec (obrázok, ktorý tvorí animáciu) má rovnaký obrázok, ale mierne sa mení. Pri spoločnom prehrávaní snímok sa zdá, že sa obraz pohybuje. Je to rovnaká základná technika, akú používajú tradiční animátori, ktorí kreslia každý rámec ručne, ale vyžaduje to viac času ako metóda tweeningu (pozri ďalšiu časť).

Flash predvolene vytvára animáciu s frekvenciou 24 snímok za sekundu (FPS). To znamená, že jedna sekunda animácie bude mať 24 snímok, ale každý snímok nemusí byť iný. Môžete to upraviť, ak si prajete, a mnoho Flash animácií používa 12 FPS, ale 24 FPS bude mať za následok oveľa plynulejšie animácie

Vytvorte animáciu Flash, krok 2
Vytvorte animáciu Flash, krok 2

Krok 2. Nainštalujte program Flash Professional

K dispozícii sú rôzne programy pre animáciu Flash, ale najlepší je Adobe Flash Professional CC. Ak vás predplatné Adobe Creative Cloud neláka, môžete vykonať bezplatnú skúšobnú inštaláciu alebo môžete použiť iný produkt. Zostávajúca časť tohto článku bude odkazovať na Flash Professional alebo iné editačné programy ako „Flash“.

Vytvorte flash animáciu Krok 3
Vytvorte flash animáciu Krok 3

Krok 3. Vytvorte svoj majetok

Pretože animácia po snímkach vyžaduje viac obrázkov s malými rozdielmi, musíte všetky tieto položky vytvoriť ručne. Môžete ich vytvoriť všetky skôr, ako začnete, alebo ich môžete vytvoriť potom, ako začnete. Program Flash môžete použiť na kreslenie priamo v rámci projektu alebo môžete čerpať prostriedky vo svojom obľúbenom kresliacom programe.

Ak chcete zmeniť veľkosť obrázka bez zníženia kvality, musíte ho vykresliť ako vektor, nie ako raster. Po zmene mierky budú vektorové obrázky automaticky prekreslené, čo znamená, že nedôjde k pixelovaniu ani vytváraniu aliasov (šachovnicový efekt, ktorý sa zobrazí pri zväčšení obrázku). Rastrové obrázky sú tradičné obrázky, ktoré ste zvyknutí vidieť (fotografie, obrázky z programu Maľovanie atď.). Rastrové obrázky nemajú dobrú mierku a po zväčšení môžu vyzerať dosť zle

Vytvorte flash animáciu Krok 4
Vytvorte flash animáciu Krok 4

Krok 4. Vytvorte prvý rámec

Po spustení programu Flash získate prázdnu vrstvu a prázdnu časovú os. Pri pridávaní rámca sa časová os vyplní automaticky. S vrstvami môžete interagovať podobne ako vo Photoshope.

  • Pred pridaním obrázkov vytvorte pre svoj film základné pozadie. Premenujte vrstvu 1 na „Pozadie“a potom vrstvu uzamknite. Vytvorte druhú vrstvu a pomenujte ju, ako chcete. Táto vrstva bude vrstvou, v ktorej vytvoríte animáciu.
  • V prvom rámčeku pridajte obrázok na plátno. Obrázky môžete importovať z počítača alebo pomocou nástrojov na kreslenie Flash vytvárať obrázky priamo v programe.
  • Váš prvý rámec bude „kľúčový obrázok“(kľúčový obrázok). Kľúčové snímky sú snímky, ktoré obsahujú obrázky, a tvoria jadro vašej animácie. Pri každej zmene obrázku vytvoríte nový kľúčový rámec.
  • Kľúčové snímky sú na časovej osi označené čiernou bodkou.
  • Nepotrebujete nový obrázok v každom ráme. Vo všeobecnosti platí, že ak máte kľúčovú snímku každé štyri alebo päť snímok, bude to znamenať dobrú animáciu.
Vytvorte flash animáciu Krok 5
Vytvorte flash animáciu Krok 5

Krok 5. Premeňte obrázok na symbol

Premenením obrázku na symbol ho môžete ľahko pridať viackrát do rámca. To je obzvlášť užitočné, ak potrebujete rýchlo vytvoriť niekoľko objektov, napríklad skupinu rýb.

  • Vyberte celý obrázok. Kliknite pravým tlačidlom myši na vybratý obrázok a zvoľte „Previesť na symbol“. Obrázok sa tým pridá do knižnice, kde k nemu budete môcť neskôr rýchlo pristupovať.
  • Odstrániť obrázok. Neboj sa! Jednoduchým presunutím objektu z Knižnice ho pridáte späť do deja. Na scénu príbehu môžete ľahko pridať viac rovnakých obrázkov!
Vytvorte flash animáciu, krok 6
Vytvorte flash animáciu, krok 6

Krok 6. Pridajte niekoľko prázdnych rámikov

Akonáhle je prvý rámec pripravený, môžete pridať prázdny rámček, ktorý bude medzi prvým a druhým kľúčovým rámcom. Stlačením klávesu F5 štyrikrát alebo päťkrát pridáte za prvý kľúčový rámec prázdny rámček.

Vytvorte flash animáciu Krok 7
Vytvorte flash animáciu Krok 7

Krok 7. Vytvorte druhý kľúčový obrázok

Po pridaní niekoľkých prázdnych rámcov ste pripravení vytvoriť druhý kľúčový obrázok. V zásade existujú dva rôzne spôsoby, ako to urobiť, a to skopírovaním existujúceho kľúčového rámca a vykonaním drobných úprav alebo môžete vytvoriť prázdny kľúčový rámec a vložiť nový obrázok. Ak používate obrázok vytvorený v inom programe, budete chcieť druhú metódu. Ak vytvárate obrázok pomocou návrhových nástrojov z Flash, použite prvú metódu.

  • Ak chcete vytvoriť kľúčovú snímku z obsahu predchádzajúcej snímky, stlačte kláves F6. Ak chcete vytvoriť prázdny kľúčový obrázok, kliknite pravým tlačidlom myši na posledný rámček na časovej osi a zvoľte „Vložiť prázdny kľúčový obrázok“. Všetko v príbehovej scéne bude odstránené.
  • Po vytvorení druhého kľúčového rámca budete musieť obrázok upraviť tak, aby mal efekt pohybu. Ak používate návrhové nástroje Flash, môžete pomocou nástroja Transform vybrať aspekty obrázka a trochu s nimi pohybovať, ako s rukami stickmana.
  • Ak vkladáte nový obrázok pre každú kľúčovú snímku, budete sa chcieť uistiť, či je umiestnený na rovnakom alebo nasledujúcom logickom mieste na obrazovke. To zaisťuje, že obraz nepreskočí medzi rámikmi.
Vytvorte flash animáciu, krok 8
Vytvorte flash animáciu, krok 8

Krok 8. Opakujte postup

Teraz, keď ste vytvorili dva kľúčové snímky, je čas to zopakovať. V podstate budete rovnaký postup opakovať, kým sa animácia nedokončí. Pridajte niekoľko prázdnych rámcov medzi jednotlivé kľúčové snímky a uistite sa, že sa animácia pohybuje hladko.

Vykonávajte malé, prírastkové zmeny pohybu. Animácia bude vyzerať oveľa plynulejšie, ak v kľúčovej snímke vykonáte veľmi malé zmeny. Ak napríklad chcete, aby sa stickman švihol rukou, druhým kľúčovým rámcom by nemal byť koniec švihu. Namiesto toho použite niekoľko kľúčových rámcov ako prechod od začiatku švihu do konca. Výsledkom bude oveľa plynulejšia animácia

Metóda 2 z 3: Vytvorenie animácie typu point-to-point (prepojenie)

Vytvorte flash animáciu, krok 9
Vytvorte flash animáciu, krok 9

Krok 1. Pochopte základy tweeningu

Flash obsahuje funkciu nazývanú tweening (proces, ktorý vytvára animáciu medzi dvoma obrázkami v dvoch časových bodoch v čase), ktorá vám v zásade umožňuje nastaviť počiatočné a koncové časové body pre objekty. Flash potom bude pohybovať a meniť objekty na základe vašich nastavení medzi týmito dvoma bodmi v čase, čím vytvára ilúziu animácie. Nie je potrebné vytvárať obrázky pre každú kľúčovú snímku ako pri animácii po snímkach.

  • Tweening je obzvlášť užitočný pri vytváraní efektu morph, keď sa objekt počas animácie zmení na iný objekt.
  • Animáciu po snímke a doplnenie je možné použiť spoločne v jednom filme.
  • Súčasne iba jeden predmet prechádza pohybovým doplňovaním. To znamená, že ak chcete animovať viac objektov naraz, musia byť umiestnené v rôznych vrstvách.
Vytvorte flash animáciu, krok 10
Vytvorte flash animáciu, krok 10

Krok 2. Vytvorte prvý objekt

Na rozdiel od animácie po snímkach nepotrebujete na animáciu vytvárať viac objektov pomocou funkcie doplnenia. Ale vytvoríte objekt, potom zmeníte vlastnosti objektu počas procesu dopĺňania.

  • Pred pridaním obrázkov vytvorte pre svoj film základné pozadie. Premenujte vrstvu 1 na „Pozadie“a potom vrstvu uzamknite. Vytvorte druhú vrstvu a pomenujte ju, ako chcete. Táto vrstva bude vrstvou, v ktorej vytvoríte animáciu.
  • Dôrazne sa odporúča použiť návrhové nástroje zabudované do programu Flash alebo importovať obrázky z programu na kreslenie vektorov. Vektory je možné ľahko škálovať bez skreslenia, zatiaľ čo tradičné rastrové obrázky nebudú správne škálovať a transformovať.
Vytvorte flash animáciu, krok 11
Vytvorte flash animáciu, krok 11

Krok 3. Premeňte predmet na symbol

Aby ste mohli vytvoriť prechodný obrázok objektu, musíte ho previesť na symbol. Toto je formát, ktorý Flash používa na organizáciu objektov. Ak sa pokúšate vygenerovať prechodný obrázok z objektu, ktorý nebol prevedený na symbol, najskôr budete vyzvaní na vykonanie prevodu.

Kliknite pravým tlačidlom myši na objekt a zvoľte „Previesť na symbol“. Objekty budú pridané do knižnice, čo uľahčuje klonovanie objektov

Vytvorte flash animáciu Krok 12
Vytvorte flash animáciu Krok 12

Krok 4. Vykonajte prvé doplnenie ťahu

Pohybové doplnenie presúva predmet z jedného miesta na druhé. Kliknite pravým tlačidlom myši na symbol v príbehovej scéne a zvoľte „Vytvoriť pohybové doplnenie“. Na časovú os pribudne celkom 24 snímok, pretože ide o štandardnú dĺžku doplnenia. Majte na pamäti, že Flash bude pri predvolených nastaveniach animovať rýchlosťou 24 snímok za sekundu, čo znamená, že animácii bude toto doplnenie pohybu trvať sekundu.

Keď vytvoríte doplnenie pohybu, automaticky sa presuniete do posledného rámca doplnenia

Vytvorte flash animáciu Krok 13
Vytvorte flash animáciu Krok 13

Krok 5. Nakreslite dráhu objektu

Po vytvorení doplnenia môžete objekt presunúť na požadované konečné miesto. Flash zobrazí čiaru cesty, ktorá je bodkovaná a označuje umiestnenie objektu pre každý rámec výsledného medzisnímku.

Keď vytvoríte cestu prvýkrát, bude to rovná čiara od počiatočného bodu po koncový bod

Vytvorte flash animáciu, krok 14
Vytvorte flash animáciu, krok 14

Krok 6. Predĺžte rám pozadia

Ak teraz spustíte animáciu, objekt sa bude pohybovať po ceste, ale pozadie zmizne po jednom zábere. Ak to chcete opraviť, musíte roztiahnuť pozadie tak, aby pokrývalo celý rámec animácie.

Vyberte vrstvu pozadia na časovej osi. Kliknite na posledný rámček na časovej osi, ktorý by mal byť zároveň posledným rámcom doplnenia pohybu. Stlačením klávesu F5 až do tohto bodu vložíte rámček, ktorý bude naďalej zobrazovať pozadie pre celé doplnenie

Vytvorte flash animáciu, krok 15
Vytvorte flash animáciu, krok 15

Krok 7. Pridajte kľúčové snímky

Pridanie kľúčovej snímky do cesty vám umožní meniť objekty počas dopĺňania pohybu. Na objekte môžete vykonávať zmeny iba vtedy, ak má kľúčový rámec. Ak chcete do skladby pridať kľúčový rámec, najskôr vyberte na časovej osi rámec, ktorý chcete previesť na kľúčový rámec. Potom kliknite a presuňte objekt na požadované miesto na ráme. Trasa sa upraví automaticky a na časovú os sa pridá kľúčový obrázok. Kľúčové snímky sú na časovej osi označené ikonou diamantu.

Vytvorte flash animáciu, krok 16
Vytvorte flash animáciu, krok 16

Krok 8. Upravte dráhu doplnenia

Ak chcete zmeniť cestu k objektu, môžete kliknúť na jednotlivé značky polohy rámca na ceste a presunúť ich na nové miesto. Vyhnite sa tomu, aby ste do cesty vkladali príliš veľa variácií, inak sa predmet bude pohybovať nepravidelne (pokiaľ to skutočne nie je váš cieľ!).

Vytvorte flash animáciu Krok 17
Vytvorte flash animáciu Krok 17

Krok 9. Transformujte objekt

Akonáhle sú definované kľúčový rámec a cesta, môžete objekt transformovať tak, aby sa objekt menil pri jeho pohybe cestou doplnenia pohybu. Môžete zmeniť tvar, farbu, otočenie, veľkosť a ďalšie položky objektu.

  • Vyberte rámec, ktorý chcete transformovať.
  • Otvorte panel Vlastnosti objektu. Ak tabla nie je aktuálne viditeľná, môžete stlačiť Ctrl+F3.
  • Zmeňte hodnotu v sekcii Vlastnosti, aby ovplyvnila objekt. Môžete napríklad zmeniť farbu, pridať filter alebo zmeniť mierku.
  • Môžete tiež použiť nástroj Free Transform na ľubovoľnú zmenu tvaru objektu, ako sa vám páči.
Vytvorte flash animáciu, krok 18
Vytvorte flash animáciu, krok 18

Krok 10. Vykonajte posledné úpravy na medziľahlom obrázku

Otestovanie pohybu vyskúšajte stlačením klávesov Ctrl+↵ Enter. Uistite sa, že transformácia vyzerá dobre a animácia sa pohybuje správnou rýchlosťou. Ak sa animácia pohybuje príliš rýchlo, môžete znížiť FPS alebo zvýšiť časový rozsah doplnenia.

  • Štandardne je animácia FPS 24, skúste ju teda znížiť na 12. Ak to chcete urobiť, kliknite mimo scénu príbehu a zmeňte FPS na paneli Vlastnosti. Zmena hodnoty na 12 zdvojnásobí trvanie animácie, ale pohyb animácie sa môže stať „vločkovitejším“.
  • Ak chcete zmeniť časové rozpätie doplnenia, vyberte vrstvu obsahujúcu doplnenie a posuňte ho pomocou posúvača. Ak chcete, aby bolo doplnenie dvakrát dlhšie, predĺžte ho na 48 snímok. Dbajte na to, aby ste do vrstvy pozadia vložili prázdny rámček, aby pozadie počas animácie nezmizlo z polovice. Ak chcete rozšíriť pozadie, vyberte vrstvu, kliknite na posledný rámček animácie na časovej osi a potom stlačte kláves F5.

Metóda 3 z 3: Pridávanie zvukov a hudby

Vytvorte flash animáciu, krok 19
Vytvorte flash animáciu, krok 19

Krok 1. Nahrajte alebo vyhľadajte zvukové efekty a hudbu

K akciám, ktoré sa vyskytujú v animácii, môžete pridať zvukové efekty, aby sa líšila od ostatných a dodala jej vlastný charakter. Vďaka hudbe budú vaše animácie živšie a dobré animácie môžu byť výnimočné. Flash podporuje rôzne formáty zvukových súborov vrátane AAC, MP3, WAV a AU. Vyberte formát, ktorý poskytuje najlepšiu kvalitu s najmenšou veľkosťou súboru.

Formát MP3 bude zvyčajne poskytovať dobrú kvalitu zvuku s minimálnou veľkosťou súboru. Ak je to možné, vyhnite sa používaniu formátu WAV, pretože sú zvyčajne dosť veľké

Vytvorte flash animáciu, krok 20
Vytvorte flash animáciu, krok 20

Krok 2. Importujte zvukové súbory do knižnice

Pred pridaním zvuku do projektu musíte zvukový súbor pridať do knižnice Flash. To vám umožní rýchlo pridať zvuk do vášho projektu neskôr. Kliknite na položku Súbor → Importovať → Importovať do knižnice. Vyhľadajte zvukové súbory vo svojom počítači. Uistite sa, že zvukový súbor má ľahko zapamätateľný názov, aby ste ho neskôr mohli rýchlo nájsť v ponuke.

Vytvorte flash animáciu, krok 21
Vytvorte flash animáciu, krok 21

Krok 3. Vytvorte novú vrstvu pre každý zvukový súbor

Nie je to vôbec potrebné, pretože do existujúcej vrstvy môžete pridať zvuk, ale umiestnenie každého súboru v samostatnej vrstve vám poskytne oveľa väčšiu kontrolu nad nastaveniami stmievania a stmievania (stmievania a zvyšovania). Alebo zastaviť zvuk a je jednoduchšie zvuk presunúť do inej časti.

Vytvorte flash animáciu, krok 22
Vytvorte flash animáciu, krok 22

Krok 4. Vytvorte kľúčovú snímku, kde sa začne zvuk

Na zvukovej vrstve vyberte rámček v animácii, kde má zvuk začať. Stlačením klávesu F7 vložte prázdny kľúčový rámec. Ak napríklad chcete zahrnúť hudobný súbor, ktorý sa bude prehrávať počas animácie, vyberte prvý rámček vo vrstve hudobného súboru. Ak pre postavu pridávate dialógy, vyberte rámec, v ktorom postava začne hovoriť.

Vytvorte flash animáciu, krok 23
Vytvorte flash animáciu, krok 23

Krok 5. Pridajte zvukové alebo hudobné súbory

V rámčeku Vlastnosti uvidíte sekciu Zvuk. Na zobrazenie možností bude možno potrebné ho otvoriť. Kliknite na ponuku „Názov“a z knižnice vyberte požadovaný súbor.

Vytvorte flash animáciu, krok 24
Vytvorte flash animáciu, krok 24

Krok 6. Usporiadajte zvukové súbory

Po výbere súboru môžete nastaviť spôsob jeho prehrávania. To, čo si vyberiete, bude vychádzať z predpokladaného použitia zvuku v animácii. Nastavenia efektu, synchronizácie a opakovania pre každý zvuk môžete zmeniť v ponuke umiestnenej v ponuke Názov v rámčeku Vlastnosti.

  • Účinky. Toto nastavenie dodáva zvuku efekty, napríklad zvuk sa postupne objavuje alebo mizne alebo pridáva ozvenu. Môžete si vybrať z existujúcich nastavení v rozbaľovacej ponuke alebo kliknutím na ikonu ceruzky vedľa ponuky vytvoriť vlastné nastavenia.
  • Synchronizácia Toto nastavenie určuje, ako sa pieseň bude hrať v animácii. Udalosť bude znieť, kým sa neskončí. Ak sa znova spustí ten istý zvuk pred skončením predchádzajúceho zvuku, pôvodný zvuk sa bude prehrávať, kým sa nedokončí. Spustenie je podobné ako pri udalosti, ale zastaví sa, keď sa znova prehrá zvuk. Stop zastaví zvuk v tomto ráme. Ak chcete túto možnosť použiť v spojení s inými možnosťami zvuku, vytvorte nový kľúčový rámec, v ktorom chcete zastaviť zvuk, a použite túto možnosť. Stream sa pokúsi zosúladiť prehrávaný zvuk s počtom snímok v ostatných vrstvách. Túto možnosť je najlepšie použiť na dialóg.
  • Opakujte. Toto nastavenie vám umožňuje nastaviť, ako dlho sa má zvuk opakovať. Môžete ho nastaviť tak, aby sa hral iba raz, alebo ho môžete opakovať, koľkokrát chcete. Ak je vaša animácia opakovanou animáciou, musíte nastaviť, aby sa hudba opakovala donekonečna.
Vytvorte flash animáciu, krok 25
Vytvorte flash animáciu, krok 25

Krok 7. Dokončite projekt

Keď prácu na projekte konečne dokončíte, uložte ho ako súbor SWF. Toto je formát používaný na prehrávanie filmov. Môžete ho hrať takmer v akomkoľvek webovom prehliadači alebo môžete použiť prehrávač Flash, ktorý sa používa špeciálne na jeho sledovanie. Existujú aj rôzne stránky, na ktoré ich môžete nahrať, aby ich mohli sledovať ostatní, napríklad Newgrounds, Albino Blacksheep a Kongregate.

Vytvorte flash animáciu, krok 26
Vytvorte flash animáciu, krok 26

Krok 8. Rozvíjajte svoj budúci projekt ďalej

Táto príručka sa zaoberá základmi vytvárania animácií, ale je toho oveľa viac, čo sa môžete naučiť a urobiť. Pridajte niekoľko tlačidiel a rozvetvený pozemok a máte svoju vlastnú dobrodružnú hru. Môžete absolvovať nárazové kurzy v jazyku ActionScript a získať oveľa väčšiu kontrolu nad jemnejšími detailmi svojich animácií. Pokračujte v experimentovaní a čoskoro sa naučíte všetky druhy trikov a ich implementácie.

Odporúča: