Ako vytvoriť flash animáciu (s obrázkami)

Obsah:

Ako vytvoriť flash animáciu (s obrázkami)
Ako vytvoriť flash animáciu (s obrázkami)

Video: Ako vytvoriť flash animáciu (s obrázkami)

Video: Ako vytvoriť flash animáciu (s obrázkami)
Video: Моя работа наблюдать за лесом и здесь происходит что-то странное 2024, Apríl
Anonim

Flash je popredné médium pre animáciu na internete a dokonca aj v iných formátoch, ako je televízia. Vytvorenie jednoduchej Flash animácie vo Flashi je v skutočnosti celkom jednoduché, pretože Flash ponúka mnoho užitočných nástrojov, ktoré celý proces zjednodušujú. Ak máte nápad na animáciu vo formáte Flash alebo kreslený film, pravdepodobne budete mať k dispozícii hrubý náčrt za niekoľko hodín. Postup nájdete v kroku č. 1 nižšie vytvorte flash animáciu.

Podpora pre Adobe Flash končí v decembri 2020. Po tomto čase už Flash nebude možné používať

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

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

Toto sa považuje za „tradičný“spôsob animácie v tom, že každý snímok má rovnaký obrázok, ale je mierne pozmenený. Pri spoločnom prehrávaní snímok sa zdá, že sa obrázky pohybujú. Je to rovnaká základná technika, akú používajú tradiční ruční animátori, a je časovo náročnejšie ako doplnenie (pozri nasledujúcu časť).

Flash predvolene vytvára animácie s frekvenciou 24 snímok za sekundu (FPS). To znamená, že jedna sekunda animácie bude mať 24 snímok, ale nie každý rámec musí byť iný. Môžete to upraviť, ak chcete, a mnoho Flash animácií používa 12 FPS, ale 24 produkuje oveľa „plynulejšiu“animáciu

Vytvorte flash animáciu, krok 2
Vytvorte flash animáciu, krok 2

Krok 2. Nainštalujte program Flash Professional

K dispozícii je množstvo animačných programov Flash, ale najsilnejší je Adobe Flash Professional CC. Skúšobnú verziu si môžete nainštalovať bezplatne alebo môžete použiť iný produkt, ak vás predplatné Adobe Creative Cloud neláka. Zvyšok tohto článku bude odkazovať na Flash Professional alebo iný program na úpravu 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, budete musieť všetky tieto položky vytvoriť ručne. Môžete ich vytvoriť všetky skôr, ako začnete, alebo ich vytvárať za pochodu. Program Flash môžete použiť na kreslenie priamo vo svojom projekte alebo môžete čerpať svoje aktíva vo svojom obľúbenom programe na vytváranie obrázkov.

Ak chcete, aby sa vaše obrázky zmenšovali bez straty kvality, budete ich chcieť vytvárať ako vektory namiesto rastrov. Vektorové obrázky sa samy prekreslia, kedykoľvek budú zmenšené. To znamená, že nedôjde k žiadnej pixelácii ani aliasingu. Rastrové obrázky sú tradičné obrázky, na ktoré ste pravdepodobne zvyknutí (fotografie, maľované obrázky atď.). Ich veľkosť nie je správna a môže vyzerať celkom škaredo, ak ich chcete zväčšiť

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

Krok 4. Vytvorte svoj prvý rámec

Pri prvom spustení programu Flash budete mať prázdnu vrstvu a prázdnu časovú os. Pri pridávaní rámcov sa vaša časová os vyplní automaticky. S vrstvami môžete interagovať podobne ako vo Photoshope.

  • Pred pridaním obrázka vytvorte pre svoj film základné pozadie. Premenujte vrstvu 1 na „Pozadie“a potom vrstvu uzamknite. Vytvorte druhú vrstvu a pomenujte ju, ako chcete. Toto bude vrstva, na ktorej vytvoríte svoju animáciu.
  • Pridajte svoju kresbu na plátno v prvom ráme. Výkres môžete buď importovať z počítača, alebo môžete pomocou nástrojov na kreslenie Flash vytvoriť výkres priamo v programe.
  • Váš prvý rámec bude kľúčovou snímkou. Kľúčové snímky sú snímky, ktoré majú obrázok, a tvoria chrbticu vašej animácie. Nový kľúčový obrázok budete vytvárať vždy, keď sa obrázok zmení.
  • Kľúčové snímky sú na časovej osi označené čiernou bodkou.
  • V každom ráme nepotrebujete nový obrázok. Vo všeobecnosti platí, že ak má kľúčový rámec každých štyri až päť snímok dobrú animáciu.
Vytvorte flash animáciu Krok 5
Vytvorte flash animáciu Krok 5

Krok 5. Premeňte svoju kresbu na symbol

