INTRODUCTION
HINT
Right-click frame 20 in Level 2 of the timeline.
Select Insert Keyframe.
Right-click frame 20 in Level 1 of the timeline.
Select Insert Keyframe.
178
PART 8
TIP
18
18
19
19
2 0
2 0
2 1
2 1
What’s a Keyframe?
A keyframe is a frame on which you specify that something should
happen. For example, we’re setting frame 20 as a keyframe. We can then
specify that the rock (which starts out at the top of the hill in frame 1)
should be at the bottom of the hill in that keyframe. Flash then does the
work to animate the rock between keyframes so everything appears to
move smoothly.
Right-
click
18
18
Click
19
19
Right-
click
2 0
2 0
Click
2 1
2 1
HINT
TIP
TIP
Moving Objects
You can move as many objects
as you like in a single
keyframe. You can also stagger
keyframes. For example, we
could have created a second
rock and specified that it should
be at the bottom on frame 15.
179
Click the Selection tool.
Click the stage to deselect all objects.
Drag the rock to the bottom of the hill.
2 2
2 2
2 3
2 3
2 4
2 4
See
next
page
Click
2 2
2 2
Click
2 3
2 3
Drop
Drag
2 4
2 4
HINT
INTRODUCTION
Right-click frame 1 in Level 2 of the timeline.
Select Create Motion Tween.
Select Modify, Document.
180
PART 8
TIP
What’s a Tween?
Tweening is a term from tradi-
tional animation. It refers to the
process of creating the frames
between keyframes so every-
thing appears to be moving (or
changing) smoothly.
2 5
2 5
2 6
2 6
2 7
2 7
Right-
click
2 5
2 5
Click
2 6
2 6
Click
2 7
2 7
HINT
181
Set the Frame Rate to 5 fps.
Click OK.
Select Control, Play.
HINT
TIP
Watch Your Speed
The more frames per second you use, the smoother your animation will
look. However, there’s a limit to how fast you should go because not all
computers are created equal. If you set your image to use, say, 60 fps, it
might look great on your computer, but 1 second takes 60 images. A user’s
machine might take 4 or 5 seconds for this same animation.
2 8
2 8
2 9
2 9
30
30
See
next
page
Click
2 8
2 8
Click
2 9
2 9
Click
30
30
HINT
INTRODUCTION
Watch the rock roll down the hill.
Select File, Save to save the movie.
182
PART 8
TIP
More Than Just Simple
Animation
You can also add sound and
interactivity to your Flash
movies. Just be sure it’s actually
warranted!
31
31
32
32
31
31
Click
32
32
Get Easy HTML for eBay now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
