Kako stvoriti Flash animaciju (sa slikama)

Sadržaj:

Kako stvoriti Flash animaciju (sa slikama)
Kako stvoriti Flash animaciju (sa slikama)

Video: Kako stvoriti Flash animaciju (sa slikama)

Video: Kako stvoriti Flash animaciju (sa slikama)
Video: Kako pretvoriti sliku u Word dokument koji se može uređivati (editovati) 2024, April
Anonim

Flash je vodeći medij za animaciju na internetu, pa čak i na drugim formatima, poput televizije. Stvaranje jednostavne Flash animacije u Flash -u je zapravo prilično jednostavno za postići, jer Flash nudi mnogo korisnih alata koji pojednostavljuju cijeli proces. Ako imate ideju za Flash animaciju ili crtani film, vjerojatno ćete imati grubu skicu za samo nekoliko sati. Pogledajte korak 1 u nastavku da biste saznali kako kreirajte Flash animaciju.

Podrška za Adobe Flash prestaje u prosincu 2020. Nakon tog vremena više nećete moći koristiti Flash

Kreirajte Flash animaciju Korak 1
Kreirajte Flash animaciju Korak 1

Korak 1. Shvatite osnove frame-by-frame animacije

Ovo se smatra "tradicionalnom" metodom animacije, jer svaki kadar ima istu sliku, ali malo izmijenjenu. Kad se sličice reproduciraju zajedno, čini se da se slike pomiču. Ovo je ista osnovna tehnika koju koriste tradicionalni ručni animatori i oduzima više vremena nego tvining (vidi sljedeći odjeljak).

Prema zadanim postavkama, Flash će proizvoditi animacije pri 24 sličice u sekundi (FPS). To znači da će jedna sekunda animacije imati 24 kadra, ali ne mora svaki okvir biti drugačiji. Ovo možete prilagoditi ako želite, a mnoge Flash animacije koriste 12 FPS, ali 24 će proizvesti mnogo "glatkiju" animaciju

Kreirajte Flash animaciju Korak 2
Kreirajte Flash animaciju Korak 2

Korak 2. Instalirajte Flash Professional

Dostupni su različiti Flash animacijski programi, ali najmoćniji je Adobe -ov Flash Professional CC. Možete besplatno instalirati probnu verziju ili možete koristiti neki drugi proizvod ako vas pretplata na Adobeov Creative Cloud ne privlači. Ostatak ovog članka odnosiće se na Flash Professional ili bilo koji drugi program za uređivanje kao "Flash".

Kreirajte Flash animaciju Korak 3
Kreirajte Flash animaciju Korak 3

Korak 3. Kreirajte svoju imovinu

Budući da animacija okvir po kadar zahtijeva više slika s malim razlikama, morat ćete sve ove elemente stvoriti ručno. Možete ih sve stvoriti prije nego što počnete ili ih napraviti dok radite. Možete koristiti Flash program za crtanje direktno u svom projektu ili možete nacrtati svoja sredstva u svom omiljenom programu za stvaranje slika.

Ako želite da se vaše slike povećavaju bez žrtvovanja kvalitete, htjet ćete ih stvoriti kao vektore umjesto rastera. Vektorske slike će se same iscrtavati kad god se uvećaju, što znači da neće doći do pikselacije ili zamjene. Rasterske slike su tradicionalne slike na koje ste vjerojatno navikli (fotografije, slike u boji, itd.). Oni se ne skaliraju dobro i mogu izgledati prilično ružno ako ih želite povećati

Kreirajte Flash animaciju Korak 4
Kreirajte Flash animaciju Korak 4

Korak 4. Kreirajte svoj prvi okvir

Kada prvi put pokrenete Flash, imat ćete prazan sloj i praznu vremensku traku. Dok dodajete okvire, vaša vremenska linija će se automatski popuniti. Sa slojevima možete komunicirati na isti način kao u Photoshopu.

  • Prije dodavanja slike, stvorite osnovnu pozadinu za svoj film. Preimenujte Sloj 1 u "Pozadina", a zatim zaključajte sloj. Napravite drugi sloj i dajte mu ime kako god želite. Ovo će biti sloj na kojem kreirate svoju animaciju.
  • Dodajte svoj crtež na platno u prvom okviru. Možete uvesti crtež sa računara ili možete koristiti Flash alate za crtanje da biste izradili crtež direktno u programu.
  • Vaš prvi kadar bit će ključni okvir. Ključni okviri su okviri koji imaju sliku i čine okosnicu vaše animacije. Svaki put kad se slika promijeni kreirat ćete novi ključni kadar.
  • Ključni kadrovi su označeni crnom tačkom na vremenskoj liniji.
  • Ne treba vam nova slika u svakom okviru. Općenito, ako imate ključni kadar svakih četiri do pet sličica, proizvest ćete dobru animaciju.
