1. Creeaza un nou document din meniul principal File/New (Ctrl + N)
2. Insereaza imaginea in zona de lucru (Stage), din meniul File/Import/Import to Stage sau prin apasarea tastelor Ctrl+R
3. Pentru a lucra cu imaginea inserata, aceasta trebuie transformata mai intai intr-un symbol de tip Movie Clip, prin apasarea tastei F8. Urmare a acestui fapt, vom avea pe Stage o instanta a noul-lui Movie Clip creat, caruia ii atasam un nume, in acest caz “photos”, pentru a putea folosi acest obiect in viitoarele scripturi.
4. De mentionat este faptul ca partea de inceput si partea de sfarsit a fotografiei trebuie sa fie identice, altfel spus, prin unirea a doua instante a aceleiasi poze trebuie sa existe continuitate. Considerand indeplinita afirmatia anterioara, intram in obiecul “photos” din Stage prin dubluclick, unde duplicam imaginea atasand-o la sfarsitul celei originale.
5. In zona de desfasurare a Scenei de lucru (Timeline), extindem numarul de cadre (frames) de la 1 la 50, dupa care ne pozitionam pe primul frame.
6. Selectam cele doua fotografii dupa care prin apasarea tastei F8 le transformam intr-un nou obiect de tip Movie Clip, atribuindu-i numele “double_photo”.
7. Pentru crearea animatiei de deplasare stanga | dreapta.a imaginilor, inseram pe frame-ul 50 o noua instanta (tasta F6) (keyframe), pozitionand totodata imaginile ca in figura urmatoare. (punctual de start al celei de a doua imagini, trebuie sa corespunda cu punctul de start (punctual de 0,0px) al obiectului “photos”).
8. In interiorul intervalului de frame-uri 1-50, selectam ca si metoda de animatie: “Motion Tween”, din meniul rezultat prin click dreapta al mouse-ului.
9. Odata creata animatia de baza, revenim in Root, unde creem un nou layer (Layer 2), pe care-l putem numi sugestiv “Actions”. Aici, pe primul frame, introducem codul ActionScript, responsabil de interactiunea mouse – imagine.
frame = 1;
_root.onEnterFrame = function(){
total = photos._totalframes;
if (_root._xmouse > 260) {
step = 1;
}
else if (_root._xmouse < 240) {
step = -1;
}
else {
step = 0;
}
frame = frame + step;
if (frame > total) {
frame = 1;
}
else if (frame < 1) {
frame = total;
}
_root.photos.gotoAndStop(frame);
}
Numarul 260 din linia “if (_root._xmouse > 260) {” depinde de latimea zonei de lucru (Stage width), si trebuie sa fie cu 240 de unitati mai mic decat aceasta.
10. Pentru a vedea rezultatul final apasam Ctrl + Enter
|
5907 afisari |
20 min
|
Incepator
