Creating animated banners in Fireworks

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