Fireworks Animation Lesson 1 Introduction KS3 COMPUTING KS3 Computing

Lesson Aims 1 Understand the basics of Adobe Fireworks 2 Understand how to create a simple animated web banner using Fireworks

You are going to create an animated banner using Adobe Fireworks Introduction You are going to create an animated banner using Adobe Fireworks You are going to use frame-by-frame animation This means changing a little bit of the animation each frame (state)

Animations What to animate? Letters/words Colours Images

Demonstration Watch your teacher

Guide This guide can be found at: Start / Computer / ICT / Mr Lyon / Animation / Guide

Step 1 Open Adobe Fireworks 1 2

Create a new Fireworks file Step 2 Create a new Fireworks file

Choose the canvas size and colour Step 3 Choose the canvas size and colour

Change the view to expanded mode Step 4 Change the view to expanded mode

Step 5 Create your border 1 3 2 Hold down the shape tool and select ‘Rounded rectangle’ 3 Drag your cursor to create the border Border colour Fill colour Line thickness 2 Select your border properties

Step 6 Add your first letter 1 2 Select the text tool Select your font properties Size Font Colour

Speed up or slow down your animation Step 7 Speed up or slow down your animation 1 is fast, 100 is slow Double click on this number to change the speed of each frame

Create your second state Step 8 Create your second state Click here to make a copy of your state

Continue adding states until your animation is finished Step 9 Continue adding states until your animation is finished

Four help sheets are on the next slides

Help Sheet 1 Viewing mode Open files Toolbar States Canvas Play/stop Zoom Properties

Help Sheet 2 Select Rotate Crop Brush Pencil Rubber Line Pen Shapes Text Fill Fill colour

Help Sheet 3 State number Time (1 is fast, 100 is slow) Add blank state Duplicate (make a copy) of selected state Delete selected state

Help Sheet 4 Font Font size Font colour Bold, italic & underline Left, centre, right justified

Task 1 First Banner: Your name Use the teachers demonstration banner to help you

Task 2 Second Banner: You are going to create one of the following web banners A School Subject Food Sport Music Hobby Family Film