Kreirajte Flash animaciju Korak 5
Kreirajte Flash animaciju Korak 5

Korak 5. Pretvorite svoj crtež u simbol

Pretvaranjem crteža u simbol možete ga jednostavno dodati više puta u okvir. Ovo je posebno korisno ako trebate brzo stvoriti više objekata, poput jata riba.

  • Odaberite cijeli crtež. Desnom tipkom miša kliknite odabir i odaberite "Pretvori u simbol". Ovo će dodati sliku u vašu biblioteku gdje joj možete brzo pristupiti u budućnosti.
  • Izbrišite crtež. Ne brinite! Dodaćete ga na scenu jednostavnim prevlačenjem objekta iz biblioteke. S lakoćom možete dodati više instanci istog crteža u svoju scenu!
Kreirajte Flash animaciju Korak 6
Kreirajte Flash animaciju Korak 6

Korak 6. Dodajte nekoliko praznih okvira

Nakon što pripremite prvi okvir, možete dodati prazne okvire koji će postojati između prvog i drugog ključnog kadra. Pritisnite F5 četiri ili pet puta da dodate prazne okvire nakon prvog ključnog kadra.

Kreirajte Flash animaciju Korak 7
Kreirajte Flash animaciju Korak 7

Korak 7. Kreirajte svoj drugi ključni kadar

Nakon što dodate nekoliko praznih okvira, spremni ste za stvaranje drugog ključnog kadra. U osnovi postoje dva različita načina na koje to možete učiniti: možete kopirati postojeći ključni okvir i izvršiti mala prilagođavanja ili možete stvoriti prazan ključni okvir i umetnuti novu sliku. Ako koristite umjetnost stvorenu u drugom programu, poželjet ćete drugu metodu. Ako ste umjetnost stvorili pomoću Flash alata za dizajn, upotrijebite prvu metodu.

  • Da biste kreirali ključni kadar koristeći sadržaj prethodnog ključnog kadra, pritisnite F6. Da biste stvorili prazan ključni okvir, desnom tipkom miša kliknite zadnji okvir na vremenskoj traci i odaberite "Umetni prazan ključni okvir". Sve na vašoj sceni bit će uklonjeno.
  • Nakon što kreirate svoj drugi ključni kadar, morat ćete prilagoditi sliku kako biste dali efekt kretanja. Ako koristite Flash-ove alate za dizajn, možete koristiti alat Transform za odabir aspekata vašeg crteža i njihovo blago pomicanje, poput ruke osobe sa štapom.
  • Ako ubacujete novu sliku za svaki ključni kadar, morat ćete osigurati da se ona nalazi na istoj lokaciji ili na sljedećoj logičkoj lokaciji na ekranu. Ovo će osigurati da umjetnost ne skače između kadrova.
Kreirajte Flash animaciju Korak 8
Kreirajte Flash animaciju Korak 8

Korak 8. Ponovite postupak

Sada kada ste stvorili dva ključna kadra, vrijeme je za ponavljanje. Ponavljat ćete u osnovi isti postupak dok ne završite sa animacijom. Dodajte nekoliko praznih okvira između svakog ključnog kadra i pobrinite se da vaši pokreti izgledaju fluidno.

Napravite male, postupne promjene. Vaša animacija će izgledati mnogo glatko ako napravite vrlo male promjene u ključnom kadru. Na primjer, ako želite da osoba sa štapom maše rukom, vaš drugi ključni kadar ne bi trebao biti drugi kraj vala. Umjesto toga, upotrijebite nekoliko ključnih okvira za prijelaz s početka vala na kraj. Ovo će proizvesti mnogo glatkiju animaciju

Dio 2 od 3: Izrada animacije od tačke do tačke (Tweening)

Kreirajte Flash animaciju Korak 9
Kreirajte Flash animaciju Korak 9

Korak 1. Shvatite osnove tweinga

