Purple Theme Navigation System

Preview:

Purple Theme Navigation System.

Step one:

Open a new document. For this tutorial, I am just going to use a 800x140 px (Width, Height) document with a white background. First create a new layer set called Button, Layer > New > Layer Set. Then in a new layer draw a #7E00FF colored rectangle, size 160x25 px.

Step two:

With your step one layer add the following layer styles:

Step three:

Make another layer and draw a white rectangle on the left side with a little space from the edge of your purple rectangle. The size of this white rectangle is 19x16 px.

Step four:

With your step three layer add the following layer styles and set the blending mode to Darken:

Step five:

Now duplicate your small rectangle layer from step three and position this copy on the other end.

Step six:

Create a new layer then draw a 4 px white line just below your purple rectangle.

Step seven:

With your step five layer add a Drop Shadow layer style and set the blending mode to Darken:

Step eight:

Now duplicate your Tab layer set and set them up side by side, in this tutorial we have 4 navigation links so we duplicated the Tab layer set 3 times.