1 / 23

Slo ženiji elementi animacije

Slo ženiji elementi animacije. 3D grafika i animacija. Šta će se raditi?. Rad sa kadrovima u više slojeva Obrnut redosled kadrova Pretvaranje animacije u simbole Upotreba maski Kreiranje interaktivne dugmadi Kreiranje dugmadi Movie Clip.

tonya
Télécharger la présentation

Slo ženiji elementi animacije

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Složeniji elementi animacije 3D grafika i animacija

  2. Šta će se raditi? • Rad sa kadrovima u više slojeva • Obrnut redosled kadrova • Pretvaranje animacije u simbole • Upotreba maski • Kreiranje interaktivne dugmadi • Kreiranje dugmadi Movie Clip

  3. 1. Rad sa kadrovima u više slojevaobavlja se u svakom sloju posebno, a animacija ide zajedno. Pogledati film Animacija pokretom u više slojeva.swf Pogledati film Promena oblika u više slojeva.swf

  4. 2. Obrnut redosled kadrova • Napravi se željena animacija • Iskopiraju se svi frejmovi (markiraju se levim tasterom miša) • Izabere se naredni frejm i aktivira se komanda Paste Frames! • Markiraju se levim tasterom miša iskopirani frejmovi i aktivira se komanda Reverse Frames iz kontekstnog menija ili iz menija prikazanog na slici! Pogledati filmove Reverse Frames 01.swf i Reverse Frames 02.swf Modify > Timeline > Reverse Frames

  5. 3. Pretvaranje animacije u simbole 01 Markira se željena oblast u vremenskoj liniji koju treba pretvoriti u simbol, aktivira se komanda Copy Frames iz kontekstnog menija i pritiskom na Ctrl+F8 dolazi se do dijaloga na slici! Insert > New Symbol (Ctrl + F8)

  6. 3. Pretvaranje animacije u simbole 02 Zadaje se ime simbolu i unutar vremenske linije treba markirati frejm gde će se smestiti simbol. Nakon toga iz kontekstnog menija treba aktivirati komandu Paste Frames.

  7. 3. Pretvaranje animacije u simbole 03 Simbol se kreira i pojavljuje, a pritiskom na natpis Scene 1 korisnik se “vraća” u radni prostor. Na ovaj način je kreiran simbol koji će se vrteti u animaciji iako “zauzima” samo 1 frejm!!!! Pogledati film Pretvaranje animacije u simbol.swf

  8. 4. Rad sa maskama 01 Kreira se objekat na posebnom sloju koji će da se gleda kroz masku! Taj objekat se pretvara u GRAPHIC simbol!

  9. 4. Rad sa maskama 02 Kreira se objekat na posebnom sloju koji će da predstavlja masku kroz koju se gleda na prvi objekat! Taj objekat se pretvara u GRAPHIC simbol!

  10. 4. Rad sa maskama 03 Zadaje se animcija kretanjem maske! Tween: Motion

  11. 4. Rad sa maskama 04 U sloju sa prvim objektom (Osnovica) kreira se u poslednjem kadru kretanja maske kadar, kako bi se video prvi objekat sve vreme. Insert Frame

  12. 4. Rad sa maskama 05 Pogledati filmove Rad sa maskama 01.swf i Rad sa maskama 02.swf Aktivira se sloj sa maskom! Iz kontekstnog menija se aktivira komanda Mask! Pritiskom na Ctrl+Enter proveri se kako se animacija odvija!

  13. 5. Interaktivna dugmad 01 Kreira se objekat koji će predstavljati dugme! Iz kontekstnog menija bira se komanda Convert to Symbol i aktivira se opcija Button! Dva puta se pritisne levi taster miša i aktivira se meni za editovanje dugmadi!

  14. 5. Interaktivna dugmad 02 Inicijalno stanje je UP! Ako treba promeniti izgled dugmeta kada se prelazi mišem preko njega, markira se polje Over i iz kontekstnog menija se bira Insert Keyframe! Nakon toga menja se izgled (boje) dugmeta!

  15. 5. Interaktivna dugmad 03 Novo stanje je OVER! Ako treba promeniti izgled dugmeta kada se pritisne levim tasterom miša, markira se polje Down i iz kontekstnog menija se bira Insert Keyframe! Nakon toga menja se izgled (boje) dugmeta!

  16. 5. Interaktivna dugmad 04 Dva puta se pritisne levi taster miša i korisnik se vraća u scenu! To je prikazano na sledećem slajdu!

  17. 5. Interaktivna dugmad 05 Pritiskom na Ctrl+Enter proverava se animacija i kako se “ponaša” dugme! Vidi se na slajdu da je promenjen izgled dugmeta kada je kursor miša “prešao” preko njega! Pogledati film Promena boje dugmeta.swf

  18. 5. Interaktivna dugmad 06 Inicijalno stanje je UP! Ako treba promeniti oblik dugmeta kada se prelazi mišem preko njega, markira se polje Over i iz kontekstnog menija se bira Insert Blank Keyframe! Nakon toga menja se oblik dugmeta! Pogledati film Promena oblika dugmeta.swf

  19. 6. Dugmadtipa Movie Clip01 Startuje se komanda Insert > New Symbol (Ctrl+F8) i nacrta se objekat i aktivira se opcija Movie clip. Dva puta se pritisne levi taster miša i aktivira se meni za editovanje dugmadi!

  20. 6. Dugmadtipa Movie Clip02 Treba izabrati proizvoljan frejm u vremenskoj liniji i iz kontekstnog menija se bira Insert Keyframe! Nakon toga menja se izgled (boje) dugmeta!

  21. 6. Dugmadtipa Movie Clip03 Treba markirati prvi frejm sa izvornim izgledom dugmeta i iz kontekstnog menija treba izabrati Copy Frames. Treba otići na novi frejm i iz kontekstnog menija treba izabrati Paste Frames. Na ovaj način je “produženo” zadržavanje izgleda dugmeta na 10 kadrova!

  22. 6. Dugmadtipa Movie Clip04 Dva puta se pritisne levi taster miša i korisnik se vraća u scenu! Pritiskom na Ctrl+Enter proverava se animacija i kako se “ponaša” dugme! Sačuvati ovaj fajl pod nekim imenom! Pogledati film Dugme kao Movie Clip 01.swf Naziv fajla Dugme kao Movie Clip 01.fla

  23. U direktorijumu pod rednim brojem 11 postoji 10 (deset) filmova. Treba ih pogledati i treba odraditi te vežbe na sličan način kako je to i prikazano!

More Related