Metallic Navigation Menu – By Conceptoo
1- Open Macromedia Fireworks MX 2004.
2- For the sake of this tutorial, create a new canvas with the width of 600px and the height of 300px.
3- We will use the pen tool to make the shapes of the navigation menu. Select the pen tool 
.
4- With the shift key pressed, use the pen tool to draw shapes like the ones in the image bellow. Try to experiment your skills with the pen tool, that will help you in handling it in a better way. 
5- Select all the shapes that make the navigation menu, fill them with a gray color. And then from the Properties inspector, go to Effects > Bevel and Emboss > Inner Bevel.
6- Change the numbers of the Inner Bevel properties so that they match the image bellow.
7- With all the shapes selected go to the properties inspector select Effects > Shadow and Glow > Inner Glow.
8- Change the numbers of the Inner Glow properties so that they match the image bellow.
This is what we have till now. To make it more realistic, we will add some screws to the metal plates.
9- First we must know how to make the screws. You can make the screws using the pencil tool, and drawing 4 pixels. Like the image bellow.
There is one dark pixel ( darker then the color of the button ), and 3 white pixels. Make the screws with the pencil tool as shown in the enlarged image above. Then copy and past the screws so that you get the output shown bellow.
10- Now add the text you want. And then you can slice it using the slice tool, or export it as an image to your HTML editor and use Hot Spots add the links to the navigation menu. This is the final Result.
For any Questions please feel free to post them Oman3D.com Forum.
