To create simple animated gifs with macromedia Fireworks 4.0

Graphic animation can give movement and interactivity to the site. Learn how to do that in Fireworks.

In this tutorial you can learn how we made the tutorial animation seen below.

Step 1: Design the animation is the first step. Then decide on how you would like the animation to be placed each object in different frames. In this animation seen above,if you notice that, 1st one appears then the the 2nd and then the 3rd one. For that, place each image in a different frame. Here we uplaced 1st one in Frame 1, the next in Frame 2 and the next in Frame 3. To do this, you can go to Frames panel from Windows/Frames and insert your images on different frames. A screenshot of the same as shown below.

Then you can preview the animation by using the play button on the bottom left side of the Firwork's screen. You can give a suitable speed to your animation by double-clicking on the default value '35' near the frame name.

Step 3: Then go to Windows > select Optimize panel and choose Animated Gif from the drop down options. Then Export the animated gif by clicking File/Export. Then you can open the animated gif file in Internet Explorer and ceck out the results.