Flash sadrži funkciju koja se zove tweening, koja vam omogućava da u osnovi postavite početnu i završnu točku za vaš objekt. Flash će tada premjestiti i transformirati objekt na temelju vaših postavki između ove dvije točke, stvarajući iluziju animacije. Nećete morati stvarati slike za svaki ključni kadar kao što biste to činili s animacijom po kadar.

  • Tweening je posebno koristan za stvaranje efekata "morfiranja", gdje jedan objekt postaje drugi tijekom animacije.
  • Animacija po kadar i tvining mogu se koristiti zajedno u istom filmu.
  • Možete imati samo jedan objekt koji se podvrgava kretanju između njih. To znači da ako želite animirati više objekata odjednom, svi će oni morati biti na odvojenim slojevima.
Kreirajte Flash animaciju Korak 10
Kreirajte Flash animaciju Korak 10

Korak 2. Kreirajte svoj prvi objekt

Za razliku od frame-by-frame animacije, nećete morati stvarati više objekata za animaciju pomoću funkcije tween. Umjesto toga, kreirat ćete jedan objekt, a zatim promijeniti njegova svojstva tokom procesa tvininga.

  • Prije dodavanja slike, stvorite osnovnu pozadinu za svoj film. Preimenujte Sloj 1 u "Pozadina", a zatim zaključajte sloj. Napravite drugi sloj i dajte mu ime kako god želite. Ovo će biti sloj na kojem kreirate svoju animaciju.
  • Preporučuje se upotreba Flash-ovih ugrađenih alata za dizajn ili uvoz slike iz programa za vektorsko crtanje. Vektori se mogu lako skalirati bez izobličenja, dok se tradicionalne rasterske slike neće dobro skalirati i transformirati.
Kreirajte Flash animaciju Korak 11
Kreirajte Flash animaciju Korak 11

Korak 3. Pretvorite svoj objekt u simbol

Da biste izmerili svoj objekt, morat ćete ga pretvoriti u simbol. Ovo je format za objekte koje Flash koristi za manipulaciju njima. Ako pokušate spojiti objekt koji nije napravljen u simbol, od vas će se tražiti da to učinite prvi.

Desnom tipkom miša kliknite svoj objekt i odaberite "Pretvori u simbol" Objekt će biti dodan u vašu biblioteku, što olakšava kloniranje objekata

Kreirajte Flash animaciju Korak 12
Kreirajte Flash animaciju Korak 12

Korak 4. Kreirajte prvi pokret između

Pokret između pokreta pomiče objekt s jedne lokacije na drugu Desnom tipkom miša kliknite simbol u vašoj sceni i odaberite "Create Motion Tween". 24 okvira će biti dodano na vašu vremensku liniju, jer je ovo zadana dužina tweena. Upamtite, prema zadanim postavkama Flash će se animirati brzinom od 24 kadra u sekundi, što znači da će ovom kretanju između njih trebati jedna sekunda da se završi.

Kada kreirate pokret između, automatski se prebacujete na posljednji kadar tweena

Kreirajte Flash animaciju Korak 13
Kreirajte Flash animaciju Korak 13

Korak 5. Kreirajte putanju

Nakon što kreirate tween, možete premjestiti objekt na lokaciju na kojoj želite da završi. Blic će prikazati liniju trajektorije koja je isprekidana kako bi pokazala lokaciju objekta za svaki okvir između.

Kada prvi put kreirate putanju, bit će to ravna linija od početne do krajnje točke

Kreirajte Flash animaciju Korak 14
Kreirajte Flash animaciju Korak 14

Korak 6. Produžite pozadinske okvire

Ako biste sada pokrenuli svoju animaciju, vaš bi se objekt kretao duž putanje, ali pozadina bi nestala nakon jednog kadra. Da biste ovo popravili, morat ćete proširiti pozadinu na sve okvire animacije.

Odaberite pozadinski sloj na vremenskoj traci. Kliknite zadnji okvir na vašoj vremenskoj liniji, koji bi trebao biti i okvir na kojem završava vaše kretanje. Pritisnite F5 da biste umetnuli okvire do ove tačke, što će vašu pozadinu držati prikazanom tokom cijele pauze

Kreirajte Flash animaciju Korak 15
Kreirajte Flash animaciju Korak 15

Korak 7. Dodajte ključne kadrove

