Make a Yahoo menu with Fireworks

menu | yahoo

Recently, this kind of menu seems very popular, many sites have, this menu can save a limited space, very valuable, often designed to use, today, fireworks beginners, to ask how to do this menu, so conveniently done a bit, in fact, such a menu is not complicated, nothing more than a gradient of the fill, with Fireworks is a powerful interactive filler tool to make, it's extremely easy. In addition, vector modification is also very convenient, so fireworks is very suitable for web design creation.

The first step, do the bottom bar, note the border color and gradient settings

The second step, do the menu bar. In fact, just copy the bottom bar, adjust the length and fill.

The third step, the outstanding effect of cooking a single. Copy the menu bar, remove the border color, and adjust the gradient. Considering that there are still gaps to show, so to do longer, the deep color to strengthen.

The fourth step, the projection of a single dish. Copy just the fill, turn 180 degrees, and adjust the long width and gradient.

The fifth step, do the following file, the gap can use pen tool to add node adjustment, you can draw a square, turn 45 degrees after the system, anyway, the method is diverse. This gradient fill is more difficult, we look at the schematic, and adjust the gradient filled two nodes to see the effect.

In addition, in order to enhance the corner effect, we need to add a darker path.

In the sixth step, there is the addition of text and a separate bar.

Ha ha. The results are not bad.

source File Download