1. Fireworks Animation Lesson 1 Introduction KS3 COMPUTING KS3 Computing

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

3. 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)

4. Animations
What to animate?
Letters/words
Colours
Images

5. Demonstration
Watch your teacher

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

7. Step 1
Open Adobe Fireworks 1 2

8. Create a new Fireworks file
Step 2
Create a new Fireworks file

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

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

11. 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

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

13. 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

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

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

16. Four help sheets are on the next slides

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

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

19. 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

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

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

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