Macromedia Fireworks Tutorials >> Menus, Buttons & Animations >> Text-Fade Animation

Fireworks: Text-Fade Animation

View the final animation here

Step 1: Getting Started

Create some Text. Begin by typing out some text on your new document.

Step 2: Creating the Aniation

1. Go up to Modify>Animate>Animate Selection.
2. This brings up the Animate dialog window. I want my text to fade to 0% Opacity and to fade from the top to the bottom.
3. These are the settings I used. Click OK to continue.

Step 3: Creating the Frames

1. Fireworks will pop up an alert window telling you that the animation extends beyond the current frames of your document.
2. Click OK to have Fireworks add the necessary frames for your animation.
3. You can also disable this from popping up again by clicking the checkbox in the bottom left hand corner.

Step 4: Modifying the Animation

This let's you view the selection handles for the animation. The green circle is the starting point of the animation and the red circle is the final point.

You can move either of the points to adjust the direction of the animation. If you wanted to make the text travel farther, for example, you could drag the red circle farther down towards the bottom of the document.

Step 5: Testing the Animation

1. You can test your animation by clicking the Play button at the bottom of your document.
2. Click Stop to stop the animation when you're satisfied with how it looks.

Step 6: View selected frames in the Frames Panel

1. Take a look at the Frames Panel (Window>Frames) and notice how Fireworks created the 18 frames for you.
2. Click on any of the frames to view that part of the animation.