110 Tutorial: Building Your First Flash Application
Add motion tweens
A
motion tween
is a type of animation in which an object moves from one
position to another. In this project, you will make the images of food
animate upward when the user clicks on a button, which you will add later.
To add the motion tweens:
1.
In the Timeline, select Frame 1 of Layer 1.
2.
In the Property inspector, select Motion from the Tween menu.
Frames 1 to 19 in Layer 1 become a motion tween. An arrow appears in
those frames in the Timeline.
3.
In the Property inspector, drag the slider next to the Ease text box until
the value in the text box is 100.
This number causes the tween to be eased at the end of the motion.
This means the motion starts suddenly and ends more slowly
4.
In the Timeline, select Frame 20 in Layer 1.
5.
In the Property inspector, select Motion from the Tween menu.
6.
Drag the Ease slider up until the Ease value is 100.
7.
Click the
slides_mc
movie clip instance on the Stage to select it.
ABO
U
T
...
About motion tweens
The
name
motion tween
comes from the fact that the animation includes motion,
and from the way that motion is created. The term
tween
is short for
in between
. You define motion-
tweened animations by defining starting and ending positions for the object being animated, and then
letting Flash calculate all of the in-between positions for the object. In this way, you can create smooth
motion animations simply by setting the start and end positions of the object you are animating.
AB
OUT
...
About easing animations
The default behavior of motion tweens is for the animation to proceed at the
same speed throughout its entire duration. Often however, this doesn’t look very good to the eye. Just as
a car doesn’t go from 0 to 50 mph instantly, your animations shouldn’t either. Easing an animation is the
same as accelerating a car slowly. The term
easing
comes from the idea that you ease a car into motion,
or ease it to a stop. By adding an easing value, you cause your motion tweens to begin or end more
gradually.
000_Getting_Started.book Page 110 Friday, September 2, 2005 12:22 PM
Summary of Contents for FLASH 8-GETTING STARTED WITH FLASH
Page 1: ...Getting Started with Flash...
Page 26: ...26 Introduction...
Page 94: ...94 Flash Basics...
Page 152: ...152 Index...
