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: Основные ошибки при возведении перегородок из газобетона #5 2024, Ožujak
Anonim

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

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

Izradite Flash animaciju Korak 1
Izradite Flash animaciju Korak 1

Korak 1. Shvatite osnove frame-by-frame animacije

To se smatra "tradicionalnom" metodom animacije, jer svaki okvir 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 tweing (pogledajte 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. To možete prilagoditi ako želite, a mnoge Flash animacije koriste 12 FPS, ali 24 će proizvesti mnogo "glatkiju" animaciju

Izradite Flash animaciju Korak 2
Izradite Flash animaciju Korak 2

Korak 2. Instalirajte Flash Professional

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

Izradite Flash animaciju Korak 3
Izradite Flash animaciju Korak 3

Korak 3. Kreirajte svoju imovinu

Budući da animacija okvir po okvir zahtijeva više slika s malim razlikama, morat ćete sve te materijale stvoriti ručno. Možete ih sve stvoriti prije početka ili ih izraditi u hodu. Možete koristiti Flash program za crtanje izravno u svom projektu ili možete nacrtati svoju imovinu 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 biti pikselizacije ili zamjenjivanja. Rasterske slike su tradicionalne slike na koje ste vjerojatno navikli (fotografije, slike u boji itd.). One se ne skaliraju dobro i mogu izgledati prilično ružno ako ih želite povećati

Izradite Flash animaciju Korak 4
Izradite Flash animaciju Korak 4

Korak 4. Izradite svoj prvi okvir

Kad prvi put pokrenete Flash, imat ćete prazan sloj i praznu vremensku traku. Dok dodajete okvire, vaša će se vremenska traka automatski popunjavati. 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 želite. Ovo će biti sloj na kojem ćete stvoriti svoju animaciju.
  • Dodajte svoj crtež na platno u prvom okviru. Svoj crtež možete uvesti sa računala ili upotrijebiti Flash alate za crtanje da biste izradili crtež izravno u programu.
  • Vaš prvi okvir 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, stvarat ćete novi ključni kadar.
  • Ključni kadrovi označeni su crnom točkom na vremenskoj traci.
  • Ne trebate novu sliku u svakom okviru. Općenito, ključni kadar svakih četiri do pet sličica proizvest će dobru animaciju.
Izradite Flash animaciju Korak 5
Izradite 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 osobito 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 knjižnicu gdje joj možete brzo pristupiti u budućnosti.
  • Izbrišite crtež. Ne brinite! Dodati ćete ga natrag u scenu jednostavnim povlačenjem objekta iz svoje biblioteke. S lakoćom možete dodati više primjeraka istog crteža u svoju scenu!
Izradite Flash animaciju Korak 6
Izradite Flash animaciju Korak 6

Korak 6. Dodajte nekoliko praznih okvira

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

Izradite Flash animaciju Korak 7
Izradite Flash animaciju Korak 7

Korak 7. Izradite svoj drugi ključni okvir

Nakon što dodate nekoliko praznih okvira, spremni ste za izradu drugog ključnog kadra. Postoje dva različita načina na koja to možete učiniti: možete kopirati postojeći ključni okvir i izvršiti male prilagodbe 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 -ovih alata za dizajn, upotrijebite prvu metodu.

  • Da biste stvorili ključni okvir 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 ste izradili svoj drugi ključni kadar, morat ćete prilagoditi sliku kako biste dali učinak kretanja. Ako koristite Flash-ove alate za dizajn, možete upotrijebiti alat Transform za odabir aspekata vašeg crteža i njihovo blago pomicanje, poput ruke palice.
  • Ako umetnete novu sliku za svaki ključni kadar, pobrinite se da se postavi na isto mjesto ili na sljedeće logičko mjesto na zaslonu. To će osigurati da umjetnost ne skače između okvira.
Izradite Flash animaciju Korak 8
Izradite Flash animaciju Korak 8

Korak 8. Ponovite postupak

Sada kada ste stvorili dva ključna kadra, vrijeme je za ponavljanje. Ponavljat ćete u biti 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 izgledat će mnogo glađe ako napravite vrlo male promjene u ključnom kadru. Na primjer, ako želite da osoba s motkom 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. To će proizvesti mnogo glatkiju animaciju

2. dio od 3: Izrada animacije od točke do točke (Tweening)

Izradite Flash animaciju Korak 9
Izradite Flash animaciju Korak 9

Korak 1. Shvatite osnove tweinga

Flash sadrži funkciju koja se zove tweening, koja vam omogućuje da bitno postavite početnu i završnu točku za vaš objekt. Flash će tada pomicati 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 tijekom animacije postaje drugi.
  • Frame-by-frame animacija i tweening 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 zasebnim slojevima.
Izradite Flash animaciju Korak 10
Izradite Flash animaciju Korak 10

Korak 2. Izradite 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, stvarat ćete jedan objekt, a zatim mijenjati njegova svojstva tijekom procesa tweeninga.

  • 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 želite. Ovo će biti sloj na kojem ćete stvoriti svoju animaciju.
  • Preporučuje se korištenje 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.
Izradite Flash animaciju Korak 11
Izradite 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 upravljanje 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 knjižnicu, što olakšava kloniranje objekata

Izradite Flash animaciju Korak 12
Izradite Flash animaciju Korak 12

Korak 4. Izradite svoj prvi pokret tween

Pokret između pokreta pomiče objekt s jednog mjesta na drugo Desnom tipkom miša kliknite simbol u svojoj sceni i odaberite "Create Motion Tween". 24 okvira bit će dodana na vašu vremensku traku jer je to zadana duljina tweena. Upamtite, prema zadanim postavkama Flash će se animirati brzinom od 24 sličice u sekundi, što znači da će ovom kretanju između pokreta trebati jedna sekunda da se dovrši.

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

Izradite Flash animaciju Korak 13
Izradite Flash animaciju Korak 13

Korak 5. Kreirajte putanju

Nakon što stvorite tween, možete premjestiti objekt na mjesto na kojem želite da završi. Bljeskalica će prikazati liniju trajektorije koja je točkasta za prikaz lokacije objekta za svaki okvir tweena.

Kad prvi put kreirate putanju, bit će to ravna crta od početne točke do završne točke

Izradite Flash animaciju Korak 14
Izradite Flash animaciju Korak 14

Korak 6. Proširite pozadinske okvire

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

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

Izradite Flash animaciju Korak 15
Izradite Flash animaciju Korak 15

Korak 7. Dodajte ključne okvire

Dodavanje ključnih okvira u vašu putanju omogućit će vam da transformirate svoj objekt tijekom kretanja. Objekt možete unijeti samo ako je uokviren. Da biste ključnim okvirima dodali svoju putanju, najprije odaberite okvir na vremenskoj traci 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 će se putanja automatski prilagoditi, a ključni okvir bit će dodan vremenskoj traci. Ključni okviri označeni su dijamantnim ikonama na vremenskoj traci.

Izradite Flash animaciju Korak 16
Izradite 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 putu do novog mjesta. Izbjegavajte velike varijacije na putu, inače će se objekt kretati neredovito (osim ako vam to nije cilj!).

Izradite Flash animaciju Korak 17
Izradite 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 putanju kretanja 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 alat Free Transform za slobodno mijenjanje oblika kako god želite.
Izradite Flash animaciju Korak 18
Izradite Flash animaciju Korak 18

Korak 10. Napravite doradu u svom poduhvatu

Testirajte svoje kretanje između njih pritiskom na Ctrl+↵ Enter. Pobrinite se da transformacije izgledaju dobro i da se animacija kreće ispravnom brzinom. Ako se vaša animacija prebrzo kreće, 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 će se trajanje 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. Svakako 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 glazbe

Izradite Flash animaciju Korak 19
Izradite Flash animaciju Korak 19

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

Radnjama koje se pojavljuju u vašoj animaciji možete dodati zvučne efekte kako biste se istaknuli i dali joj neku osobnost. Glazba čini vašu animaciju sveobuhvatnijom, a dobru animaciju može pretvoriti 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, a veličinu datoteke svesti na minimum. Izbjegavajte WAV datoteke ako je moguće, jer su one često prilično velike

Izradite Flash animaciju Korak 20
Izradite 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 -ovu 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čunalu. Uvjerite se da se zvučna datoteka lako pamti, tako da je kasnije možete brzo pronaći iz izbornika.

Izradite Flash animaciju Korak 21
Izradite Flash animaciju Korak 21

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

To nije strogo potrebno jer možete dodati zvuk postojećim slojevima, ali stavljanjem svake datoteke na njezin vlastiti sloj dobit ćete mnogo više kontrole nad postupnim utapanjem i isključivanjem, kada početi i prestati, a zvukove je lakše pomicati.

Izradite Flash animaciju Korak 22
Izradite Flash animaciju Korak 22

Korak 4. Izradite 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 biste umetnuli prazan ključni okvir. Na primjer, ako želite uključiti glazbenu datoteku koja se reproducira tijekom trajanja animacije, odaberite prvi okvir na sloju glazbene datoteke. Ako dodajete dijalog za lik, odaberite okvir u kojem lik počinje govoriti.

Izradite Flash animaciju Korak 23
Izradite Flash animaciju Korak 23

Korak 5. Dodajte zvučnu ili glazbenu datoteku

U okviru Svojstva vidjet ćete odjeljak Zvuk. Možda ćete ga morati proširiti da biste vidjeli mogućnosti. Pritisnite izbornik "Naziv" i odaberite datoteku koju želite iz svoje biblioteke.

Izradite Flash animaciju Korak 24
Izradite Flash animaciju Korak 24

Korak 6. Konfigurirajte zvučnu datoteku

Nakon što odaberete datoteku, možete konfigurirati njezinu reprodukciju. Ono što odaberete temeljit će se na onome što vam je potrebno za postizanje zvuka u animaciji. Postavke efekata, sinkronizacije i ponavljanja svakog zvuka možete promijeniti pomoću izbornika ispod izbornika Naziv u okviru Svojstva.

  • Učinak - Omogućuje dodavanje efekata zvuku, kao što je smanjivanje i smanjivanje zvuka ili dodavanje odjeka. Možete odabrati neke od unaprijed postavljenih postavki na padajućem izborniku ili možete kliknuti ikonu olovke pored izbornika kako biste stvorili vlastite prilagođene postavke.
  • Sinkronizacija - Određuje kako će se pjesma reproducirati u animaciji. Događaj će reproducirati zvuk sve dok ne završi. Ako se isti zvuk ponovno aktivira prije nego što prvi završi, izvornik će nastaviti svirati dok ne završi. Start radi kao Događaj, ali prestaje ako se zvuk ponovno reproducira. Stop zaustavlja zvuk u tom okviru. Ako ovo želite koristiti zajedno s drugim svojstvima zvuka, izradite novi ključni kadar u kojem želite zaustaviti zvuk i upotrijebite ovu opciju. Stream će pokušati uskladiti zvuk koji se svira s brojem sličica na drugim slojevima. To se najbolje koristi za dijalog.
  • Ponovi - Ova postavka omogućuje vam 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, trebali biste postaviti svoju glazbu na beskonačno ponavljanje.
Izradite Flash animaciju Korak 25
Izradite Flash animaciju Korak 25

Korak 7. Završite svoj projekt

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

Izradite Flash animaciju Korak 26
Izradite 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 gumba i razgranatih putova i dobit ćete avanturističku igru biraj za sebe. Možete proći tečaj rušenja u ActionScript -u i steći mnogo veću kontrolu nad finim detaljima svoje animacije. Nastavite eksperimentirati i uskoro ćete se naučiti raznim trikovima i implementacijama.

Preporučeni: