 |
|
|
|
|
| Creating the Navigation Menu |
|
 |
|
|
| Step 8. |
| This is the 3rd part of this flash tutorial. Next, double click on the rectangle tool to bring up the settings, and set the corner radius to 10 points |
|
|
|
| |
| Step 9. |
| Create a new layer called "menu" and create a rectangle on it, as shown below |
|
|
|
| |
| Step 10. |
| Select the bottom half of it |
|
|
|
| |
| Step 11. |
| Delete the selected area and move the rectangle just above the bar image |
|
|
|
| |
|
|
| Step 12. |
| Convert the shape to an MC called "menu_mc" |
|
|
|
| |
| Step 13. |
| Go into the menu_mc, name the layer "bg" and add two other layers, as shown below. |
|
|
|
| |
| Step 14. |
| On the text layer add the text for your buttons, uisng the the font properties show below, or your own. |
|
|
|
| |
| Step 15. |
| Lock the text layer, create a rectangle on the buttons layer, under the portfolio text, and covert it to an MC called "button" |
|
|
|
| |
| Step 16. |
| From the Library, drag over two more instances of the button MC onto the "buttons" layer, placing them behind the "home" and "blog" text. |
|
|
|
| |
| Step 17. |
| Click on the button behind the home text and, from the properties, panel, give it the istance name "home_btn". Give the other two the instance names "porfolio_btn" and "blog_btn". |
|
|
|
| |
| Step 18. |
| Click on the buttons layer, to select all the buttons |
|
|
|
| |
| Step 19. |
| Click on any of the 3 buttons on the stage and, from the properties panel, set the Alpha to 0%, making all the buttons invisible. |
|
|
|
| |
| Step 20. |
| Go back to the main MC click on the menu MC and give it the instance name "menu", from the properties panel. |
|
|
|
| |
| Step 21. |
| Create a layer called "script", click on the first frame of that layer, and open up the actionsc panel |
|
|
|
| |
| Step 22. |
| Add the following code, which will give the home buttons the ability to be functional. On line two ("do soemthing"), we'll later be writing some script which will make another mc change, when this button is pressed. |
|
|
|
| |
| Step 23. |
| Do the same for the other two buttons. |
|
|
|
|
|
|
|
|
|
|
 |