Ak zmeníte svoju kresbu na symbol, môžete ju ľahko pridať viackrát do rámčeka. To je obzvlášť užitočné, ak potrebujete rýchlo vytvoriť viac objektov, napríklad húf rýb.

  • Vyberte celý svoj výkres. Kliknite pravým tlačidlom myši na výber a zvoľte „Previesť na symbol“. Obrázok sa tým pridá do vašej knižnice, kde k nemu budete mať v budúcnosti rýchly prístup.
  • Odstráňte výkres. Nebojte sa! Jednoduchým presunutím objektu z knižnice ho pridáte späť na scénu. Do svojej scény môžete ľahko pridať viac inštancií tej istej kresby!
Vytvorte flash animáciu, krok 6
Vytvorte flash animáciu, krok 6

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

Akonáhle budete mať svoj prvý rámec pripravený, môžete pridať prázdne rámce, ktoré budú existovať medzi prvým kľúčovým rámcom a druhým kľúčovým rámcom. Stlačením klávesu F5 štyrikrát alebo päťkrát pridáte za svoj prvý kľúčový obrázok prázdne rámčeky.

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

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

Keď pridáte niekoľko prázdnych rámikov, ste pripravení vytvoriť druhý kľúčový obrázok. V zásade to môžete urobiť dvoma rôznymi spôsobmi: môžete skopírovať existujúci kľúčový rámec a vykonať malé úpravy, alebo môžete vytvoriť prázdny rámček a vložiť nový obrázok. Ak používate umenie vytvorené v inom programe, budete chcieť druhú metódu. Ak ste vytvorili svoje umenie pomocou návrhových nástrojov 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“. Čokoľvek z vašej scény 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, pomocou nástroja Transform môžete vybrať aspekty kresby a mierne ich posunúť, napríklad pažu paličky.
  • Ak do každého kľúčového rámca vkladáte nové obrázky, budete chcieť zaistiť, aby boli umiestnené na rovnakom mieste alebo na ďalšom logickom mieste na obrazovke. To zaistí, že umenie nebude preskakovať medzi snímkami.
Vytvorte flash animáciu, krok 8
Vytvorte flash animáciu, krok 8

Krok 8. Opakujte postup

Teraz, keď ste vytvorili dve kľúčové snímky, je čas na opakovanie. Budete opakovať v podstate rovnaký postup, kým nedokončíte svoju animáciu. Pridajte niekoľko prázdnych rámcov medzi jednotlivé kľúčové snímky a zaistite, aby vaše pohyby vyzerali plynulo.

Vykonávajte malé, prírastkové zmeny. Ak v kľúčovej snímke vykonáte veľmi malé zmeny, vaša animácia bude vyzerať oveľa plynulejšie. Ak napríklad chcete palicu, ktorá máva rukou, váš druhý kľúčový obrázok by nemal byť druhým koncom vlny. Na prechod od začiatku vlny do konca použite namiesto toho niekoľko kľúčových snímok. Výsledkom bude oveľa plynulejšia animácia

Časť 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ú doplnenie, ktorá vám umožňuje v zásade nastaviť počiatočné a koncové body pre váš objekt. Flash potom bude pohybovať a transformovať objekt na základe vašich nastavení medzi týmito dvoma bodmi, čím vytvorí ilúziu animácie. Nebudete musieť 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í efektov „morfovania“, kde sa jeden predmet v priebehu animácie stáva druhým.
  • V jednom filme je možné použiť aj animáciu a doplnenie po jednotlivých snímkach.
  • Súčasne môžete mať iba jeden predmet, ktorý prechádza pohybovým doplňovaním. To znamená, že ak chcete animovať viac objektov naraz, všetky budú musieť byť v oddelených vrstvách.
Vytvorte flash animáciu, krok 10
Vytvorte flash animáciu, krok 10

Krok 2. Vytvorte svoj prvý objekt

Na rozdiel od animácie po snímkach nebudete na vytváranie animácií pomocou funkcie doplnenia musieť vytvárať viac objektov. Namiesto toho vytvoríte jeden objekt a počas procesu dopĺňania potom zmeníte jeho vlastnosti.

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

Krok 3. Premeňte svoj objekt na symbol

Aby ste svoj predmet doplnili, budete ho musieť previesť na symbol. Toto je formát pre objekty, ktoré Flash používa na manipuláciu s nimi. Ak sa pokúsite doplniť predmet, z ktorého nebol urobený symbol, budete najskôr vyzvaní, aby ste to urobili.

Kliknite pravým tlačidlom myši na svoj objekt a zvoľte „Previesť na symbol“Objekt bude pridaný do vašej knižnice, čo uľahčuje klonovanie objektov

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

Krok 4. Vytvorte svoje prvé doplnenie pohybu

