In this Fireworks CS3 Tutorial, I will show you how to create a blue chrome horizontal menu. Please take a look at the image that I have provided to see the menu. This blue chrome menu is very easy to create. The menu is created using the new styles in Fireworks CS3. Open your Fireworks CS3 program and create a new canvas to work on.
How To Make A Blue Chrome Horizontal Menu
Step 1 – Creating the Menu Background
Step one is to create the menu background. Select your rectangle tool from the toolbar. Draw a rectangle on your canvas. Draw the rectangle the size that you want the menu to be. You can change the size at any time by using the transform tool.
After you have your rectangle, you will need to apply the style. If your styles panel is not open, go to the top of your Fireworks CS3 program and click Windows gt; Styles. That will open your styles panel. Locate the Chrome Reflective 009 style and click it. You can view the names of the styles by hovering your mouse over them. The name of the style will show in the bottom of the styles panel.
Step 2 – Adding the Lines
Step two is adding the lines. We will add the lines to the menu to separate the links. We will create the first line and duplicate the other lines. Select your line tool from the toolbar on the right. Draw a vertical line on the menu. Take a look at the image that I have provided to see the lines. Once you have drawn the line, click the Chrome Reflective 009 style. Apply that style to the line. That is the same style that you applied to the menu.
Now you can duplicate the other lines. Right click on the line that you just created and click Edit gt; Duplicate. Drag the line over a little. Leave enough room to type your link. Duplicate the other lines that you need.
Step 3 – Adding the Text
The last step is to add the text. Select your text tool and type what you want on the menu. You can use the font style, color, and size that you want. I used Alternate Gothic2 BT for my font. I used a size 20 and the color fill is # 089DE7.
If you need to make your menu larger or smaller, grab the transform tool in the toolbar on the left. When you click that tool, a box will appear around your menu. Moving the box inward will make it smaller, moving it outward will make it larger. Crop your canvas and export your menu when you are finished.