Navigation Menu

In this tutorial I will show you how to create a simple navigation menu. So make a new document sized 500x100 and fill it wit a light grey. Now make a new layer and make a selection like mine and again fill it with the same color you used on the first layer

Step 1. Now add the following layer styles:

Drop Shadow:

Stroke:

This is what I got:

Step 2.

Now we need to make a new layer between the first to like in the image below:

Pick up the Polygonal tool: and using the shift button and the mouse draw a shape like mine:

fill the shape with any color. I used a light blue:

Go to layer>duplicate layer and move the layer next to the previous one and repeat the step until you have all the buttons:

Now merge all the shape layers together by pressing Ctrl+E and add the following layer settings:

Inner Shadow:

Outer Glow:

And add your text:

You are pretty much you can add bullets or anything else to enchance the menu. Look what I added:

And with a possible rollover:

Click to enlarge