This next lesson is a basic introduction
to creating both buttons and simple animations. Were going
to create a simple button and then animate the button to demonstrate
that not only graphics can be animated in Flash. This could also
be used as a Flash banner tutorial for creating animated banners.
Here's a preview of the final, animated banner in Flash 5:
Step 1: Creating the button
a graphic or type out some text that you'd like to be your button.
it and convert it to a button by clicking F8
and choosing Button.
Step 2: Applying the Actions to the button
the Actions Panel
the following Actions
to the button:
What we're telling the button to do is
to stop playing when the button is
rolled over. When the cursor rolls off the button, we're telling
it to begin playing again. And, since
we promised a prize if the viewer caught the mouse, we included
an excellent prize: A first class link back to our site:-)
Step 3: Creating the button animation
your mouse button to the far left of your stage at Frame
by clicking at Frame 41
on the Mouse Layer
and dragging down to the BG Layer.
This selects the frames for both layers.
the frames by clicking F5.
create a keyframe at Frame 20.
the mouse to the right side of the stage at Frame
a new keyframe at Frame 21.
the mouse horizontally by selecting the mouse and going up to
a new keyframe at Frame 41.
the mouse back to the left side of the stage.
the first Motion Tween
by clicking in the timeline
anywhere between Frames 1
and in the Frame Panel,
the second Tween by clicking anywhere in the timeline between
and in the Frame Panel,
Step 8: Testing your movie
to test your movie
We've added 4 New Movies to our
Flash 5 source files cd! These include detailed videos on:
1. Tell Target/With
2. Dynamic Text 1
3. Dynamic Text 2
4. Animated Fly Out menu Part 2
About the CDROM:
These movies are the SAME content found in our Flash 5 tutorials, but
the quality is clearly better than the streaming, web-compressed format
we have online with Frame Rates up to 20 TIMES FASTER and CD-ROM quality
Flash®, Fireworks™, and Dreamweaver® are registered trademarks
of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered
trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark