description:In
this tutorial you will learn how to make an animated button using
a movie clip.
Files:The animated_button.fla
file is in the fla_files folder.
step 1:We
want the button to animate when the cursor is over the button so select
the appropriate keyframe, make sure the entire shape is selected, and
Insert > Convert to Symbol (F8). Set the Behavior to Movie Clip and give
the symbol a name.(Figure
A)
A
step 2:Double-Click on
the instance to edit it and notice that we are editing the object in
the Button Anim movie clip. We will animate it using a motion tween.
The first step,
as you well know, is to Insert > Convert to Symbol. Select Graphic as
the Behavior, give the symbol a name, and set up a short animation as
shown. (Figure
B)
B
step 3:Select the middle
keyframe, Command-T to bring up the Transform Panel (or Window > Transform
if you're so inclined), and enlarge the size slightly to give the button
a throbbing appearance when activated. (Figure
C)
C
step 4:Return to the main
timeline (you can click directly on Scene 1). (Figure
D)
D
step 5:Command-Return to
test your new and improved animated button. (Figure
E)
E
step 6:Remember that you
can use as many instances of a button as you like. Reposition your button
instance and Window > Library (Command-L) to access the symbols. Drag
a few more on the stage and reposition to suit your tastes. (Figure
F)
F
step 7:Now I'll be the
first to say that these aren't the most beautiful buttons in the world (Figure
G) but these same steps can be used to make
much better examples. The possibilities are endless!
G
step 8:Command-Return to
see and hear your results. (Figure
H)
H
step 9:Okay, so we've got
some buttons. Not too much good without a clue or two as to what they
do, eh? How 'bout we try Adding
Text to Buttons.
