Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Top Flash Menu

19.12.2006, 18:59    Total views: 81614
Page:  1  2  3
In this thoroughly explained, detailed lesson, you will see how to create advanced top flash menu using the Action Script code.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!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221536

2. Water effect
Total views: 166041

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links