Creating animated banners in Fireworks

Download Report

Transcript 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