Doplnenie pohybu presunie objekt z jedného miesta na druhé Kliknite pravým tlačidlom myši na symbol vo vašej scéne a zvoľte „Vytvoriť pohybové doplnenie“. Na vašu časovú os bude pridaných 24 snímok, pretože toto je predvolená dĺžka doplnenia. Pamätajte si, že v predvolenom nastavení bude Flash animovať rýchlosťou 24 snímok za sekundu, čo znamená, že dokončenie tohto pohybu bude trvať jednu 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. Vytvorte trajektóriu

Akonáhle vytvoríte doplnenie, môžete objekt presunúť na miesto, kde chcete, aby skončil. Flash zobrazí trajektóriu, ktorá je bodkovaná a zobrazuje polohu objektu pre každý rámec doplnenia.

Keď prvýkrát vytvoríte trajektóriu, 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. Rozšírte rámčeky na pozadí

Ak by ste práve spustili svoju animáciu, váš objekt by sa pohyboval po trajektórii, ale vaše pozadie by po jednom zábere zmizlo. Ak to chcete opraviť, budete musieť rozšíriť pozadie na všetky snímky animácie.

Vyberte vrstvu pozadia na časovej osi. Kliknite na posledný rámček na svojej časovej osi, ktorý by mal byť tiež rámcom, na ktorom sa končí vaše doplnenie pohybu. Stlačením klávesu F5 vložte rámčeky až do tohto bodu, čím sa pozadie zobrazí počas celého dopĺňania

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

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

Pridanie kľúčových snímok na vašu trajektóriu vám umožní transformovať váš objekt počas dopĺňania pohybu. Na objekte môžete vykonávať zmeny iba vtedy, ak má kľúčovú snímku. Ak chcete pridať kľúčové snímky na svoju trajektóriu, najskôr vyberte na časovej osi rámec, ktorý chcete zmeniť na kľúčový rámec. Potom kliknite a presuňte objekt na miesto, kde chcete, aby bol počas tohto rámca. Vaša trajektória sa automaticky upraví a na časovú os sa pridá kľúčový obrázok. Kľúčové snímky sú na časovej osi označené diamantovými ikonami.

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

Krok 8. Upravte svoju trajektóriu doplnenia

Ak chcete zmeniť cestu k svojmu objektu, môžete kliknúť na jednotlivé značky polohy rámca na ceste a presunúť ich na nové miesto. Vyhnite sa veľkým rozdielom v ceste, inak sa predmet bude pohybovať nepravidelne (pokiaľ to nie je váš cieľ!).

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

Krok 9. Transformujte svoj objekt

Akonáhle máte stanovené svoje kľúčové snímky a trajektóriu, môžete svoj objekt transformovať tak, aby sa pri pohybe po trajektórii pohybu zmenil. Môžete zmeniť tvar, farbu, otočenie, veľkosť a ďalšie vlastnosti objektu.

  • Vyberte rámec, v ktorom má dôjsť k transformácii.
  • Otvorte panel Vlastnosti objektu. Ak panel nie je aktuálne viditeľný, môžete stlačiť Ctrl+F3.
  • Zmeňte akékoľvek hodnoty v okne Vlastnosti, aby ovplyvnili objekt. Môžete napríklad zmeniť odtieň alebo farbu, pridať filtre alebo zmeniť mierku.
  • Môžete tiež použiť nástroj Free Transform na ľubovoľnú zmenu tvaru, ako by ste chceli.
Vytvorte flash animáciu, krok 18
Vytvorte flash animáciu, krok 18

Krok 10. Dokončite úpravy svojho doplnenia

Otestujte svoje doplnenie pohybu stlačením klávesov Ctrl+↵ Enter. Zaistite, aby transformácie vyzerali dobre a animácia sa pohybovala správnou rýchlosťou. Ak sa vaša animácia pohybuje príliš rýchlo, môžete buď znížiť FPS scény, alebo predĺžiť doplnenie.

  • Štandardne je FPS 24, skúste ho teda znížiť na 12. Ak to chcete urobiť, kliknite mimo scénu a potom zmeňte FPS na paneli Vlastnosti. Ak ho zmeníte na 12, dĺžka vašej animácie sa zdvojnásobí, ale môže byť „trhanejšie“.
  • Ak chcete zmeniť rozpätie doplnenia, vyberte vrstvu, ktorá obsahuje doplnenie, a pomocou posúvača ho vytiahnite. Ak chcete, aby bolo doplnenie dvakrát dlhšie, predĺžte ho na 48 snímok. Nezabudnite do vrstvy pozadia vložiť prázdne rámčeky, aby pozadie v polovici animácie nezmizlo. 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

Časť 3 z 3: Pridanie zvuku a hudby

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

