Kako ustvariti bliskovno animacijo (s slikami)

Kazalo:

Kako ustvariti bliskovno animacijo (s slikami)
Kako ustvariti bliskovno animacijo (s slikami)

Video: Kako ustvariti bliskovno animacijo (s slikami)

Video: Kako ustvariti bliskovno animacijo (s slikami)
Video: Как сделать стяжку с шумоизоляцией в квартире. #18 2024, Marec
Anonim

Flash je najpomembnejši medij za animacijo na internetu in celo v drugih oblikah, kot je televizija. Ustvarjanje preproste animacije Flash v Flashu je pravzaprav dokaj preprosto, saj Flash ponuja veliko uporabnih orodij, ki poenostavijo celoten postopek. Če imate idejo za Flash animacijo ali risanko, lahko grobo skico naredite v samo nekaj urah. Glejte 1. korak spodaj, če želite izvedeti, kako ustvarite animacijo Flash.

Podpora za Adobe Flash preneha decembra 2020. Po tem času Flash ne bo več mogoč

Ustvarite Flash animacijo 1. korak
Ustvarite Flash animacijo 1. korak

Korak 1. Razumeti osnove okvirne animacije

To velja za "tradicionalno" metodo animacije, saj ima vsak okvir isto sliko, vendar nekoliko spremenjeno. Ko se okvirji predvajajo skupaj, se zdi, da se slike premikajo. To je ista osnovna tehnika, ki jo uporabljajo tradicionalni ročni animatorji, in je bolj zamudna kot med tweingom (glej naslednji razdelek).

Flash privzeto proizvaja animacije pri 24 sličicah na sekundo (FPS). To pomeni, da bo ena sekunda animacije imela 24 sličic, ni pa nujno, da bo vsak okvir drugačen. To lahko prilagodite, če želite, in številne animacije Flash uporabljajo 12 sličic na sekundo, 24 pa bo ustvarilo veliko bolj "gladko" animacijo

Ustvarite animacijo Flash 2. korak
Ustvarite animacijo Flash 2. korak

Korak 2. Namestite Flash Professional

Na voljo so različni animacijski programi Flash, vendar je najmočnejši Adobejev Flash Professional CC. Preskusno različico lahko namestite brezplačno ali pa uporabite drug izdelek, če se vam naročnina na Adobe Creative Cloud ne zdi privlačna. Preostanek tega članka se bo Flash Professional ali kateri koli drug program za urejanje navajal kot "Flash".

Ustvarite Flash animacijo Korak 3
Ustvarite Flash animacijo Korak 3

Korak 3. Ustvarite svoja sredstva

Ker animacija po sličicah zahteva več slik z majhnimi razlikami, boste morali vsa ta sredstva ustvariti ročno. Vse jih lahko ustvarite, preden začnete, ali pa jih naredite med potekom. Program Flash lahko uporabite za risanje neposredno v svojem projektu ali pa sredstva za risanje v svojem najljubšem programu za ustvarjanje slik.

Če želite, da se vaše slike povečajo brez žrtvovanja kakovosti, jih boste želeli ustvariti kot vektorje namesto rasterjev. Vektorske slike se bodo znova spreminjale, ko bodo povečane, kar pomeni, da ne bo nobene pikselacije ali vzdevkov. Rasterske slike so tradicionalne slike, ki ste jih verjetno vajeni (fotografije, slike Paint itd.). Te se ne merijo dobro in lahko izgledajo zelo grdo, če jih želite povečati

Ustvarite animacijo Flash 4. korak
Ustvarite animacijo Flash 4. korak

Korak 4. Ustvarite svoj prvi okvir

Ko prvič zaženete Flash, boste imeli prazen sloj in prazno časovno os. Ko dodate okvirje, se bo časovnica samodejno zapolnila. S plastmi lahko komunicirate na enak način kot v Photoshopu.

  • Preden dodate sliko, ustvarite osnovno ozadje za svoj film. Preimenujte 1. plast v "Ozadje" in nato zaklenite plast. Ustvarite drugo plast in jo poimenujte, kot želite. To bo plast, na kateri ustvarite svojo animacijo.
  • Dodajte risbo na platno v prvem okvirju. Risbo lahko uvozite iz računalnika ali pa z orodji za risanje Flash ustvarite risbo neposredno v programu.
  • Vaš prvi okvir bo ključni okvir. Ključni okvirji so okvirji, ki imajo sliko in tvorijo hrbtenico vaše animacije. Ob vsaki spremembi slike boste ustvarili nov ključni okvir.
  • Ključni okvirji so označeni s črno piko na časovnici.
  • V vsakem okvirju ne potrebujete nove slike. Na splošno ima ključni okvir vsakih štiri do pet sličic dobro animacijo.
