Ako vytvoriť flash animáciu?

Budete musieť všetky tieto položky vytvoriť ručne
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.

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 flash animáciu alebo karikatúru, pravdepodobne budete mať hrubý náčrt už za niekoľko hodín. V kroku č. 1 nižšie sa dozviete, ako vytvoriť animáciu Flash.

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

Časť 1 z 3: Vytvorenie bleskovej animácie po snímkach

  1. 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 (pozrite si 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.
  2. 2
    Nainštalujte si 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“.
  3. 3
    Vytvorte si svoje aktíva. 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 všetky vytvoriť 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ľovať obrázky atď.). Ich veľkosť nie je správna a môže vyzerať celkom škaredo, ak ich chcete zväčšiť.
    Hudba urobí vašu animáciu pohlcujúcejšou
    Hudba urobí vašu animáciu pohlcujúcejšou a môže z dobrej animácie urobiť neuveriteľnú.
  4. 4
    Vytvorte svoj prvý rám. 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.
  5. 5
    Premeňte svoju kresbu na symbol. Premenením kresby na symbol ju môžete ľ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!
  6. 6
    Pridajte prázdne rámčeky. Akonáhle budete mať svoj prvý rámec pripravený, môžete pridať svoje prázdne rámce, ktoré budú existovať medzi prvým kľúčovým rámcom a druhým kľúčovým rámcom. Stlačte F5 štyrikrát alebo päťkrát pridať prázdnej rámy po prvom kľúčovom snímke.
  7. 7
    Vytvorte druhú kľúčovú snímku. 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 kľúčový rámec 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 kľúčovej snímky, stlačte 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 vkladáte nové obrázky pre každú kľúčovú snímku, budete chcieť zaistiť, aby bola umiestnená na rovnakom mieste alebo na ďalšom logickom mieste na obrazovke. To zaistí, že umenie nebude preskakovať medzi snímkami.
  8. 8
    Postup zopakujte. Teraz, keď ste vytvorili dva 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 z bodu do bodu (doplnenie)

  1. 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 stane druhým.
    • V jednom filme je možné použiť súčasne 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.
  2. 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.
    Nebudete musieť vytvárať obrázky pre každú kľúčovú snímku ako pri animácii po snímkach
    Nebudete musieť vytvárať obrázky pre každú kľúčovú snímku ako pri animácii po snímkach.
  3. 3
    Premeňte svoj predmet 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.
  4. 4
    Vytvorte svoje prvé pohybové doplnenie. 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.
  5. 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.
  6. 6
    Rozšírte svoje pozadie. Ak by ste spustili svoju animáciu práve teraz, váš objekt by sa pohyboval po trajektórii, ale 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 končí vaše doplnenie pohybu. Stlačením F5 vložíte snímky až do tohto bodu, čím sa pozadie zobrazí po celú dobu dopĺňania.
  7. 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 rámček na časovej osi, z ktorého chcete vytvoriť 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.
  8. 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ľ!).
  9. 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.
    Na rozdiel od animácie po snímkach nebudete na vytváranie animácií pomocou funkcie doplnenia musieť vytvárať
    Na rozdiel od animácie po snímkach nebudete na vytváranie animácií pomocou funkcie doplnenia musieť vytvárať viac objektov.
  10. 10
    Dokončite svoje doplnenie. Vyskúšajte si doplnenie pohybu stlačením 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 zvýšiť rozpätie doplnenia.
    • Š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čteF5

Časť 3 z 3: pridanie zvuku a hudby

  1. 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é.
  2. 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.
  3. 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 vychádzaním, kedy začať a zastaviť, a tiež je jednoduchšie presúvať zvuky.
  4. 4
    Vytvorte kľúčovú snímku, kde začne zvuk. Na vrstve zvuku vyberte rámček v animácii, od ktorého má zvuk začínať. Stlačením 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ť.
  5. 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.
  6. 6
    Nakonfigurujte 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áme Vlastnosti.
    • Efekt - Umožňuje pridať k 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ámci. 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 hrať v koľkokrát chcete. Ak je vaša animácia opakovanou animáciou, mali by ste nastaviť, aby sa hudba opakovala nekonečne.
    Mali by ste svoju hudbu nastaviť na nekonečnú slučku
    Ak je vaša animácia opakovanou animáciou, mali by ste svoju hudbu nastaviť na nekonečnú slučku.
  7. 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 sledovať pomocou špeciálneho 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.
  8. 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ť tak 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í.

Tipy

  • Ak sa chcete k práci vrátiť neskôr, uložte ju ako súbor „.fla“. Toto je formát projektu pre súbory Flash.

Otázky a odpovede

  • Je možné Adobe Flash vložiť na webovú stránku?
    Značka pre vloženie do HTML môže vložiť súbor animácie Flash, ale budete potrebovať editor HTML (zátvorky, kód Visual Studio atď.).
  • Musím za program zaplatiť?
    Flash je dodávaný s Creative Cloudom, Photoshopom a Stockom a ďalšími rôznymi službami Adobe. Creative Cloud má bezplatnú skúšobnú verziu. Potom budete musieť zaplatiť určitý poplatok za mesiac.
  • Kde si môžem stiahnuť Flash?
    Balíček Adobe Creative Cloud si môžete predplatiť vo svojom účte Creative Cloud a stiahnuť si ho z webu Adobe. Alebo si môžete začať bezplatnú skúšobnú verziu na sedem dní zaregistrovaním účtu Creative Cloud. Stiahnite si Flash Pro CC (teraz Animate CC) z webu Adobe.
  • Ako môžem, ak je to možné, odoslať animáciu prostredníctvom služby Gmail?
    Súbory musíte najskôr skomprimovať. Existuje niekoľko nástrojov na skomprimovanie súborov a Windows je dodávaný s jedným. Ak však nie je predinštalovaný nástroj na zips, môžete si stiahnuť 7-ZIP, ktoré sa veľmi ľahko používa. Keď ho máte nainštalovaný, kliknite pravým tlačidlom myši na priečinok a kliknite na položku zip. Potom ho môžete pretiahnuť do svojho e -mailu a odoslať.

Komentáre (4)

  • haucklyric
    Budem animovať, a to mi skutočne pomohlo pri snívaní.
  • schulistaidan
    Všetko bolo nápomocné, ďakujem.
  • znikolaus
    Toto je perfektné. Všetko, čo potrebujem, je môj digitálny tablet na kreslenie a výložník.
  • holdenfarrell
    Pomohlo mi to v jednoduchom kroku krok za krokom. Ďakujem za tvoju námahu.
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail