How to Create an Animation in Adobe Fireworks

Step-by-Step Guide

1. 1

   Step 1: Open up Adobe Fireworks and click “create new FireWorks document (PNG)”;

   (FRAMES tab for older version) ,(“New/ Duplicate frame” for older version) ,(FRAME 1 for older version) ,,, (FRAME 2 for older version) ,,,, This is a very simple example just to let you understand the concept of creating animations in Fireworks.
   
   Now get creative and create anything your mind can think of!
2. 2

   Step 2: For this example lets make the canvas size 300 pixels by 250 pixels and the canvas color white.

3. 3

   Step 3: Click the "OK" button.

4. 4

   Step 4: Open the "STATES" tab on the right side window.

5. 5

   Step 5: At the bottom of that tab click “New/ Duplicate State” button.

6. 6

   Step 6: Under "STATES" tab click on State 1.

7. 7

   Step 7: For this example place a simple circle in State 1.

8. 8

   Step 8: Select the circle and copy it.

9. 9

   Step 9: Under "STATES" tab click on State 2.

10. 10

    Step 10: Paste the circle you copied from State 1 and paste it onto State 2.

11. 11

    Step 11: Move the circle to a different location on the canvas.

12. 12

    Step 12: Under the canvas click on the white play/pause button and view what you have created.

13. 13

    Step 13: You have now created a short two frame animation.

Detailed Guide

About the Author