Pay particular attention to the instructions for this layer (Section 1 Layer). From it you can build the other three button layers and their motion guide layers that you will
need to complete this tutorial.
Create a new layer below the previous and name it Section 1.
Place a Blank Keyframe at Frames 3 and 22.
Select Frame 3 and place the Button symbol Circle 1 (or whatever
you've named your first button) in that Keyframe. In this case we will not
center the button. It needs to be off to the side. However, with the Use
Center Point option checked place the symbol instance at X:62.5, Y:0.
Open the Instance Properties dialog box, click on the Definition
tab and ensure that the Behavior is set to Button and Tracking
Options is set to Track as Menu Item. Close the Instance
Properties dialog box.
Place a Keyframe (F6) at Frames 6, 9, 12, 15, 18 and 21.
Select Frame 3. Open the Instance Properties dialog box, click on the "Color
Effect" tab, choose the "Alpha" Color effect and give it a
value of 0. Close the Instance Properties dialog box by pressing "OK".
Select Frame 6. With the Use Center Point option checked, Position
the symbol at X:0, Y:62.5.
Select Frame 9. With the Use Center Point option checked, Position
the symbol at X:-62.5, Y:0.
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
