BAZA ZNANJA

Kurs: Adobe Flash

Modul: Animacija

Autor: Msc. Olivera Petrović

Naziv jedinice: Uvod u animaciju

Otvorite novi projekat u Flash-u, veličine 800 x 600 px. Nacrtajte pravougaonik, koji ćete popuniti nekom bojom ili slikom. Taj pravougaonik ce biti pozadina animacije, zbog čega je poželjno da se zaključa.

1. Zaključajte lejer pozadina, da se ne bi desilo da ga slučajno promenite dok radite sa drugim lejerima.

2. Izaberite Insert > Timeline > Layer, da biste dodali lejer za pahulje.

3. Poželjno je uvek da dodeljujete imena svim lejerima.

4. Izaberite alatku Oval, koja je u grupi sa Pravougaonom alatkom (Rectangle).

5. Dok crtate krug (pahulju) pritisnite Shift, da biste nacrtali poptuno simetrični krug.

6. Za crtanje pahulje izaberite No Color za ivicu kruga, a za površinu kruga izaberite belu boju. Alatka Object Drawing ne treba da bude selektovana.

Da biste promenili veličinu kruga, izaberite alatku Free Transform. Osim ove alatke, za preciznije crtanje koristite Property Inspector panel u kome možete uneti tačne dimenzije objekata.

Kreiranje jednostavne animacije

Za jednostavnije animacije (frame by frame) se koristi opcija motion tween. Objekat koji ste nacrtali treba konvertovati u simbol, a zatim kopirati lejer pahulja.

Simbol

Simbol može biti grafika, dugme ili movie fajl, koje ste kreirali u Flash-u. Simbole možete koristiti i više puta. Pošto ste konvertovali krug u simbol, možete kreirati animaciju.

1. Sa alatkom Selection, selektujte krug.

2. Izaberite Modify > Convert To Symbol ili desni klik miša pa Convert To Symbol.

3. Dodelite ime simbolu, a za tip simbola izaberite Graphic. Kliknite OK.

Motion Tween

Za animaciju, potrebno je da odredite početnu poziciju i veličinu objekta u prvom frejmu, a zatim, poziciju i veličinu objekta u poslednjem frejmu animacije. Trajanje animacija pojedinih objekata ne traju koliko i ceo projekat.

1. Izaberite pahulju, koju ste nacrtali i pozicionirajte je iznad Vaše animacije.
 

2. Izaberite frejm 35 u lejeru Pahulja. Pritisnite F6, ili desni klik mišem dabi ste dodali keyframe.

3. Na sceni selektujte pahulju.
 

4. U Property Inspector panelu, dodelite vrednosti za veličinu i poziciju objekta.
 

5. Pozicionirajte se na neki od frejmova između 1 i 35, na lejeru Pahulja.
 

6. U Property Inspector panelu, u Tween meniju izaberite Motion.

7. Da biste pogledali animaciju, izaberite Control > Test Movie.

Da bi animacija bila potpuna, potrebno je napraviti više pahulja, tj. kopirati lejer Pahulja, da ne biste ponovo crtali sve. Jedino što je potrebno je da promenite početnu i krajnju poziciju svim ostalim lejerima.

1. Kliknite na ikonu Insert Layer, onoliko puta koliko Vam je novih lejera potrebno za pahulje.
 

2. Dodelite imena svim lejerima. (PAHULJA 2, PAHULJA 3...)
 

3. U Timeline panelu, kliknite na prvi frejm lejera PAHULJA1, držite taster Shift, zatim kliknite na frejm 35. Na ovaj način selektovali ste frejmove od 1 do 35.

4. Pritisnite Alt taster dok prevlačite lejer Pahulja na jedan od novih lejera. Prvi frejm svakog lejera treba postaviti na različito mesto na Timeline skali.

5. Izaberite poslednji keyframe u lejeru, zatim na sceni pomerite pahulju na željenu poziciju.
 

6. Ponovite proces promene početne i krajnje pozicije lejera, kao i opciju Tween - Motion, za sve lejere pahulja.

7. Vaša animacija bi sada trebalo da prikazuje pahulje koje se kreću različitim putanjama i u različito vreme.
 

8. Da biste pogledali animaciju kliknite na Control > Test Movie.

Rad sa linijama

Za rad sa linijama koristi se alat Line, koji crta prave linije. Linije možete kombinovati i tako dobiti novi objekat.

1. U Timeline panelu, pored postojećih lejera, dodajte još jedan lejer. Kliknite na prvi gornji lejer, zatim kliknite na Insert > Timeline > Layer.
 

2. Novom lejeru dodelite ime.
 

3. Izaberite prvi frejm novog lejera.
 

4. Izaberite alatku Line, i Object Drawing mode. Dok crtate liniju pritisnite Shift, da bi linija bila prava.

5. Izaberite Edit > Copy, da biste kopirali liniju koju ste nacrtali.
 

6. Izaberite Edit > Paste In Place, da bi se linija kopirala na istu poziciju.

7. Pošto ste iskopirali liniju, kliknite na Modify > Transform > Rotate 90^o CCW, da biste rotirali drugu liniju tako da bude normalna na prvu.

8. Izaberite alatku Selection.
 

9. Držite taster Shift i selektujte obe linije.
 

10. Izaberite Edit > Copy, da biste ih kopirali.
 

11. Izaberite Edit > Paste in place.
 

12. Izaberite Modify > Transform > Scale and Rotate.

13. Ukucajte 45 u polje Rotate i kliknite OK.

Upravljanje objektima

Objekte možete kombinovati, bez obzira da li ste ih nacrtali ili kopirali. Kombinovane objekte možete dalje kopirati, premeštati i menjati. Sve objekte neophodno je pre svega grupisati.

Dok pomerate objekte na sceni pojavljuju se pomoćne linije (guides) koje pomažu prilikom poravnavanja objekata.

Ukoliko ne želite da Flash automatski poravna objekte, opcije Snap To Guides i Snap To Objects možete isključiti.

Da biste kopirali ceo objekat koji je kreiran, morate ga prvo selektovati, a zatim grupisati.

Pomoću alata Selection, selektujte ceo objekat.

Izaberite Modify > Group.

Pritisnite Alt i prevucite grupu objekata na drugo mesto. Pomoću tastera Alt, objekat se kopira dok ga pomerate.

Sada možete kreirati jednostavnu animaciju u kojoj će objekti menjati položaj.

1. U Timeline panelu izaberite frejm 5 u lejeru zvezde.
 

2. Izaberite Insert > Timeline > Keyframe.
 

3. Kreirajte keyframe na svakom petom frejmu u lejeru Zvezde.

4. Kliknite na keyframe na petom frejmu i ispremeštajte zvezde.
 

5. Ponovite postupak premeštanja za svaki keyframe.