Fireworks Menu

This entry is part 7 of 14 in the series Fireworks CS5 Tutorial

It is now time to create the menu in Fireworks.

First let us create the main menu area, using the rectangle shape tool. Let us make a black rectangle. In case it is getting filled with a gradient, you may need to select ‘solid’ instead of ‘linear’ from the drop down next to the fill color, in the Properties panel.

Your layout will look like this:

Using the text tool with a yellow color create the menu items:

  • HOME
  • ABOUT US
  • SERVICES
  • CONTACT US

It will look like this:

Similarly create the footer area with the copyright information and the footer menu.

You can easily add special characters like the copyright symbol from the Special Characters panel (next to the properties panel).


Fireworks CS5 Tutorial

  1. Fireworks CS5 Tutorial
  2. Best Web Design Graphics Software
  3. Fireworks Templates
  4. Create New Fireworks Document
  5. Fireworks Tools
  6. Website Layout Design
  7. Logo Design
  8. Masthead Design
  9. Fireworks Menu
  10. Inserting Images – Fireworks CS5
  11. Text Styles- Fireworks CS5
  12. Web Slices – Fireworks CS5
  13. Drop Down Menus – Fireworks CS5
  14. HTML/ CSS – Fireworks CS5
Series Navigation Logo DesignMasthead Design

Posted in Fireworks | No Comments »