Ustvarite animacijo Flash 5. korak
Ustvarite animacijo Flash 5. korak

Korak 5. Risbo spremenite v simbol

Če risbo spremenite v simbol, jo lahko preprosto dodate večkrat v okvir. To je še posebej uporabno, če morate hitro ustvariti več predmetov, na primer jato rib.

  • Izberite celotno risbo. Z desno miškino tipko kliknite izbor in izberite "Pretvori v simbol". To bo sliko dodalo v vašo knjižnico, kjer boste lahko v prihodnje hitro dostopali do nje.
  • Izbrišite risbo. Brez skrbi! Dodali ga boste na sceno, tako da predmet preprosto povlečete iz knjižnice. Svojemu prizoru lahko z lahkoto dodate več primerkov iste risbe!
Ustvarite bliskovno animacijo Korak 6
Ustvarite bliskovno animacijo Korak 6

Korak 6. Dodajte nekaj praznih okvirjev

Ko pripravite prvi okvir, lahko dodate prazne okvirje, ki bodo obstajali med prvim in drugim ključnim okvirjem. Pritisnite F5 štiri ali petkrat, da dodate prazne okvirje po prvem ključnem kadru.

Ustvarite animacijo Flash Korak 7
Ustvarite animacijo Flash Korak 7

Korak 7. Ustvarite svoj drugi ključni okvir

Ko dodate nekaj praznih okvirjev, ste pripravljeni ustvariti svoj drugi ključni okvir. To lahko storite v bistvu na dva različna načina: lahko kopirate obstoječi ključni okvir in naredite majhne prilagoditve ali pa ustvarite prazen ključni okvir in vstavite novo sliko. Če uporabljate umetnost, ustvarjeno v drugem programu, boste želeli drugo metodo. Če ste umetnost ustvarili z orodji za oblikovanje Flasha, uporabite prvo metodo.

  • Če želite ustvariti ključni okvir z vsebino prejšnjega ključnega okvirja, pritisnite F6. Če želite ustvariti prazen ključni okvir, z desno miškino tipko kliknite zadnji okvir na časovni premici in izberite »Vstavi prazen ključni okvir«. Vse na vašem prizorišču bo odstranjeno.
  • Ko ustvarite svoj drugi ključni okvir, boste morali prilagoditi sliko, da boste dobili učinek gibanja. Če uporabljate Flash-jeva orodja za oblikovanje, lahko z orodjem Transform izberete vidike risbe in jih rahlo premaknete, na primer roko palice.
  • Če za vsak ključni okvir vstavljate novo umetnost, se prepričajte, da je postavljena na isto mesto ali na naslednjo logično mesto na zaslonu. To bo zagotovilo, da umetnost ne skače med okvirji.
Ustvarite animacijo Flash 8. korak
Ustvarite animacijo Flash 8. korak

Korak 8. Ponovite postopek

Zdaj, ko ste ustvarili dva ključna okvirja, je čas za ponovitev. V bistvu boste isti postopek ponavljali, dokler ne končate z animacijo. Med vsakim ključnim okvirjem dodajte nekaj praznih okvirjev in poskrbite, da bodo vaši gibi tekoči.

Naredite majhne, postopne spremembe. Vaša animacija bo videti veliko bolj gladka, če v ključni okvir naredite zelo majhne spremembe. Na primer, če želite, da oseba s palico maha z roko, vaš drugi ključni okvir ne sme biti drugi konec vala. Namesto tega uporabite nekaj ključnih sličic za prehod od začetka vala do konca. To bo ustvarilo veliko bolj gladko animacijo

2. del 3: Ustvarjanje animacije od točke do točke (Tweening)

Ustvarite animacijo Flash 9. korak
Ustvarite animacijo Flash 9. korak

Korak 1. Razumeti osnove tweinga