Dodavanje ključnih kadrova u vašu putanju omogućit će vam da transformirate svoj objekt tokom kretanja. Objekt možete unijeti samo ako je uokviren. Da biste ključnim okvirima dodali svoju putanju, najprije odaberite okvir na vremenskoj liniji koji želite pretvoriti u ključni okvir. Zatim kliknite i povucite objekt u položaj na kojem želite da se nalazi tijekom tog okvira. Vaša putanja će se automatski prilagoditi, a ključni okvir bit će dodan vremenskoj liniji. Ključni okviri su označeni dijamantskim ikonama na vremenskoj liniji.

Kreirajte Flash animaciju Korak 16
Kreirajte Flash animaciju Korak 16

Korak 8. Podesite svoju putanju između

Da biste promijenili putanju vašeg objekta, možete kliknuti i povući svaki od oznaka položaja okvira na putanji do nove lokacije. Izbjegavajte velike varijacije u putanji ili će se objekt kretati neredovito (osim ako vam to nije cilj!).

Kreirajte Flash animaciju Korak 17
Kreirajte Flash animaciju Korak 17

Korak 9. Pretvorite svoj objekt

Nakon što uspostavite ključne kadrove i putanju, možete transformirati svoj objekt tako da se mijenja dok se kreće kroz kretanje između putanje. Možete promijeniti oblik, boju, rotaciju, veličinu i bilo koje drugo svojstvo objekta.

  • Odaberite okvir u kojem želite da se dogodi transformacija.
  • Otvorite ploču Svojstva objekta. Možete pritisnuti Ctrl+F3 ako ploča trenutno nije vidljiva.
  • Promijenite sve vrijednosti u prozoru Svojstva kako biste utjecali na objekt. Na primjer, možete promijeniti nijansu ili boju, dodati filtre ili promijeniti ljestvicu.
  • Također možete koristiti alatku Free Transform za slobodno mijenjanje oblika kako god želite.
Kreirajte Flash animaciju Korak 18
Kreirajte Flash animaciju Korak 18

Korak 10. Napravite završni dodir sa svojim poduhvatom

Testirajte svoje kretanje između njih pritiskom na Ctrl+↵ Enter. Uvjerite se da transformacije izgledaju dobro i da se animacija kreće ispravnom brzinom. Ako se vaša animacija kreće prebrzo, možete ili smanjiti FPS scene ili povećati raspon između.

  • Prema zadanim postavkama, FPS je 24, pa ga pokušajte spustiti na 12. Da biste to učinili, kliknite izvan scene, a zatim promijenite FPS na ploči Svojstva. Promjenom na 12 udvostručit ćete dužinu vaše animacije, ali će je možda učiniti "trzajnijom".
  • Da biste promijenili raspon tweena, odaberite sloj koji sadrži tween i pomoću klizača ga izvucite. Ako želite da tween bude dvostruko duži, proširite ga na 48 sličica. Umetnite prazne okvire u pozadinski sloj kako pozadina ne bi nestala na pola animacije. Da biste proširili pozadinu, odaberite sloj, kliknite zadnji okvir animacije na vremenskoj traci, a zatim pritisnite F5

3. dio 3: Dodavanje zvuka i muzike

Kreirajte Flash animaciju Korak 19
Kreirajte Flash animaciju Korak 19

Korak 1. Snimite ili pronađite svoje zvučne efekte i muziku

Radnjama koje se pojavljuju u vašoj animaciji možete dodati zvučne efekte kako biste se istaknuli i dali joj neku osobnost. Muzika čini vašu animaciju sveobuhvatnijom i može napraviti dobru animaciju u nevjerojatnu. Flash podržava različite formate datoteka, uključujući AAC, MP3, WAV i AU. Odaberite onu koja vam daje najbolju kvalitetu za najmanju veličinu datoteke.

MP3 će vam obično pružiti savršeno prihvatljivu kvalitetu zvuka uz zadržavanje veličine datoteke na minimumu. Izbjegavajte WAV datoteke ako je moguće, jer su često prilično velike

Kreirajte Flash animaciju Korak 20
Kreirajte Flash animaciju Korak 20

Korak 2. Uvezite zvučne datoteke u svoju biblioteku

Prije nego što možete dodati zvukove u svoj projekt, potrebno ih je dodati u Flash biblioteku. To će vam omogućiti da ih kasnije brzo dodate u svoj projekt. Pritisnite Datoteka → Uvoz → Uvezi u biblioteku. Potražite zvučnu datoteku na svom računaru. Uvjerite se da se zvučna datoteka lako pamti, tako da je kasnije možete brzo pronaći iz izbornika.

