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

Advanced drop down flash menu

29.9.2007, 3:40    Total views: 113648
Page:  1  2  3

In this thoroughly explained, detailed lesson, I will teach you how to make advanced drop down flash menu in flash using the action script code and some special flash tricks. You will also learn the following Flash techniques:

1. How to design drop down flash menu,
2. How to change the color of your drop down menu,
3. How to create the invisible button,
4. How to use Reverse effect,
5. How to apply action script code on menu, using the action script panel and much more!



Step 1

Open a new Flash document by selecting File > New > Flash Document.



Step 2


Select Modify > Document . Set the dimensions of your Flash movie to 250 by 250 pixels and set the speed (frame rate) to 28 fps. Select white as background color Click OK.



Step 3

Take the Rectangle Tool (R). Go over to the Colors part of the Tools panel and disable the stroke color. Select the stroke color, click the No color icon and then select #161616 color for the fill. See the picture below.



After that, click on Set corner radius icon and for corner radius set 4 points. See the picture below.





Then, draw a rectangle and make its dimensions 80 x 30 pixels . You can do this by drawing any kind of rectangle, selecting it with the Selection tool (V) and then entering its dimensions in the appropriate fields in the Property inspector.





Step 4

While the rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol. Call this Movie Clip whatever you like. I have called my "Menu". See the picture below.



Step 5

Double-click on the movie clip on stage with the Selection tool(V).You should now be inside the Movie Clip.



Step 6

While the rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a button. See the picture below.



Step 7

After that, double click on layer 1 to rename its name in button.

Step 8

Then, click on frame 2 of layer button and press F6 key. It's time to create three other buttons, which will represent our drop down menu.

Step 9

Take again the Rectangle Tool (R). Go over to the Colors part of the Tools panel and disable the stroke color. Select the stroke color, click the No color icon and then select #ED1C24 color for the fill.

Step 10

Then, draw a rectangle over the first rectangle. See the picture below.



Step 11

While the new made rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a button.



Step 12

Double-click on the new made button on stage with the Selection tool(V).You should now be inside the button. See the picture below.



Step 13

Right-click on the Over state and select Insert KeyFrame.





Step 14

After that, while the rectangle is still selected, press again F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol.



Step 15

Double-click on the Movie Clip on stage with the Selection tool(V).You should now be inside the Movie Clip. See the picture below.



Step 16

While the rectangle is still selected, press again F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol again.

Next:  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: 310977

2. High-tech city animation
Total views: 274205

3. Water effect
Total views: 237451

4. Photo slide show
Total views: 221126

5. Special Picture Effect
Total views: 190885



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF