Home » Resurse Web Design » Animare banner in Flash

 
 
 

Animare banner in Flash

1. Inainte sa incepi, fii sigur ca ai 2 imagini care sa fie de dimensiunile 250px x 250px (facute in Photoshop).
2. Faceti click pe File – Meniu si selectati Template din pagina. Aceasta va avea sectiuni cu dimensiuni preselectate. Selectati 250×250 din lista.
3. Schimba proprietatile filmului pe care il veti crea in scena la 24fps (puteti gasi aceasta optiune in partea de jos la proprietati).
4. Click pe File-Import to Library si selectati cele 2 imagini care le-ati creat.

flash1-500

5. Pe primul keyframe din Layer 1 trageti prima imagine pe scena.
6. Faceti click pe Modify-Convert to Symbol. Redenumiti simbolul in image1 si selectati tipul Graphic.

flash2-500

7. Dupa aceea faceti click dreapta pe frame-ul 10 si selectati insert keyframe.
8. Faceti la fel pentru frame-urile 30 si 40.
9. Selectati frame 1, apoi faceti click pe imaginea din scena. Dupa ce veti face aceasta veti vedea o proprietate in bara de proprietati care se numeste Colour. Daca faceti click pe aceasta veti observa o selectie numita Alpha. Selectati-o si coborati Alpha la 0%.

flash3-500

Aceasta inseamna ca filmul va incepe, acesta va porni cu o imagine invizibila. La frame-ul 10, va aparea imaginea, si va sta pe scena pana ii vom spune sa dispara.
La Frame-ul 30 vreau sa inceapa sa dispara, iar la frame-ul 40 vreau sa dipara de tot. Pentru a face aceasta, selectati frame-ul 40 apoi faceti click pe imaginea din scena. Faceti acelasi lucru ca la frame 1, setati alpha la 0%. Asa ca, acum vom avea.

Frame 1: Grafica la 0% opacitate
Frame 10: Grafica la 100% opacitate
Frame 30: Grafica la 100% opacitate
Frame 40: Grafica la 0% opacitate

10. De indata ce ati setat aceste lucruri, right click intre frame-urile 1 si 10 apoi selectati Motion Tween. Faceti acelasi lucru intre Frame-urile 30 si 40.

Foarte bine, acum aveti o animatie care apare si dispare.

Acum: Daca doresti sa adaugi urmatoarea imagine:
Click dreapta pe Frame 41, apoi selectati Insert Blank Keyframe. Indata ce este finalizat, repeta pasii 5-10 mergand inainte in timeline.
Succes!

Eticheta:

Comentariile sunt inchise

Ne pare rau, dar nu poti lasa un comentariu pentru acest post.

Resurse web design