Add motion tweens 229
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_ExploringStudio.book Page 229 Tuesday, August 30, 2005 9:30 AM
Summary of Contents for STUDIO 8-EXPLORING STUDIO 8
Page 1: ...Exploring Studio 8...
Page 8: ......
Page 42: ...42 Learning Studio...
Page 134: ...134 Web Development Workflow...
Page 136: ......
Page 162: ...162 Tutorial Creating Page Mock ups...
Page 182: ......
Page 194: ...194 Tutorial Handling Photographs...
Page 254: ...254 Tutorial Building Your First Flash Application...
Page 266: ...266 Tutorial Building a Video Player Flash Professional only...
Page 268: ......
Page 294: ...294 Tutorial Adding Content to Pages...
Page 324: ...324 Tutorial Formatting Your Page with CSS...
Page 332: ...332 Tutorial Publishing Your Site...
Page 342: ...342 Tutorial Setting Up Your Website for Contribute Users...
Page 350: ...350 Index...
