Skapa och testa animeringar i fyrverkerier CS5 - dummies

Skapa bilder är en enkel process i Adobe Fireworks Creative Suite 5. Att skapa bilder för animeringar är också enkelt men lite annorlunda i att bilderna skapas från flera stater som spelar varandra efter varandra för att skapa en illusion av rörelse.

Skapa en animering

För att skapa en bild för animering, följ dessa steg:

1. Skapa eller öppna objektet du vill animera.

   För detta exempel, skapa en cirkel med Ellipse-verktyget.

2. Markera cirkeln med pekverktyget.

3. Välj Fönster → Stater.

   State-panelen visas och listar ett tillstånd.

   

4. Välj dupliceringsstatus på paneldynen i övre högra hörnet.

   Dialogrutan Dupliceringsstatus visas.

5. Använd reglaget Nummer för att lägga till tre nya stater.

6. I avsnittet Infoga nya stater väljer du alternativknappen Efter aktuell stat och klickar sedan på OK.

   Eftersom alla stater är identiska ser du ingen förändring. Objekten är placerade ovanpå varandra.

   

Använd lökskinnning för att få ett gott flöde

Lökskinnning kan vara en stor hjälp när du försöker skapa ett bra flöde för en animering. Lökskinnning ger dig möjlighet att redigera det valda tillståndet men visa (i en nedtonad vy) de stater som kommer före och efter det valda tillståndet.

Om du vill använda lökskallning i en animering följer du dessa steg:

1. Välj statstangenten 2 i panelpanelen.

2. Klicka på knappen Onion Skinning i nedre vänstra hörnet av panelen.

   En rullgardinslista visas.

3. Välj Visa alla stater för att visa ett tillstånd före och en efter det valda läget.

Gör animationen rörlig

Skapa den verkliga animationen är verkligen ingen raketvetenskap, men du måste uppmärksamma det tillstånd du väljer innan du gör ditt drag.

Följ anvisningarna nedan för att aktivera animationen:

1. Välj stat 2 i panelpanelen för att visa tillstånd 2-cirkeln.

2. Med pekverktyget drar du cirkeln något upp och till höger.

3. Välj stat 3 för att visa tillstånd 3-cirkeln.

4. Dra cirkeln nedan och till höger om tillståndet 2 cirkeln.

5. Välj stat 4 för att visa tillstånd 4-cirkeln.

6. Dra cirkeln ovan och till höger om staten 3 cirkeln.

   Du bör se ett flöde som - på ett primitivt sätt - representerar en studsande boll.

   

Testa animeringen

Du kan testa en animering direkt i Fireworks-tavlan eller på webben.

Test i fyrverkerier

Fyrverkerier ger flera uppspelningskontroller på höger sida av fönstret.För att använda dessa kontroller för att testa en animering i Fireworks, följ dessa steg:

1. Klicka på Play-knappen för att starta animeringen.

   Observera att Play-knappen ändras till Stop-knappen.

2. Efter att ha spelat animationen, klicka på Stop-knappen för att stoppa animeringen.

Test på webben

Funktionen Förhandsgranskning i webbläsare ger dig en mer exakt uppfattning om hur din animation kommer att visas för tittaren. Det här förfarandet är så enkelt att inga steg är nödvändiga: Välj Arkiv → Förhandsgranska i webbläsare och välj den webbläsare där du vill förhandsgranska animationen.

Om animationen inte fungerar i din webbläsare, se till att du har GIF vald som Exportera filformat i panelen Optimera i Fireworks.