Flash vsebuje funkcijo tweening, ki vam omogoča, da v bistvu nastavite začetno in končno točko za svoj predmet. Flash bo nato premaknil in spremenil predmet na podlagi vaših nastavitev med tema dvema točkama, kar bo ustvarilo iluzijo animacije. Ne bo vam treba ustvarjati slik za vsak ključni okvir, kot bi to storili z animacijo po sličicah.

  • Tweing je še posebej uporaben za ustvarjanje učinkov "morfiranja", kjer en predmet med animacijo postane drug.
  • V istem filmu lahko skupaj uporabljate animacijo in sličico med sličicami.
  • Med gibanjem naenkrat je lahko samo en predmet. To pomeni, da če želite, da se hkrati animira več predmetov, morajo biti vsi na ločenih plasteh.
Ustvarite animacijo Flash 10. korak
Ustvarite animacijo Flash 10. korak

Korak 2. Ustvarite svoj prvi predmet

Za razliko od animacije po sličicah vam za animacijo s funkcijo tween ne bo treba ustvarjati več predmetov. Namesto tega boste ustvarili en predmet in nato med procesom tweininga spremenili njegove lastnosti.

  • Preden dodate sliko, ustvarite osnovno ozadje za svoj film. Preimenujte 1. plast v "Ozadje" in nato zaklenite plast. Ustvarite drugo plast in jo poimenujte, kot želite. To bo plast, na kateri ustvarite svojo animacijo.
  • Zelo priporočljivo je, da uporabite Flash-ova vgrajena orodja za oblikovanje ali uvozite sliko iz programa za risanje vektorjev. Vektorji se lahko enostavno spreminjajo brez izkrivljanja, medtem ko se tradicionalne rastrske slike ne bodo dobro spreminjale in spreminjale.
Ustvarite animacijo Flash 11. korak
Ustvarite animacijo Flash 11. korak

Korak 3. Pretvorite svoj predmet v simbol

Če želite prepletati svoj predmet, ga boste morali pretvoriti v simbol. To je oblika predmetov, ki jih Flash uporablja za upravljanje z njimi. Če poskušate povezati predmet, ki ni bil narejen v simbol, boste najprej pozvani, da to storite.

Z desno miškino tipko kliknite svoj predmet in izberite »Pretvori v simbol« Predmet bo dodan v vašo knjižnico, kar olajša kloniranje predmetov

Ustvarite animacijo Flash 12. korak
Ustvarite animacijo Flash 12. korak

Korak 4. Ustvarite svoj prvi gib med gibanjem

Premikanje med premikanjem predmeta z ene lokacije na drugo Z desno miškino tipko kliknite simbol v prizoru in izberite "Ustvari gibanje med premikanjem". Na vašo časovno premico bo dodanih 24 sličic, saj je to privzeta dolžina tweena. Ne pozabite, da bo Flash privzeto animiran pri 24 sličicah na sekundo, kar pomeni, da bo dokončanje tega gibanja trajalo eno sekundo.

Ko ustvarite gibanje med gibanjem, se samodejno premaknete na zadnji okvir med njima

Ustvarite animacijo Flash 13. korak
Ustvarite animacijo Flash 13. korak

Korak 5. Ustvarite pot

Ko ustvarite vmesnik, lahko predmet premaknete na mesto, na katerem želite, da konča. Flash bo prikazal linijo poti, ki je črtkana, da prikaže lokacijo predmeta za vsak okvir tweena.

Ko prvič ustvarite pot, bo to ravna črta od začetne do končne točke

Ustvarite bliskovno animacijo Korak 14
Ustvarite bliskovno animacijo Korak 14

Korak 6. Razširite okvirje za ozadje

Če bi trenutno zagnali animacijo, bi se vaš objekt premikal po poti, vendar bi vaše ozadje izginilo po enem kadru. Če želite to odpraviti, morate razširiti ozadje na vse okvirje animacije.

Na časovnici izberite plast ozadja. Kliknite zadnji okvir na časovni premici, ki naj bo tudi okvir, na katerem se konča gibanje. Pritisnite F5, da vstavite okvirje do te točke, tako da bo vaše ozadje prikazano med celotnim časom

Ustvarite animacijo Flash 15. korak
Ustvarite animacijo Flash 15. korak

Korak 7. Dodajte ključne kadre

