Home / Tutorials / Navigation / Menu that Swings In /

Flash Tutorials

Menu that Swings In - Step Three: Creating the Graphics

Posted by : PhilS on Jul 31, 2008

 

5.0/5

1. To avoid errors lock the Menu Bar Layer:

2. Click on the Insert Layer button:

3. Rename the new Layer to: Graphics

4. Place any graphics or text that you may want:

My Graphics Layer looks like this.

5. In Frame 10 of the Graphics Layer, right click and select: Insert Blank KeyFrame

Your Layers should look like this.

Note: This new Keyframe will contain the content of Menu item one. The new Keyframe does not need to be in Frame 10 but could be on the next unused Frame, which is Frame 2. I have selected to use Frame 10 so that Button 1 will match Frame 10 and Button 2 will match Frame 20 etc. An alterative would be to use Frame Labels (which I do not cover in this tutorial).

6. In Frame 10 place any graphics or text that you want to be visible when the first Button is clicked:

My Graphics Layer looks like this. I painted the word using the Brush Tool.

7. Repeat five times what you have just done with different graphics for frame 20, frame 30, frame 40 & frame 50.

My Graphics Layer and Timeline Keyframes.

8. To avoid errors lock the Graphics Layer:

no comment

Add comment

Please login to post comments.