In this tutorial made for Flash 8 , you will see how to create advanced top flash menu using the Action Script.You can use this menu for any web site. In this tutorial, you will also learn:

1. How to design menu,
2. How to animate it,
3. How to apply action script code on it and more.



Step 1

Open a new Flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 220 pixels and the height to 200 pixels. Frame rate set to 60 fps (Frames per Second), and for background color set #FBFAE8. See the picture below.



Step 2

Take the Line Tool (N), go in the Property inspector, select #535653 for the color , set the line thickness to 1, choose Solid as line type and you may also check the Stroke hinting option, this will give you better and more smooth outlines.



Step 3

Then, draw a five "lines" that will represent menu. See the picture below.

 

Step 4

Take the Text Tool (T), go in the Property inspector below the scene, choose Static Text (see left part of the image below). Choose any font you like. For color choose #444644, size which you like, and type text for links. See the picture below.



Step 5

Choose the Selection tool (V), and select the first text in menu ("HOME"). After that press F8 key (or select Modify > Convert to Symbol ) to convert this text ("HOME") into a Movie Clip symbol.



Step 6

Then, go to the Properties Inspector, and you will see from the left side Instance name input field. Call this Movie Clip home_mc.



Step 7

Double-click on the movie clip on stage with the Selection tool (V), or choose right click and Edit in Place.



You should now be inside the movie clip.

Next:  Menu Animation

Have questions about this tutorial? Visit our friendly Community Forums!