Flash Game Design  
 
   
 
Tutorials Articles
   
       
 
 
Create a Flash Website  
3) Making the Website Menu
Step 14.
This is part 3 of the tutorial to create a flash website. Next create and new layer called "menu" and add a rounded rectangle on the far right.
 
Step 15.
Convert (F8) the rectangle into an MC called "menu"
 
Step 16.
Go into the "menu" mc and name the layer "menu bg".
 
Step 17.
Open the color mixer tab and change the type to "linear". Double click on the left and right sliders to change the colors to ones shown below.
 
Step 18.
Create a layer called "buttons", and then create a gradient as shown below (a). Rotate the gradient counter clockwise (modify > transform > rotate 90 CCW). Convert the button to an MC called button.
a)   b)
 
Step 19.
Give the button MC the instance name "button1". Copy and paste the button, and give the duplicates their own instance names button1 - button4
a)   b)
 
Step 20.
On a new layer called "text" create the text for the buttons, using the settings shown below.
Step 21.
On a new layer called "current color" create a yellow rectangle a few pixels talled than the buttons. Convert the yellow rectangle into an MC called "current", and then give it the instance name of the same name.
a)   b)
Step 22.
Click on the "text" layer, and copy (edit > copy) the contents of the layer (a). Create a new layer called "current text" and paste (edit > paste in place) the text, so you now have two copies of the text. Click on the "text" layer again and break it apart twice (Modify > Break Apart).
a)   b)
Step 23.
Break apart (Modify > break apart) the current text twice (a). Then right click on the current text layer and choose "mask".
a)   b)
Step 24.
I've then imported a logo into a new layer. Lastly, break apart the "text" twice also.
Next go to Part 4) Writing the Actionscript
Part: 1 | 2 | 3 | 4
 
   
 
   
 
Site Copyright © 2006 - 2009 Nick DS. All rights reserved.