Cum se creează și se testează animații în Fireworks CS5

Crearea imaginilor este un proces simplu în Adobe Fireworks Creative Suite 5. Crearea imaginilor pentru animații este, de asemenea, simplă, că imaginile sunt create din mai multe stări care se joacă unul după altul pentru a crea iluzia mișcării.

Creați o animație

Pentru a crea o imagine pentru animație, urmați acești pași:

1. Creați sau deschideți obiectul pe care doriți să îl animați.

   Pentru acest exemplu, creați un cerc cu instrumentul Ellipse.

2. Cu instrumentul Pointer, selectați cercul.

3. Alegeți fereastra → State.

   Se afișează panoul de stare, care enumeră un stat.

   

4. Din meniul panoului din colțul din dreapta sus, selectați Duplicate stare.

   Se afișează caseta de dialog Duplicat de stare.

5. Utilizați glisorul Număr pentru a adăuga trei stări noi.

6. În secțiunea Introduceți stări noi, selectați butonul radio După stare curentă și apoi faceți clic pe OK.

   Deoarece toate statele sunt identice, nu vedeți nicio schimbare. Obiectele sunt poziționate unul peste celălalt.

   

Utilizați jupuirea cepei pentru a obține un flux bun

Îndepărtarea cepei poate fi un ajutor imens când încerci să creezi un flux bun pentru o animație. Reglarea cuiburilor vă oferă posibilitatea de a edita starea selectată, dar vizualizați (într-o vedere clară) stările care apar înainte și după starea selectată.

Pentru a utiliza jupuirea cu ceapă într-o animație, urmați acești pași:

1. Selectați statul 2 rând în panoul de Stat.

2. Faceți clic pe butonul Ceiling Skinning din colțul din stânga jos al panoului.

   Apare o listă derulantă.

3. Selectați Afișați toate statele pentru a afișa o stare înainte și una după starea selectată.

Faceți mișcarea de animație

Crearea animației reale cu siguranță nu este știința rachetelor, dar trebuie să acordați atenție stării pe care o selectați înainte de a vă deplasa.

Pentru a pune animația în mișcare, urmați acești pași:

1. Selectați Statul 2 din panoul de Stat pentru a vizualiza cercul de stare 2.

2. Folosind instrumentul Pointer, glisați ușor cercul în sus și în dreapta.

3. Selectați Stare 3 pentru a vizualiza cercul de stare 3.

4. Trageți cercul de mai jos și în partea dreaptă a cercului de stare 2.

5. Selectați Starea 4 pentru a vizualiza cercul de stare 4.

6. Trageți cercul de deasupra și în partea dreaptă a cercului de stare 3.

   Ar trebui să vedeți un flux care - într-un mod primitiv - reprezintă o minge de bouncing.

   

Testați animația

Puteți testa o animație direct în tabloul de bord Fireworks sau pe web.

Testarea în focuri de artificii

Focurile de artificii oferă mai multe comenzi de redare în partea dreaptă a ferestrei artboard.Pentru a utiliza aceste controale pentru a testa o animație în Fireworks, urmați acești pași:

1. Faceți clic pe butonul Redare pentru a începe animația.

   Observați că butonul Redare se schimbă pe butonul Stop.

2. După ce ați jucat animația, faceți clic pe butonul Stop pentru a opri animația.

Testarea pe web

Funcția Preview in Browser vă oferă o imagine mai exactă a modului în care animația dvs. va apărea vizualizatorului. Această procedură este atât de ușoară încât nu sunt necesare pași: Selectați Fișier → Previzualizare în Browser și selectați browserul în care doriți să previzualizați animația.

Dacă animația nu funcționează în browserul dvs., asigurați-vă că ați selectat GIF ca format de fișier de export în panoul Optimizați în Fireworks.