Making a Clan Template

1. Let's get started!

First of all open up the PSD file from the last tutorial. Now make a selection the same width as the header graphic, but only about 40 pixels in height.

Now you've made the selection, smooth it by about 5 pixels by going to Select > Modify > Smooth.

On a new layer fill this selection with the same color as the background, in my case it's #262626.

Now apply this Gradient Overlay.

2. Hold Ctrl and Click the main layer, this will make a selection around it.

On a new layer draw a White/Transparent gradient from above the top of the selection to the middle or bottom.

Since the bar is 40 pixels in height, make a selection at the botttom 20 pixels in height, delete the part of the gradient.

Lower the opacity for this layer to about 20%, then change the layer mode to Soft Light.

Again select the main layer then create a new layer.

Fill the selection with white, move the selection up one pixel, press delete.

Lower the opacity for this layer to about 35% and change the layer mode to Soft Light.

Repeat that for the top line, except when you're done, move the line down one pixel.

3. Now let's start making the buttons.

First make a selection inside of the bar, make it a good-sized button. My selection was 100x26.

I also smoothed my selection by 2 pixels.

Fill the selection with a yellowish gradient, the colors I used were #d3bd3e and #76551e.

Now apply the following layer styles to the button layer:

(Download pattern from here: Warning Tape.)

You should be left with a result like this:

Not bad for just layer styles huh?

4. On a new layer draw a red (#ff0000) line from one end of the button to the other.

With a large, soft brush erase the edges off.

Now apply the following settings:

To finish off the button add your text. I used Tahoma, 11pt, Bold, No Anti Aliasing, White, with this

Duplicate all of the button layers then move them over to the right, repeat this as many times as you want to. I ended up with 7 buttons.

Click to enlarge

You can download the PSD file for the navigation from here.