Creating Fully Animated Button Symbols
Chapter 14
406
Figure 14.14 Placing an animated symbol in the Up
keyframe of a button symbol makes that animation
appear when the button is in the Up state. Here,
onion skinning in symbol-editing mode reveals all
the frames of a spinning-pentagon animation created
with a motion tween.
Figure 14.15 With an animated symbol in the Over
keyframe of a button, that animation appears when
the pointer rolls or rests over the button area. Here,
the Preview mode of the Timeline shows the frame-
by-frame animation of a pentagon shape that turns
into a star.
Creating Fully Animated
Button Symbols
e button symbols you created in the pre-
ceding tasks are animated in the sense that
they change as the user interacts with them.
Flash also lets you create button symbols
that are fully animated—a glowing light bulb,
for example, or a little ladybug that jumps
up and down, saying, “Click me!”  e trick
to making fully animated buttons is placing
movie clips in the keyframes of your button.
Because the movie clips play in their own
Timeline, animated buttons remain animated
even when you pause the main movie.
To animate a rollover button:
1.
Open a Flash document to which you
want to add buttons.
2.
Choose Insert > New Symbol.
e Create New Symbol dialog appears.
3.
Name your button (for example,
FullAnimBtn), choose Button in the
Type section, and click OK.
4.
In the Timeline, select the Over, Down,
and Hit frames of the button, and choose
Modify > Timeline > Convert to Blank
Keyframes.
Flash creates blank keyframes for the
buttons Over, Down, and Hit frames.
5.
In the Timeline, select the Up keyframe,
and place an instance of a movie-clip
symbol on the Stage. For this example,
the Up-keyframe clip contains a spinning
pentagon (Figure 14.14).
6.
In the Timeline, select the Over keyframe,
and place an instance of a movie-clip
symbol on the Stage.
In this example, the Over-keyframe clip
contains a pentagon that turns into a star
(Figure 14.15).
Creating Fully Animated Button Symbols
Building Buttons for Interactivity
407
7.
Repeat step 6 for the Down keyframe.
For this example, the Down-keyframe
clip contains a star tha