Dodajanje ključnih sličic vaši poti vam bo omogočilo preoblikovanje predmeta med gibanjem med premikanjem. Predmet lahko spremenite le, če je v ključnem okvirju. Če želite svoji poti dodati ključne kadre, najprej izberite okvir na časovnici, ki ga želite spremeniti v ključni okvir. Nato kliknite in povlecite predmet v položaj, v katerem želite, da je v tem okviru. Vaša pot se bo samodejno prilagodila, ključni okvir pa bo dodan časovnici. Ključni okvirji so označeni z diamantnimi ikonami na časovnici.

Ustvarite Flash animacijo Korak 16
Ustvarite Flash animacijo Korak 16

Korak 8. Prilagodite svojo pot med potjo

Če želite spremeniti pot vašega predmeta, lahko kliknete in povlečete vsakega od označevalcev položaja okvirja na poti na novo lokacijo. Izogibajte se velikim spremembam v poti, sicer se bo predmet premikal neredno (razen če je to vaš cilj!).

Ustvarite Flash animacijo Korak 17
Ustvarite Flash animacijo Korak 17

Korak 9. Pretvorite svoj predmet

Ko določite ključne kadre in pot, lahko svoj predmet spremenite tako, da se spreminja med premikanjem skozi pot med potjo. Spremenite lahko obliko, barvo, vrtenje, velikost in katero koli drugo lastnost predmeta.

  • Izberite okvir, v katerem želite, da pride do transformacije.
  • Odprite ploščo Lastnosti objekta. Če plošča trenutno ni vidna, lahko pritisnete Ctrl+F3.
  • Spremenite vse vrednosti v oknu Lastnosti, da vplivajo na objekt. Na primer, lahko spremenite odtenek ali barvo, dodate filtre ali spremenite lestvico.
  • Z orodjem Free Transform lahko poljubno spremenite obliko, kot želite.
Ustvarite bliskovno animacijo Korak 18
Ustvarite bliskovno animacijo Korak 18

Korak 10. Naredite zadnjo piko na i

Preizkusite gibanje med premikanjem s pritiskom na Ctrl+↵ Enter. Prepričajte se, da so transformacije videti dobro in da se animacija premika s pravilno hitrostjo. Če se vaša animacija premika prehitro, lahko bodisi znižate FPS prizora ali povečate razmik med njimi.

  • Privzeto je FPS 24, zato ga poskusite znižati na 12. Če želite to narediti, kliknite zunaj scene in nato spremenite FPS na plošči Lastnosti. Če ga spremenite v 12, se bo vaša animacija podvojila, lahko pa bo postala bolj "sunkovita".
  • Če želite spremeniti razpon med tvini, izberite plast, ki vsebuje tween, in jo z drsnikom izvlecite. Če želite, da je tween dvakrat daljši, ga razširite na 48 sličic. Poskrbite, da v plast ozadja vstavite prazne okvirje, da ozadje ne izgine na polovici animacije. Če želite razširiti ozadje, izberite plast, kliknite zadnji okvir animacije na časovni osi in pritisnite F5

3. del 3: Dodajanje zvoka in glasbe

Ustvarite animacijo Flash 19. korak
Ustvarite animacijo Flash 19. korak

Korak 1. Posnemite ali poiščite svoje zvočne učinke in glasbo

Akcijam, ki se pojavijo v vaši animaciji, lahko dodate zvočne učinke, s katerimi boste izstopili in ji dali nekaj osebnosti. Glasba naredi vašo animacijo bolj poglobljeno in lahko dobro animacijo spremeni v neverjetno. Flash podpira različne formate datotek, vključno z AAC, MP3, WAV in AU. Izberite tisto, ki vam daje najboljšo kakovost za najmanjšo velikost datoteke.

MP3 vam običajno daje popolnoma sprejemljivo kakovost zvoka, hkrati pa najmanjšo velikost datoteke. Če je mogoče, se izogibajte datotekam WAV, saj so te pogosto precej velike

Ustvarite animacijo Flash 20. korak
Ustvarite animacijo Flash 20. korak

Korak 2. Uvozite zvočne datoteke v svojo knjižnico

Preden lahko v svoj projekt dodate zvoke, jih morate dodati v Flash -jevo knjižnico. To vam bo omogočilo, da jih pozneje hitro dodate v svoj projekt. Kliknite Datoteka → Uvozi → Uvozi v knjižnico. Poiščite zvočno datoteko v računalniku. Poskrbite, da si ime zvočne datoteke enostavno zapomnite, da jo boste pozneje lahko hitro našli v meniju.

Ustvarite animacijo Flash 21. korak
Ustvarite animacijo Flash 21. korak