Kreirajte Flash animaciju Korak 21
Kreirajte Flash animaciju Korak 21

Korak 3. Kreirajte novi sloj za svaku zvučnu datoteku

To nije strogo potrebno jer možete dodati zvuk postojećim slojevima, ali stavljanjem svake datoteke na vlastiti sloj dobit ćete mnogo veću kontrolu nad postupnim ulaskom i isključivanjem, kada započeti i zaustaviti, te je lakše pomicati zvukove.

Kreirajte Flash animaciju Korak 22
Kreirajte Flash animaciju Korak 22

Korak 4. Kreirajte ključni kadar na kojem će zvuk početi

Na sloju zvuka odaberite okvir u animaciji na kojem želite da zvuk započne. Pritisnite F7 da umetnete prazan ključni kadar. Na primjer, ako želite uključiti muzičku datoteku koja se reproducira za vrijeme trajanja animacije, odaberite prvi okvir na sloju muzičke datoteke. Ako dodajete dijalog za lik, odaberite okvir u kojem lik počinje govoriti.

Kreirajte Flash animaciju Korak 23
Kreirajte Flash animaciju Korak 23

Korak 5. Dodajte zvučnu ili muzičku datoteku

U okviru Svojstva vidjet ćete odjeljak Zvuk. Možda ćete ga morati proširiti da vidite opcije. Kliknite izbornik "Naziv" i odaberite datoteku koju želite iz svoje biblioteke.

Kreirajte Flash animaciju Korak 24
Kreirajte Flash animaciju Korak 24

Korak 6. Konfigurirajte zvučnu datoteku

Nakon što odaberete datoteku, možete konfigurirati kako će se igrati. Ono što odaberete bit će zasnovano na onome što vam je potrebno za postizanje zvuka u animaciji. Postavke efekata, sinhronizacije i ponavljanja svakog zvuka možete promijeniti pomoću menija ispod menija Ime u okviru Svojstva.

  • Efekat - Ovo omogućava dodavanje efekata zvuku, kao što je pojačavanje i smanjivanje zvuka ili dodavanje odjeka. Možete odabrati neke od unaprijed postavljenih postavki u padajućem izborniku ili možete kliknuti ikonu olovke pored izbornika kako biste stvorili vlastite prilagođene postavke.
  • Sinhronizacija - Određuje kako će se pjesma reproducirati u animaciji. Događaj će reproducirati zvuk dok se ne završi. Ako se isti zvuk ponovo aktivira prije nego što se prvi završi, original će nastaviti svirati dok ne završi. Start radi kao događaj, ali prestaje ako se zvuk ponovo reproducira. Stop zaustavlja zvuk u tom okviru. Ako ovo želite koristiti zajedno s drugim svojstvima zvuka, stvorite novi ključni kadar u kojem želite da se zvuk zaustavi i upotrijebite ovu opciju. Stream će pokušati uskladiti zvuk koji se svira s brojem sličica na drugim slojevima. Ovo se najbolje koristi za dijalog.
  • Ponovi - Ova postavka vam omogućava da postavite koliko dugo će se zvuk ponavljati. Možete ga postaviti da se reproducira samo jednom ili ga možete petljati koliko god puta želite. Ako je vaša animacija petlja, trebate postaviti muziku tako da se beskonačno petlja.
Kreirajte Flash animaciju Korak 25
Kreirajte Flash animaciju Korak 25

Korak 7. Završite svoj projekat

Kada konačno završite s projektom, spremite ga kao SWF datoteku. Ovo je format koji se koristi za reprodukciju filma. Možete ga igrati u gotovo svakom web pregledniku ili koristiti namjenski Flash player za gledanje. Postoje i razne web lokacije na koje ga možete postaviti kako bi ih drugi vidjeli, poput Newgrounds, Albino Blacksheep i Kongregate.

Kreirajte Flash animaciju Korak 26
Kreirajte Flash animaciju Korak 26

Korak 8. Napredujte u svoje buduće projekte

Ovaj vodič bavi se osnovama stvaranja animacije, ali postoji još mnogo toga što možete naučiti i učiniti. Dodajte nekoliko dugmadi i putanja grananja i dobit ćete avanturističku igru birajte sami. Možete pohađati kratak kurs u ActionScript -u i steći mnogo veću kontrolu nad sitnijim detaljima vaše animacije. Eksperimentirajte i uskoro ćete naučiti sve vrste trikova i implementacija.

Preporučuje se: