FrozenHaddock Tutorials: Cool Navigation Bar

In this tutorial we will be making this clean navigation bar
in flash for use on websites etc.

Right, Lets get started!

Right, set your stroke to transparent, and your fill to black.

Double click the rectangle tool, and set the corner radius to 15.

Draw out your rectangle, and select it. change the properties to these.

Copy the rectangle.

Change the rectagles properties to this, and change the colour to red (for now)

You should have something like this now.

Now, open your colour mixer and create some sort of metallic gradient, you
could follow this one, or create your own.

Drag the paint bucket upwards.

You'll get something like this.

Now you want to setup your layers like this.

Change your stroke colour to black

Draw out a line, and give it these settings.

Change your stroke colour to a lighter colour, and draw another line, next to
the current one.

You want to create something like this to seperate your NavBar buttons.

Copy this, and distribute them across your NavBar.

Create a new layer called text, be sure to lock the other layers.

Add any text you want to add to your buttons.

Select the entire NavBar (you'll need to unlock your layers.

Hit F8, and slect Movie Clip.

Zoom in, and select a single button.

Hit F8, and select button.

Repeat this for each of the buttons.

There you have it, a nice clean looking Navigation bar.
For information on coding or rolloever effects, see other tutorials.

Written by: TazzyDevil XIII
Website: http://www.frozenhaddock.co.uk