Korak 3. Ustvarite novo plast za vsako zvočno datoteko

To ni nujno potrebno, saj lahko zvokom dodate obstoječe plasti, vendar pa boste z dajanjem vsake datoteke na svojo plast dobili veliko več nadzora nad pojemanjem in izklopom, kdaj začeti in ustaviti, zvoke pa je lažje premikati.

Ustvarite animacijo Flash 22. korak
Ustvarite animacijo Flash 22. korak

Korak 4. Ustvarite ključni okvir, kjer se bo zvok začel

Na sloju zvoka izberite okvir v animaciji, pri katerem želite, da se zvok začne. Pritisnite F7, da vstavite prazen ključni okvir. Če želite na primer vključiti glasbeno datoteko, ki se predvaja v času trajanja animacije, izberite prvi okvir na sloju glasbene datoteke. Če dodajate pogovorno okno za znak, izberite okvir, kjer znak začne govoriti.

Ustvarite animacijo Flash 23. korak
Ustvarite animacijo Flash 23. korak

Korak 5. Dodajte zvočno ali glasbeno datoteko

V okviru Lastnosti boste videli razdelek Zvok. Če si želite ogledati možnosti, ga boste morda morali razširiti. Kliknite meni »Ime« in izberite želeno datoteko iz knjižnice.

Ustvarite bliskovno animacijo Korak 24
Ustvarite bliskovno animacijo Korak 24

Korak 6. Konfigurirajte zvočno datoteko

Ko izberete datoteko, lahko nastavite, kako se bo predvajala. Izbrano bo temeljilo na tem, kaj potrebujete za zvok v animaciji. Nastavitve učinka, sinhronizacije in ponavljanja vsakega zvoka lahko spremenite v meniju pod menijem Ime v okviru Lastnosti.

  • Učinek - To omogoča dodajanje učinkov zvoku, na primer pomanjšanje in odmikanje ali dodajanje odmeva. Izberete lahko med prednastavljenimi nastavitvami v spustnem meniju ali pa kliknete ikono svinčnika poleg menija, da ustvarite lastne nastavitve po meri.
  • Sinhronizacija - Ta določa, kako se skladba predvaja v animaciji. Dogodek bo predvajal zvok, dokler ni končan. Če se isti zvok znova sproži, preden se prvi konča, se bo izvirnik predvajal, dokler se ne konča. Start deluje kot dogodek, vendar se ustavi, če se zvok znova predvaja. Stop ustavi zvok v tem okvirju. Če želite to uporabiti skupaj z drugimi zvočnimi lastnostmi, ustvarite nov ključni okvir, kjer želite, da se zvok ustavi, in uporabite to možnost. Stream bo poskušal uskladiti predvajani zvok s številom sličic na drugih plasteh. To je najbolje uporabiti za dialog.
  • Ponovi - s to nastavitvijo lahko nastavite, kako dolgo se zvok ponavlja. Lahko ga nastavite tako, da se predvaja le enkrat, ali pa ga nastavite tolikokrat, kot želite. Če je vaša animacija zanka, morate glasbo nastaviti v neskončno zanko.
Ustvarite animacijo Flash Korak 25
Ustvarite animacijo Flash Korak 25

Korak 7. Dokončajte svoj projekt

Ko končate s projektom, ga shranite kot datoteko SWF. To je format, ki se uporablja za predvajanje filma. Predvajate ga lahko v skoraj katerem koli spletnem brskalniku ali pa si ga ogledate z namenskim predvajalnikom Flash. Obstajajo tudi različna spletna mesta, na katera jih lahko naložite, da jih vidijo drugi, na primer Newgrounds, Albino Blacksheep in Kongregate.

Ustvarite animacijo Flash Korak 26
Ustvarite animacijo Flash Korak 26

Korak 8. Nadaljujte svoje prihodnje projekte

Ta priročnik obravnava osnove ustvarjanja animacije, vendar se lahko naučite in storite še veliko več. Dodajte nekaj gumbov in poti razvejanja in dobili boste pustolovsko igro, ki jo boste izbrali sami. Lahko opravite hitri tečaj v programu ActionScript in pridobite veliko več nadzora nad drobnejšimi podrobnostmi svoje animacije. Nadaljujte z eksperimentiranjem in kmalu se boste naučili najrazličnejših zvijač in izvedb.

Priporočena: