Flash je primarni medij za animaciju na Internetu, pa čak i u drugim formatima poput televizije. Stvaranje jednostavne Flash animacije u Flash programu zapravo je vrlo jednostavno jer Flash nudi mnoge korisne alate koji pojednostavljuju cijeli proces. Ako već imate ideju za Flash animaciju ili crtić, vjerojatno imate grubu skicu napravljenu u samo nekoliko sati. Pogledajte donji vodič da biste saznali kako stvoriti Flash animaciju.
Korak
Metoda 1 od 3: Stvaranje Frame-by-Frame Flash animacije
Korak 1. Shvatite osnove frame-by-frame animacije
Ova se metoda smatra tradicionalnom metodom animacije, kada svaki okvir (slika koja sastavlja animaciju) ima istu sliku, ali se malo mijenja. Kad se sličice reproduciraju zajedno, slika se pomiče. Ovo je ista osnovna tehnika koju koriste tradicionalni animatori koji ručno crtaju svaki okvir, ali oduzima više vremena od metode tweinga (vidi sljedeći odjeljak).
Prema zadanim postavkama Flash će stvarati animaciju pri 24 sličice u sekundi (FPS). To znači da će jedna sekunda animacije imati 24 kadra, ali svaki okvir ne mora biti različit. To možete prilagoditi ako želite, a mnoge Flash animacije koriste 12 FPS, ali 24 FPS rezultirat će mnogo glatkijom animacijom
Korak 2. Instalirajte program Flash Professional
Dostupni su različiti Flash animacijski programi, ali najbolji je Adobe Flash Professional CC. Možete izvršiti besplatnu probnu instalaciju ili možete upotrijebiti drugi proizvod ako vas pretplata na Adobe Creative Cloud ne privlači. Ostatak ovog članka odnosit će se na Flash Professional ili druge programe za uređivanje kao "Flash".
Korak 3. Kreirajte svoju imovinu
Budući da animacija okvir po okvir zahtijeva više slika s malim razlikama, morate sve ove elemente stvoriti ručno. Možete ih sve stvoriti prije početka ili ih možete stvoriti nakon početka. Možete koristiti Flash program za crtanje izravno unutar projekta ili možete crtati sredstva u svom omiljenom programu za crtanje.
Ako želite promijeniti sliku bez žrtvovanja kvalitete, morate je prikazati kao vektor, a ne kao raster. Vektorske slike automatski će se ponovo crtati kada se povećaju, što znači da neće biti pikselizacije ili zamjenjivanja (efekt šahovnice koji se pojavljuje kada se slika poveća). Rasterske slike tradicionalne su slike koje ste navikli vidjeti (fotografije, slike iz programa Paint itd.). Rasterske slike se ne skaliraju dobro i mogu izgledati prilično loše kad su povećane
Korak 4. Izradite prvi okvir
Kada pokrenete Flash program, dobit ćete prazan sloj i praznu vremensku traku. Prilikom dodavanja okvira vremenska traka će se automatski popuniti. Sa slojevima možete komunicirati slično kao u Photoshopu.
- Prije dodavanja slika, 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. Ovaj će sloj biti sloj na kojem stvarate animaciju.
- Dodajte sliku na platno u prvom okviru. Slike možete uvesti s računala ili upotrijebiti Flash alate za crtanje za stvaranje slika izravno u programu.
- Vaš prvi okvir bit će "ključni okvir" (keyframe). Ključni okviri su okviri koji sadrže slike i čine jezgru vaše animacije. Svaki put kad se slika promijeni stvorit ćete novi ključni okvir.
- Ključni kadrovi označeni su crnom točkom na vremenskoj traci.
- Ne treba vam nova slika u svakom okviru. Općenito, ključni kadar na svaka četiri ili pet sličica bit će dobra animacija.
Korak 5. Pretvorite sliku u simbol
Pretvaranjem slike u simbol možete je jednostavno dodati više puta u okvir. To je osobito korisno ako trebate brzo stvoriti nekoliko objekata, poput skupine riba.
- Odaberite cijelu sliku. Desnom tipkom miša kliknite odabranu sliku i odaberite "Pretvori u simbol". Ovo će dodati sliku u Knjižnicu gdje joj kasnije možete brzo pristupiti.
- Izbrišite sliku. Ne brini! Dodati ćete ga natrag u priču jednostavnim povlačenjem objekta iz knjižnice. Sceni priče možete jednostavno dodati više istih slika!
Korak 6. Dodajte nekoliko praznih okvira
Nakon što je prvi okvir spreman, možete dodati prazan okvir koji će se nalaziti između prvog i drugog ključnog kadra. Pritisnite tipku F5 četiri ili pet puta da biste dodali prazan okvir nakon prvog ključnog kadra.
Korak 7. Izradite drugi ključni okvir
Nakon dodavanja nekoliko praznih okvira, spremni ste za stvaranje drugog ključnog kadra. U osnovi postoje dva različita načina za to, naime možete kopirati postojeći ključni okvir i izvršiti manje prilagodbe, ili možete stvoriti prazan ključni okvir i umetnuti novu sliku. Ako koristite sliku stvorenu s drugim programom, poželjet ćete drugu metodu. Ako stvarate sliku pomoću alata za dizajn iz Flasha, upotrijebite prvu metodu.
- Da biste stvorili ključni okvir koristeći sadržaj prethodnog ključnog kadra, pritisnite tipku 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 u priči bit će uklonjeno.
- Nakon stvaranja drugog ključnog kadra, sliku ćete morati prilagoditi kako biste joj dali učinak kretanja. Ako koristite Flash -ove alate za dizajn, tada možete upotrijebiti alat Transform za odabir aspekata slike i pomaknuti ih malo unaokolo, poput ruku stickmana.
- Ako ubacujete novu sliku za svaki ključni kadar, pobrinite se da se postavi na isto ili sljedeće logičko mjesto na zaslonu. To osigurava da slika ne skače između okvira.
Korak 8. Ponovite postupak
Sada kada ste stvorili dva ključna kadra, vrijeme je za ponovni rad. U biti ćete ponavljati isti postupak dok animacija ne završi. Dodajte nekoliko praznih okvira između svakog ključnog kadra i pobrinite se da se animacija kreće glatko.
Učinite male, postupne promjene pokreta. Animacija će izgledati mnogo glatko ako napravite vrlo male promjene u ključnom kadru. Na primjer, ako želite da stickman zamahne rukom, vaš drugi ključni kadar ne bi trebao biti kraj zamaha ruke. Umjesto toga, upotrijebite nekoliko ključnih okvira za prijelaz od početka zamaha do kraja. To će rezultirati mnogo glatkijom animacijom
Metoda 2 od 3: Stvaranje animacije od točke do točke (Tweening)
Korak 1. Shvatite osnove tweinga
Flash sadrži funkciju koja se zove tweening (proces koji proizvodi među sliku između dvije slike u dvije vremenske točke u animaciji), koja vam u osnovi omogućuje postavljanje početne i završne vremenske točke za objekte. Flash će se tada pomicati i mijenjati objekte na temelju vaših postavki između ove dvije vremenske točke, stvarajući iluziju animacije. Ne morate stvarati sliku za svaki ključni kadar kao što biste to činili s animacijom po kadar.
- Tweening je posebno koristan za stvaranje efekta morfiranja gdje se objekt tijekom animacije mijenja u drugi objekt.
- Okvir po okvir animacija i tvining mogu se koristiti zajedno u istom filmu.
- Samo se jedan objekt podvrgava kretanju između njih. To znači da ako želite animirati više objekata odjednom, oni se moraju postaviti na različite slojeve.
Korak 2. Izradite prvi objekt
Za razliku od frame-by-frame animacije, ne morate stvarati više objekata za animaciju pomoću funkcije tween. No, stvorit ćete objekt, a zatim promijeniti svojstva objekta tijekom procesa tweeninga.
- Prije dodavanja slika, 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. Ovaj će sloj biti sloj na kojem stvarate animaciju.
- Preporučuje se korištenje alata za dizajn ugrađenih u Flash program ili uvoz slika iz programa za vektorsko crtanje. Vektori se mogu jednostavno skalirati bez izobličenja, dok se tradicionalne rasterske slike neće pravilno skalirati i transformirati.
Korak 3. Pretvorite objekt u simbol
Da biste generirali posrednu sliku objekta, morate je pretvoriti u simbol. Ovo je format koji Flash koristi za organiziranje objekata. Ako pokušavate generirati posrednu sliku iz objekta koji nije pretvoren u simbol, od vas će se tražiti da prvo izvršite pretvorbu.
Desnom tipkom miša kliknite objekt i odaberite "Pretvori u simbol". Objekti će se dodavati u Knjižnicu, što olakšava kloniranje objekata
Korak 4. Napravite prvi potez između
Pomicanje pokreta pomiče objekt s jednog mjesta na drugo. Desnom tipkom miša kliknite simbol u priči i odaberite "Create Motion Tween". Ukupno 24 okvira bit će dodano na vremensku traku jer je to standardna duljina tweena. Imajte na umu da će Flash prema zadanim postavkama animirati brzinom od 24 sličice u sekundi, što znači da će ovom pokretu između animacije trebati sekunda.
Kad kreirate pokret između, automatski se premještate na posljednji okvir tweena
Korak 5. Nacrtajte putanju objekta
Nakon stvaranja tweena, možete premjestiti objekt na željeno konačno mjesto. Flash će prikazati liniju putanje koja je točkasta kako bi označila lokaciju objekta za svaki okvir rezultirajuće među slike.
Kad prvi put kreirate put, bit će to ravna crta od početne do krajnje točke
Korak 6. Produžite okvir pozadine
Ako sada pokrenete animaciju, objekt će se kretati po putanji, ali pozadina će nestati nakon jednog kadra. Da biste to ispravili, morate proširiti pozadinu tako da pokrije cijeli okvir animacije.
Odaberite pozadinski sloj na vremenskoj traci. Kliknite posljednji okvir na vremenskoj traci, koji bi trebao biti i posljednji okvir pomaka u pokretu. Pritisnite tipku F5 da biste umetnuli okvir do ovog trenutka, koji će nastaviti prikazivati pozadinu za cijelo razdoblje
Korak 7. Dodajte ključne okvire
Dodavanje ključnog kadra na putanju omogućit će vam mijenjanje objekata tijekom prelaska između kretanja. Objekt možete unijeti samo ako ima ključni okvir. Da biste numeri dodali ključni okvir, najprije odaberite okvir koji želite pretvoriti u ključni okvir na vremenskoj traci. Zatim kliknite i povucite objekt na željeni položaj na okviru. Pjesma će se automatski prilagoditi, a ključni okvir bit će dodan vremenskoj traci. Ključni okviri označeni su ikonom dijamanta na vremenskoj traci.
Korak 8. Podesite putanju između
Da biste promijenili putanju objekta, možete kliknuti i povući svaku oznaku položaja okvira na putu do novog mjesta. Izbjegavajte stavljati previše varijacija na putanju ili će se objekt kretati neredovito (osim ako vam to zaista nije cilj!).
Korak 9. Pretvorite objekt
Nakon što su ključni okvir i put definirani, možete transformirati objekt tako da se objekt mijenja dok se kreće kroz putanju između kretanja. Možete promijeniti oblik, boju, rotaciju, veličinu i druge stvari objekta.
- Odaberite okvir koji želite transformirati.
- Otvorite ploču Svojstva objekta. Možete pritisnuti Ctrl+F3 ako okno trenutno nije vidljivo.
- Promijenite vrijednost u odjeljku Svojstva kako biste utjecali na objekt. Na primjer, možete promijeniti boju, dodati filtar ili promijeniti ljestvicu.
- Također možete koristiti alat Free Transform za slobodno mijenjanje oblika predmeta kako god želite.
Korak 10. Napravite posljednji dodir na srednjoj slici
Testirajte kretanje između njih pritiskom na Ctrl+↵ Enter. Pobrinite se da transformacija izgleda dobro i da se animacija kreće ispravnom brzinom. Ako se animacija kreće prebrzo, možete smanjiti FPS ili povećati vremenski raspon između.
- Prema zadanim postavkama, animacija FPS je 24, pa je pokušajte spustiti na 12. Da biste to učinili, kliknite izvan scene priče i promijenite FPS na ploči Svojstva. Promjenom vrijednosti na 12 udvostručit će se trajanje animacije, ali kretanje animacije može postati "pahuljica".
- Da biste promijenili vremenski raspon tweena, odaberite sloj koji sadrži tween i pomoću klizača ga povucite. Ako želite da tween bude dvostruko duži, proširite ga na 48 sličica. Umetnite prazan okvir unutar pozadinskog sloja kako pozadina ne bi do pola nestala tijekom animacije. Da biste proširili pozadinu, odaberite sloj, kliknite zadnji okvir animacije na vremenskoj traci, a zatim pritisnite tipku F5.
Metoda 3 od 3: Dodavanje zvukova i glazbe
Korak 1. Snimite ili potražite zvučne efekte i glazbu
Radnjama koje se pojavljuju u animaciji možete dodati zvučne efekte kako biste je učinili drugačijom od ostalih i dali joj vlastiti karakter. Glazba čini vaše animacije živahnijima, a dobre animacije mogu učiniti izvanrednima. Flash podržava različite formate zvučnih datoteka, uključujući AAC, MP3, WAV i AU. Odaberite format koji pruža najbolju kvalitetu s najmanjom veličinom datoteke.
MP3 format obično daje kvalitetu zvuka koja je još uvijek dobra i ima minimalnu veličinu datoteke. Izbjegavajte korištenje WAV formata ako je moguće jer su obično prilično veliki
Korak 2. Uvezite zvučne datoteke u knjižnicu
Prije nego što možete dodati zvuk projektu, zvučna datoteka mora se dodati u Flash knjižnicu. To će vam omogućiti da kasnije brzo dodate zvuk svom projektu. Pritisnite Datoteka → Uvoz → Uvezi u biblioteku. Potražite zvučne datoteke na računalu. Provjerite ima li zvučna datoteka naziv koji se lako pamti kako biste je kasnije mogli brzo pronaći iz izbornika.
Korak 3. Izradite novi sloj za svaku zvučnu datoteku
To zapravo nije potrebno jer možete dodati zvuk postojećem sloju, ali postavljanjem svake datoteke na zasebni sloj dobit ćete puno više kontrole u smislu ugađanja i isključivanja (ugađanja i isključivanja) postavki zvuka. Ili zaustavljanja zvuk i lakše je premjestiti zvuk na drugi dio.
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 tipku 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.
Korak 5. Dodajte zvučne ili glazbene datoteke
Unutar okvira Svojstva vidjet ćete odjeljak Zvuk. Možda ćete ga morati otvoriti da biste vidjeli mogućnosti. Pritisnite izbornik "Naziv" i odaberite datoteku koju želite iz knjižnice.
Korak 6. Organizirajte zvučne datoteke
Nakon odabira datoteke, možete postaviti način na koji će se reproducirati. Ono što odaberete temeljit će se na namjeravanoj uporabi zvuka u animaciji. Postavke efekata, sinkronizacije i ponavljanja svakog zvuka možete promijeniti pomoću izbornika koji se nalazi ispod izbornika Ime u okviru Svojstva.
- Učinci. Ova postavka dodaje efekte zvuku, poput zvuka koji se postupno pojavljuje ili nestaje, ili dodaje odjek. Možete odabrati postojeće postavke na padajućem izborniku ili kliknuti ikonu olovke pored izbornika kako biste stvorili vlastite prilagođene postavke.
- Sinkronizacija. Ova postavka određuje kako će se pjesma reproducirati u animaciji. Događaj će reproducirati zvuk dok se ne završi. Ako se isti zvuk ponovno aktivira prije nego što prethodni zvuk završi, izvorni će se zvuk nastaviti reproducirati dok ne završi. Start je sličan događaju, ali se zaustavlja kada se zvuk ponovno reproducira. Stop zaustavlja zvuk na tom okviru. Ako ovu opciju želite koristiti zajedno s drugim opcijama zvuka, izradite novi ključni kadar u kojem želite da se zvuk zaustavi i upotrijebite ovu opciju. Stream će pokušati uskladiti zvuk koji se reproducira s brojem sličica na drugim slojevima. Ova se opcija najbolje koristi za dijalog.
- Ponoviti. Ova postavka omogućuje vam postavljanje trajanja zvuka. Možete ga postaviti da se reproducira samo jednom ili ponoviti koliko god puta želite. Ako je vaša animacija petlja, morate postaviti glazbu da se ponavlja beskonačno.
Korak 7. Dovršite projekt
Kad napokon završite s radom na projektu, spremite ga kao SWF datoteku. Ovo je format za reprodukciju filmova. Možete ga igrati u gotovo svakom web pregledniku ili upotrijebiti Flash player koji se koristi posebno za gledanje. Postoje i razne web stranice na koje ga možete postaviti kako bi ih drugi gledali, poput Newgrounds, Albino Blacksheep i Kongregate.
Korak 8. Dalje razvijajte svoj budući projekt
Ovaj vodič pokriva osnove stvaranja animacija, ali postoji još mnogo toga što možete naučiti i učiniti. Dodajte nekoliko gumba i granani zaplet i dobit ćete avanturističku igru po vlastitom izboru. Možete pohađati tečajeve rušenja u ActionScript -u i steći mnogo veću kontrolu nad finim detaljima svojih animacija. Nastavite eksperimentirati i uskoro ćete naučiti sve vrste trikova i njihovu primjenu.
