For this tutorial we'll just duplicate the above movie. It goes without saying but to be thorough... open Flash 4. Create a new movie 200 x 200, 15fps. We'll start by creating most of the symbols necessary to complete the project. To apply this menu technique in a real project you may have to go about creating pieces as you go.
Create a new button symbol and name it Center.
(This will serve to activate the menu.)
In the "Up" frame, create a circle 20 x 20, filled
and stroked with black and center it with the Use Center Point
option checked.
In the "Over" frame create a new Keyframe. Fill the circle with
a different color (I used green) and place a text label underneath. Label
this button Home.
In the Library palette duplicate the Center button symbol
4 times and rename each one differently. (I used Circle 1, Circle
2, etc.)
In each new button symbol change the circle shape fill color in the
"Up" frame as well as the fill color and the label name in the "Over"
frame. (I made each fill in the "Up" frame of each symbol different
to make it bluntly obvious which button I was dealing with.)
Go back to the Center button symbol and open the symbol
for editing.
Double-click the circle graphic in the "Up" frame. (Double-clicking
ensures you've selected the fill and outline of a shape.)
Jason Lampitt is an Interactive Developer for a major media development firm in Englewood, Colorado. He has a background in fine art as well as graphic design and has been developing multimedia titles for the past 6 years. Jason has a passion for bringing design to life through multimedia and helping
others to understand the sometimes complex and confusing world of
interactive development. In his spare time Jason is an active outdoorsman,
mountain biker and family man.
Tutorials Home
Tutorials » Interactivity/Navigation
Creating an Animated Hidden Menu System
