 |
|
|
|
|
| Creating the Menu |
|
 |
|
|
| Step 16. |
| Before the menu is created, make 3 new layers, as shown below. Import (File > Import > Import to Stage) the bar graphic onto the bar layer, |
|
|
|
| |
| Step 17. |
| Position the graphic and expand it, as shown in the settings below. |
|
|
|
| |
| Step 18. |
| Convert the bar to an MC called "menu_bar". |
|
|
|
| |
|
|
| Step 19. |
| For the menu we are going to create a generic button MC and then use it to create each individual button. On the menu layer create a yellow (#E2BE20) rectangle, with the dimensions showns below. I have zoomed in to 200% magnification to do this. |
|
|
|
|
| Step 20. |
| Convert the rectangle to an MC called "menu" |
|
|
|
|
| Step 21. |
| Go into the menu MC and convert the rectangle into another MC called "button". |
|
|
|
|
| Step 22. |
| Name the layer yellow |
|
|
|
|
| Step 23. |
| Double click on the rectangle tool and set the corner radius to 10. Create a grey (#898989) rectangle on the "grey" layer. As you can see below, the bottom rounded corners are masked by the yellow layer. |
|
|
|
|
| Step 24. |
| So now that we've created a button MC, we need to duplicate it for each button. Go to the Menu MC, click on the button MC and copy it (edit > copy). |
|
|
|
|
| Step 25. |
| Paste the button in place. This will place the copy directly on top of the original button MC. The is useful becuase the copy will be in lign we the original, so all you need to do is nudge it to the right with the arrow keys |
|
|
|
|
| Step 26. |
| As you can see below, i've placed 5 instances of the button MC onto the stage. |
|
|
|
|
| Step 27. |
| Now we're going to convert each button MC instance to a new MC, containing the text. So, convert the 1st button MC into another MC called "home_button" |
|
|
|
|
| Step 28. |
| Go into the home _button and name the layer "button". Create a new layer above called "text" and create the text for the button, using the settings shown below. |
|
|
|
|
| Step 29. |
| Next, go back to the menu MC and select the "home_button" MC. From the properties panel, set the instance name of the MC to "home_button" (circled in red). When we write the action script later, we will use the instances names of the MC's to control them. Continue to give the rest of the buttons an instance name. |
|
|
|
|
|
|
|
|
|
 |
