Flash Tutorials Photoshop Tutorials Flash Games Flash Game Design
Advanced Flash Website  
Creating the Buttons
Step 27.
In part 3 we're going to be creatig the buttons for the drop down menu, but first make a new layer called 'bar'. Import (File > Import > Import to Stage) the bar graphic onto the new layer, placing at the positions shown below,
Enlarge
 
Step 28.
Now we're going to create a button, that will be used to activate the drop down menu. So, create a layer called 'main button'. Use the rectangle tool to create a dark grey (#898989) rectangle, and use the selection tool to cut off the bottom.
 
Step 29.
Convert the rectangle into an button symbol called 'mainButton'
 
Step 30.
Go into the 'mainButton,' create a key frame at the over state, and then increate the darkness of the rectangle.
Step 31.
Create a new layer called text, and then add some text for the main button.
Step 32.
Next we're going to make the drop down menu sub buttons, which we'll later write the actionscript to attach them dynamically. For the moment we'll create the sub buttons temporarily on the stage, so create a new layer, and then create a rectangle. The outline is grey (#CCCCCC) and the fill is white.
Step 33.
Convert the rectangle to an MC called subButton, giving it an identifier of the same name,
Step 34.
Go into the subButton MC and create a key frame on frame 2. Change the color of the fill color to something you'd like as the sub button is rolled over. I've used a peach color (#F1E3DE)
Step 35.
Next add the text on a new layer, using the setting shown below. It's important to make it 'dynamic' so that it has the ability to change while the SWF file is being viewed. We also need to give it a var (txt) so that the name of the button can be assigned dynamically.
Go back the the 'main' MC and delete the subButton MC from the stage and then go to Advanced Flash Site - 4) Creating the Menu With Actionscript
Part: 1 | 2 | 3 | 4 | 5 | 6
 
More Flash Tutorials
 
 
   
     
     
 
Navigation
Flash Tutorials
Photoshop Tutorials
Flash Games
War Games
 
 
 
 
 
 
 
Top Flash
Create a Spot the Difference Game
Create a Shooter Game
Flash Gallery Tutorial
Flash Website Tutorial
Flash Glitter Graphic
 
 
 
 
 
 
Game Websites
Happy Wheels
Tower Defense Games
Hunting Games
Mario
 
 
 
 
 
 
 
 
     
Site Copyright © 2006 - 2011 Nick DS. All rights reserved.