Fireworks Create tabbed Web navigation bars

Now tabbed Web navigation bars are very common in many large sites, and this article tells you how to use fireworks to make this type of tabbed navigation effect. First let's look at the final effect:

1, open the FW 8.0 (the author is using the 8.0 version, of course, other versions are also possible)

2. A new one with a steady size 760x400

3, with a rectangular tool to draw a gradient rectangle, where this rectangle is to be used as the background of the navigation bar, so you can deploy your favorite color.

4, then use the line tool to draw two lines, see the following figure, as a separator line to use.

5, and then press and hold Shift+g to the two lines to synthesize the object, copy this object, from the window alignment panel finally see the following figure:

6, down these several is more key, press the shortcut key Ctrl+f8, the New Component window Select button.

If you see this dialog box then you are right.

7. Let's create the button here! Use the rounded Rectangle tool to draw the image below, and the gradient is shown below, and the border is one pixel.

8, and then copy this graphic to remove the border, adjust the size of the button has a protruding feeling.

9, now we do the following triangle I use the path.

(1) Right-click on the top of the graph just now to select and cancel the combination

(2) Choose Folding Pen Tool in the following path plus three nodes see the following figure:

Select the White Arrow tool and drag down the middle node into a triangle