Krok 1. Nahrajte alebo nájdite svoje zvukové efekty a hudbu

K akciám, ktoré sa vyskytujú vo vašej animácii, môžete pridať zvukové efekty, ktoré jej pomôžu vyniknúť a dodať jej osobitosť. Hudba urobí vašu animáciu pohlcujúcejšou a môže z dobrej animácie urobiť neuveriteľnú. Flash podporuje rôzne formáty súborov vrátane AAC, MP3, WAV a AU. Vyberte ten, ktorý vám poskytne najlepšiu kvalitu pri najnižšej veľkosti súboru.

MP3 vám zvyčajne poskytne dokonale prijateľnú kvalitu zvuku pri zachovaní minimálnej veľkosti súboru. Ak je to možné, vyhnite sa súborom WAV, pretože tieto sú často dosť veľké

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

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

Pred pridaním zvukov do projektu je potrebné ich pridať do knižnice Flash. To vám umožní rýchlo ich neskôr pridať do projektu. Kliknite na položku Súbor → Importovať → Importovať do knižnice. Vyhľadajte zvukový súbor vo svojom počítači. Zaistite, aby mal zvukový súbor ľ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 úplne nevyhnutné, pretože do existujúcich vrstiev môžete pridať zvuk, ale vloženie každého súboru do vlastnej vrstvy vám poskytne oveľa väčšiu kontrolu nad stmievaním a zhasínaním, pri spustení a zastavení a taktiež je jednoduchšie presúvať zvuky.

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, od ktorého má zvuk začínať. Stlačením klávesu F7 vložte prázdny kľúčový obrázok. 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ógové okno, vyberte rámček, 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úbor

V rámčeku Vlastnosti uvidíte sekciu Zvuk. Na zobrazenie možností bude možno potrebné ho rozšíriť. 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. Konfigurujte zvukový súbor

Hneď ako vyberiete súbor, môžete nakonfigurovať, ako sa bude prehrávať. To, čo vyberiete, bude závisieť od toho, čo zvuk potrebujete na dosiahnutie animácie. Nastavenia efektu, synchronizácie a opakovania pre každý zvuk môžete zmeniť pomocou ponuky pod ponukou Názov v rámčeku Vlastnosti.

  • Efekt - Umožňuje vám pridať do zvuku efekty, ako napríklad stmievanie a vystupovanie alebo pridávanie ozveny. Môžete si vybrať z prednastavených nastavení v rozbaľovacej ponuke alebo kliknutím na ikonu ceruzky vedľa ponuky vytvoríte vlastné nastavenia.
  • Synchronizácia - Toto určuje, ako sa pieseň bude hrať v animácii. Udalosť bude prehrávať zvuk, kým nebude dokončená. Ak sa rovnaký zvuk spustí znova pred skončením prvého, originál bude pokračovať, kým sa neskončí. Spustenie funguje ako udalosť, ale zastaví sa, ak sa zvuk znova prehrá. Stop zastaví zvuk v tomto ráme. Ak to chcete použiť v spojení s inými zvukovými vlastnosťami, vytvorte nový kľúčový rámec, v ktorom chcete zastaviť zvuk, a použite túto možnosť. Stream sa pokúsi zodpovedať prehrávanému zvuku s počtom snímok v iných vrstvách. Najlepšie sa to používa na dialóg.
  • Opakovať - 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 mať v smyčke toľkokrát, koľkokrát chcete. Ak je vašou animáciou slučková animácia, mali by ste svoju hudbu nastaviť na nekonečnú slučku.
Vytvorte flash animáciu, krok 25
Vytvorte flash animáciu, krok 25

Krok 7. Dokončite svoj projekt

Keď ste s projektom konečne hotoví, uložte ho ako súbor SWF. Toto je formát používaný na prehrávanie filmu. Môžete ho hrať prakticky v akomkoľvek webovom prehliadači alebo ho môžete sledovať pomocou vyhradeného prehrávača Flash. Existuje tiež množstvo webových stránok, na ktoré ich môžete nahrať, aby ich videli ostatní, napríklad Newgrounds, Albino Blacksheep a Kongregate.

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

Krok 8. Posuňte svoje budúce projekty ďalej

Táto príručka sa zaoberá základmi vytvárania animácie, ale je toho oveľa viac, čo sa môžete naučiť a urobiť. Pridajte niekoľko tlačidiel a rozvetvených ciest a máte dobrodružnú hru, ktorú si vyberiete. Môžete sa zúčastniť nárazového kurzu v jazyku ActionScript a získať oveľa väčšiu kontrolu nad jemnejšími detailmi svojej animácie. Pokračujte v experimentovaní a čoskoro zistíte, že sa učíte všetky druhy trikov a implementácií.

Odporúča: