Thursday, 17 July 2008

Basic navigation menu

In this tutorial you will learn how to create a basic navigation menu in Flash. The basic navigation menu is created in two parts. The first part involves creating the buttons, and the second part involves adding Actionsript code to the buttons. Some knowledge of basic buttons are needed for this tutorial. I have created this navigation menu in Actionscript 2.0.


Basic navigation menu

Step 1 (Creating buttons)

Open a new Flash document with the height and width at 200px. Select the Rectangle Tool (R) and drag a rectangle shape on the stage. You can choose whatever fill colour you wish.


Step 2

Now select and copy your rectangle shape and paste as many menu items as you need. I have used four menu items. To copy your rectangle you select: Edit > Select All and then you select Edit > Copy to copy your rectangle shape. And finally you paste as many rectangle as you need by selecting Edit > Paste.

You stage should look similar like below:




Step 3

Select the Text tool (T) with static text and type the names of your menu items inside the boxes. I have used Franklin Gothic Medium Cond font type with 13 font size, but you can use whatever font types you wish.



Convert each for menu items into symbols by pressing F8. Give your symbol an appropriate name, check button and click ok.

I adjusted each of my button’s overstates with a different colour shade and move the text slightly to the right. This will create a small effect when the mouse is over the button. Have a look at the basic buttons tutorial for more information.




Step 4 (Adding actions)

To add actions to your buttons you right click on your button and select Actions from the drop down menu. And then enter the following code for each button:

on (release) {
getURL("http://www.ilike2flash.com","_blank");
}


** This opens the above webpage in a new window. If you want to open the webpage in the same window use: getURL("http://www.youraddress.com","_self");


Step 5

Test your movie clip Ctrl + enter. Move your mouse over the menu items and select the menu items.



You should now have a basic navigation menu.

2 comments:

jozef 11 December 2008 at 07:15  

Hi but when i import this to dreamweaver the as .swf they dont open any web site what to doo? im amater in this can you help me?

iliketo 11 December 2008 at 11:09  

@Jozef, firstly make sure you have the newer version of Flash player and also try only importing the swf file into Dreamweaver.

  COPYRIGHT © 2014 · ILIKE2FLASH · Theme by Ourblogtemplates

Back to TOP