Kako stvoriti flash animaciju (sa ilustracijama) -

Konstantno se suočavamo sa flash animacijom - na internetu i na televizijskim emisijama. Stvaranje jednostavnih flash animacija pomoću flash tehnologije - prilično jednostavan zadatak, jer Flash nudi puno korisnih alata koji pojednostavljuju cijeli postupak. Ako želite stvoriti flash animaciju ili crtani film, onda možete napraviti skicu u samo nekoliko sati.

Korake

Dio 1 od 3:

Flash Flash Animacija

jedan. Osnove satelitske animacije. Ova metoda se smatra glavnom metodom stvaranja "tradicionalne" animacije u kojoj svaki naredni okvir uključuje jednu, ali pomalo modifikovanu sliku. Kada igrate sve okvire, slika "dolazi u život". Ista metoda koriste animatori crtajući crtane iz ruke i uzima više vremena od tweing (vidi sljedeći odjeljak).

Flash reproducira 24 kadrova u sekundi (FPS). To znači da će u jednoj sekundi biti prikazano 24 okvira, ali ne moraju svi biti nužno različiti. Možete promijeniti ovaj parametar (ako želite) za 12 sličica u sekundi, ali na 24 sličica u sekundi, animacija će se igrati više "glatko".

Slika pod nazivom Kreirajte flash animaciju Korak 2

2. Instalirajte Flash Professional. Postoji mnogo programa za stvaranje flash animacija, ali najmoćniji je Adobe Flash Professional CC. Možete postaviti probnu verziju ovog programa besplatno ili koristiti drugi proizvod (ako se ne želite registrirati na Adobe Creative Cloudu). Zatim, ovaj članak opisuje kako raditi sa Flash Professional.

Slika pod nazivom Kreirajte blica animacija Korak 3

3. Budući da animacija okvira zahtijeva više slika (koje se malo razlikuju jedna od druge), a zatim trebate otvoriti ove slike ručno. Da biste to učinili, koristite Adobe Flash Professional ili crtajte slike u bilo kojem grafičkom uređivaču.

Ako želite da se veličina vaših slika jednostavno promijeni bez gubitka njihove kvalitete, stvorite slike u vektoru, a ne u rasternoj grafici. Vektorske slike će se sami reprovirati prilikom promjene njihove veličine (to jeste, izbjegavat ćete pikselizaciju ili izglađivanje). Raster slike su tradicionalne slike, poput fotografija, crtanih slika i tako dalje. Kada pokušavate povećati takve slike, dobit ćete snažno iskrivljenu sliku.

Slika pod nazivom Kreirajte flash animaciju Korak 4

4. Kreirajte prvi okvir. Kada prvi put pokrenete Adobe Flash Professional, vidjet ćete praznu platnu (sloj) i praznu vremensku traku. Kako okvir dodaje vremensku traku, automatski će se popuniti. Možete raditi sa slojevima baš kao što to radite u Photoshopu.

Prije dodavanja slike stvorite osnovnu pozadinu svoje animacije. Preimenujte "sloj 1" u "pozadini", a zatim ga pričvrstite. Napravite drugi sloj i imenujte ga kako želite. To će biti sloj na kojem ćete stvoriti animaciju.

Dodajte sliku na platnu prvog okvira. Možete uvesti crtež sa računara ili možete koristiti alate za crtanje da biste stvorili crtež direktno u programu.

Prvi okvir je "ključ" okvir. Ključni okvir je okvir koji uključuje sliku i formira fondaciju ("koštana") animacija. Stvorit ćete novi okvir ključa svaki put kada promijenite sliku.

Ključno osoblje na vremenskoj traci je označeno crno.

Ne treba vam okvir ključa u svakom sljedećem okviru. Napravite ključni okvir svakih četiri ili pet okvira kako biste napravili dobru animaciju.

Slika pod nazivom Kreirajte flash animaciju Korak 5

pet. Pretvorite sliku u simbol. U ovom slučaju možete nekoliko puta dodati sliku u okvir. Ovo je posebno korisno ako trebate brzo dodati nekoliko iste vrste slika u jednom kadru (na primjer, ribe u akvarijumu).

Označite sliku. Desnom tipkom miša kliknite crtež i odaberite "Pretvori u simbol" (pretvori u simbol). Slika će biti dodana u biblioteku koja će pojednostaviti njegovu upotrebu u budućnosti.

Uklonite sliku. Ne brinite - možete ga dodati u okvir jednostavan povlačenje iz biblioteke. Dakle, možete dodati jedan i isti ulaz u okvir nekoliko puta.

Slika pod nazivom Kreirajte flash animaciju Korak 6

6. Dodajte prazne okvire. Ako je vaš prvi okvir ključa spreman, umetnite prazne okvire, a zatim nastavite sa stvaranjem drugog okvira ključa. Pritisnite F5 (četiri ili pet puta) za dodavanje praznih okvira nakon prvog okvira ključa.

Slika pod nazivom Kreirajte flash animaciju Korak 7

7. Napravite drugi okvir za ključeve (nakon što ste dodali nekoliko praznih okvira). Postoje dva različita načina za to: Možete kopirati postojeći okvir ključa i napraviti male promjene u njoj ili možete stvoriti prazan ključ i dodavati novu sliku na njega. Ako koristite crtež kreiran u drugom programu, koristite drugi način. Ako umetnete sliku kreiranu pomoću Adobe Flash-a Professional Crtanje alata, koristite prvu metodu.

Da biste stvorili ključ pomoću sadržaja prethodnog tastera, pritisnite F6. Da biste kreirali prazan okvir ključeva, desnom tipkom miša kliknite zadnji okvir na vremenskoj traci i odaberite "Umetni prazan ključ" (umetnite prazan okvir za ključeve).

Nakon što ste stvorili drugi okvir na ključevima, morate izvršiti promjene na svojoj slici tako da je animacija "došla u život". Ako koristite Adobe Flash Professional Crtanje alata, odaberite alat za transformaciju da biste istaknuli stavku vašeg crteža (na primjer, rukom lika) i promijenite je.

Ako u svakoj tipku umetnete novu sliku, provjerite je li na pravom mjestu (prema logičkom slijedu okvira).

Slika pod nazivom Kreirajte flash animaciju Korak 8

osam. Ponovite postupak. Nakon kreiranja dva ključa, ponovite postupak - dodajte nekoliko praznih okvira između svakog okvira ključeva i provjerite da će animacija igrati "glatko".

Napraviti male promjene. Manjih (neunoživih) promjena, poravnanje se reproducira. Na primjer, ako želite lik podići ruku, drugi okvir ključa ne bi trebao sadržavati crtež na kojem je znak prikazan rukom. Umjesto toga, koristite više okvira tipki za kretanje iz spuštenih ruku u povišenu ruku. U ovom slučaju animacija će biti glatka.

Dio 2 od 3:

Užarenje

jedan. Flash uključuje funkciju "Tweening" (Twine), što vam omogućava da postavite početni i krajnji okvir vaše animacije. Flash će automatski stvoriti intermedijarne okvire tako da je prijelaz iz jednog sloja na drugi bio gladak. Dakle, ne morate stvarati slike za svaki ključ (kao u uzorkoj animaciji).

Twining je posebno koristan za morfiranje - glatka pretvorba jedne slike na drugu (koristeći geometrijske operacije i interpolaciju boja).
Prilikom stvaranja animacije možete istovremeno koristiti i metodu okvira i twing.
Ako želite animirati nekoliko znakova odjednom, svaki animacijski okvir treba sadržavati nekoliko slojeva (jedan sloj za jedan znak).

Slika pod nazivom Kreirajte flash animaciju Korak 10

2. Kreirajte prvu sliku. Za razliku od okvirnog načina, nije potrebno stvoriti više slika za animaciju. Umjesto toga, morate stvoriti jednu sliku koja će se mijenjati u procesu tvarivanja.

Toplo se preporučuje korištenje ugrađenih alata za crtanje (u Flash-u) ili uvoza vektor slike. Ako želite da se veličina vaših slika jednostavno promijeni bez gubitka njihove kvalitete, stvorite slike u vektoru, a ne u rasternoj grafici. Vektorske slike će se sami reprovirati prilikom promjene njihove veličine (to jeste, izbjegavat ćete pikselizaciju ili izglađivanje).

Slika pod nazivom Kreirajte flash animaciju Korak 11

3. Pretvorite sliku u simbol. U ovom slučaju bljeskalica će moći manipulirati slikom. Ako pokušate da se vrtite sa slikom koja nije pretvorena u simbol, program će vam predložiti da to učinite.

Označite sliku. Desnom tipkom miša kliknite crtež i odaberite "Pretvori u simbol" (pretvori u simbol). Slika će biti dodana u biblioteku koja će pojednostaviti njegovu upotrebu u budućnosti.

Slika pod nazivom Kreirajte flash animaciju Korak 12

