creating animated banners in fireworks. setting up the canvas open fireworks and choose a canvas...
TRANSCRIPT
![Page 2: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/2.jpg)
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
![Page 3: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/3.jpg)
Non-animated parts
• Draw all the parts of your animated banner that DO NOT NEED animating (straight on the canvas
![Page 4: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/4.jpg)
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
![Page 5: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/5.jpg)
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
![Page 6: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/6.jpg)
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:
![Page 7: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/7.jpg)
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
![Page 8: 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](https://reader036.vdocuments.mx/reader036/viewer/2022062321/56649dd55503460f94acd6cf/html5/thumbnails/8.jpg)
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