Creating animated banners in Fireworks

Setting up the canvas

• Open Fireworks and choose a canvas size big enough to fit the animated banner you are going to create

• You will probably be going quite far across the page so choose greater width

Non-animated parts

• Draw all the parts of your animated banner that DO NOT NEED animating (straight on the canvas

Animated parts

• Select Edit, Insert, New Symbol• Select Animation as the symbol Type

• Name the animation• Draw or copy/paste the image you want to

animate around the cross in the centre of the page and edit it so it looks how you want it to

• Click

Animating

• Select Modify, Animation, Settings• Choose what you want to do with the

animation from the Animate pop up menu that appears

• Click OK

• If a message appears regarding frames just click OK again

Animating (continued)

• You can then play your animation to see it working by pressing the play button

• The Frames of the animation can be seen here:

Animating (continued)

• You may want to make adjustments to the animation path. Click and drag the red dot

• Any non-animated parts only appear on the first frame. Copy and paste them to the other frames if you want them on those frames also

• Play the animation again to test it works

Saving your animated banner

• You need to save your animated banner as a Fireworks file

• You also need to save the animation as an animated gif. Type .gif after the name of the file