4. Kreirajte prvi animirani blizanci. Animirani blizanci pomiče sliku iz jedne pozicije na drugu. Desnom tipkom miša kliknite simbol i odaberite "Kreirajte kretanje Tween" (kreirajte animirani blizanci). 24 okvira će biti dodan u vremensku traku, jer je to standardna dužina blizanaca. Zapamtite da će se animacija po defaultu glatko reproducirati na 24 brzinu okvira u sekundi, tako da animirani blizanci traje samo 1 sekundu.

Kada kreirate animirani blizanac, automatski se preselite na poslednji okvir animacije.

Slika pod nazivom Kreirajte flash animaciju Korak 13

pet. Podesite putanju. Nakon što ste stvorili blizance, pomaknite sliku na kraj animacije. Flash će prikazati putanju s tačkima koji označavaju položaj svakog twin okvira.

Kada prvi put kreirate putanju, izgledat će kao ravna linija (od početne točke do krajnje točke).

Slika pod nazivom Kreirajte flash animaciju Korak 14

6. Dodajte pozadinu. Ako započnete animaciju, vaša će se slika kretati putanjom, ali pozadina će nestati nakon prvog okvira. Stoga morate dodati pozadinu svakog okvira animacije.

Na vremenskoj traci odaberite sloj sa pozadinom. Kliknite zadnji okvir na vremenskoj traci (ovaj okvir bi trebao biti posljednji okvir cijele animacije). Kliknite F5 za umetanje pozadinskih okvira (od početka do krajnje animacije).

Slika pod nazivom Kreirajte flash animaciju Korak 15

7. Dodajte ključeve. Dodavanje okvira ključnih okvira na putanju omogućit će vam promjenu crteža u animiranom blizancu. Slika možete promeniti samo kada je umetnuta u okvir za ključeve. Da biste dodali ključ na putanju, odaberite okvir na vremenskoj traci (taj okvir koji želite napraviti ključ). Zatim prevucite sliku u odabrani okvir. Putanje će se automatski prilagoditi i okvir ključeva bit će dodan u vremensku traku. Na vremenskoj traci označeni su ključni okviri Rhombic.

Slika pod nazivom Kreirajte flash animaciju Korak 16

osam. Podesite vrpcu TWINE. Da biste promenili putanju, povucite markere okvira na novi položaj. Nemojte izvršiti prekomjerni broj promjena u Twine putanju, jer će to dovesti do pogrešnog pokreta crteža (ako, naravno, to nije vaš cilj!).

Slika pod nazivom Kreirajte blica animacija Korak 17

devet. Pretvoriti sliku. Ako ste kreirali ključne okvire i putanju, možete pretvoriti sliku tako da se glatko promijeni kada se kreće Twin putanje. Možete promijeniti oblik, boju, nagib, veličinu i bilo koji drugi parametar slike.

Odaberite okvir u kojem će se slika transformirati.

Otvorite ploču svojstava za crtanje. Da biste to učinili, pritisnite F3.

Promijenite vrijednosti parametara u prozoru Svojstva crteža. Na primjer, možete promijeniti nijansu ili u boji, dodajte filtere, veličinu veličine.

Takođe možete koristiti besplatni alat za transformaciju (besplatna transformacija) da biste promijenili crtež kao što želite.

Slika pod nazivom Kreirajte flash animaciju Korak 18

10. Dodajte završne poteze. Provjerite kreiranu animaciju pritiskom na Ctrl + Enter. Provjerite je li crtež (znak) pravilno promijeni i da se animacija reprodukuje s ispravnom brzinom. Ako se animacija reprodukuje prebrzo, smanjite FPS vrijednost ili povećajte trajanje vrpce.

Zadani FPS je 24, zato pokušajte smanjiti ovu vrijednost do 12. Promijenite vrijednost FPS na ploči Svojstva. Međutim, kada FPS = 12, animacija se može reproducirati dovoljno nesmetano.

Da biste promijenili trajanje blizanaca, odaberite sloj koji sadrži blizance i klizač promjene trajanja Twin-a. Ako želite udvostručiti trajanje blizanaca, pomaknite klizač na 48 okvira. Ne zaboravite umetnuti pozadinu u prazne okvire tako da pozadina ne nestane na sredini animacije. Da biste to učinili, odaberite pozadinski sloj, kliknite zadnji okvir animacije (na vremenskoj traci), a zatim pritisnite F5.

Dio 3 od 3:

Dodavanje audio efekata i muzike

jedan. Zapišite ili preuzmite zvučne efekte i muziku. Možete dodati zvučne efekte za animaciju kako bi učinili spektakularnijim. Muzika će napraviti animaciju uzbudljivije i može pretvoriti dobru animaciju u veličanstven. Flash podržava razne formate audio datoteka, uključujući AAC, MP3, WAV i AU. Odaberite format koji garantuje visoku kvalitetu zvuka uz minimalnu veličinu datoteke.

MP3 format garantira visoku kvalitetu zvuka uz minimalnu veličinu datoteke. WAV Format datoteke su velike.

Slika pod nazivom Kreirajte blica animacija Korak 20

2. Uvezite audio datoteke u biblioteku da biste mogli brzo dodati zvukove i muziku u animaciju. Kliknite "Datoteka" - "Uvoz" - "Uvoz u biblioteku" (uvoz u biblioteku). Pronađite audio datoteku na računaru. Provjerite ima li audio datoteku naziv lako zapamtiti tako da ga možete brzo pronaći.

Slika pod nazivom Kreirajte flash animaciju Korak 21

3. Kreirajte novi sloj za svaku audio datoteku. Ovo nije nužno i možete dodati zvuk postojećim slojevima, ali umetanjem audio datoteke na zasebnom sloju omogućit će vam bolje kontrolirati zvučni zapis animacije.

Slika pod nazivom Kreirajte blica animacije Korak 22

4. Napravite ključ na ključu iz koje će započeti reprodukciju zvuka. Na sloju sa zvukom odaberite okvir animacije iz kojeg će se zvuk početi. Pritisnite F7 da biste umetnuli prazan ključ. Na primjer, ako želite umetnuti audio datoteku koja će se reproducirati u cijeloj animaciji, odaberite prvi okvir na sloju s audio datotekom. Ako dodate glas lika, odaberite okvir na kojem se znak počne razgovoriti.

Slika pod nazivom Kreirajte flash animaciju Korak 23

pet. Dodavanje audio datoteka. Pritisnite "Svojstva" - "Zvuk" - "Naziv" i odaberite audio datoteku iz biblioteke.

Slika pod nazivom Kreirajte flash animaciju Korak 24

6. Konfigurirajte zvučnu datoteku u skladu sa zahtjevima animacije. Možete dodati efekte, promijeniti postavke sinhronizacije i konfigurirati reprodukciju audio datoteke (u izborniku Ime).

Efekti (na primer, prigušenje ili odjek). Možete odabrati jedan od unaprijed postavljenih parametara u padajućem izborniku ili možete kliknuti na ikonu olovke (pored menija) da biste stvorili vlastite prilagođene postavke.

Sinhronizacija. Definira postupak reprodukcije zvuka u animaciji. Parametar događaja (događaj) igrat će audio datoteku do kraja. Ako se ista audio datoteka ponovo reproducira (dok se prva reprodukcija ne završi), prva reprodukcija će se i dalje igrati (do kraja). Parametar "Start" funkcionira kao parametar "događaja" sa jedinom razlikom da se prva reprodukcija zaustavlja prilikom reprodukcije zvuka. Parametar "Stop" zaustavlja reprodukciju zvuka u određenom okviru. Ako želite koristiti ovaj parametar u kombinaciji s drugim parametrima audio datoteke, stvorite novi ključ na kojem će se reprodukcija zvuka zaustaviti. Parametar "Stream" (potok) sinkronizirat će određeni zvuk okvirima na drugim slojevima. Ovaj je parametar bolji za upotrebu prilikom umetanja glasova znakova.

Reprodukcija reprodukcije. Određuje broj ponovljene reprodukcije određene audio datoteke (jedne ili više puta). Ako je vaša animacija ciklička, postavite ovaj parametar u beskonačno reprodukciju audio datoteke.

Slika pod nazivom Kreirajte flash animaciju Korak 25

7. Spremite kreiranu animaciju u SWF formatu. Ovaj format se reproducira gotovo svim web pretraživačem. Također, datoteka ovog formata može se preuzeti na određene web stranice (Njugrotinci, Albino BlackSheep, Kongregate, za gledanje drugih korisnika.

Slika pod nazivom Kreirajte flash animaciju Korak 26

osam. Ovaj članak govori o osnovama stvaranja flash animacije, ali na primjer, možete učiniti mnogo više, kreirajte blica tipke. Takođe možete proslijediti ubrzani kurs Actionscript-a za istraživanje svih suptilnosti kreiranja i upravljanja animacijom. Eksperimentirajte, a vi učite svi trikovi za stvaranje animacije.

Savjeti

Ako planirate uređivati animaciju, sačuvajte ga u formatu .Fla.