Preview:

Scrabble Theme Header Design.

Step 1:

Let’s start out by creating a new file. I used a 900×200 pixels canvas set at 72dpi, and I filled my background with #AE8E7F color shade. Now in a new layer draw a long rectangle with #E8CDBA color shade and 832 x 52 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Color Overlay, Gradient Overlay and Pattern Overlay blending options to your long rectangle layer.

Result:

Step 3:

Create a new layer, on the top end of the long rectangle design draw two 1 px lines with #D0AFA0 and #764A35 color shades on top of each other. Then duplicate the lines layer and nudge it down, set the layer’s opacity level down to 30 – 50%.

Step 4:

Now add a shorter long rectangle design on the bottom of the first. Then select the Horizontal Type Tool then set the font family to Arial, regular, 12 pt, none and white color shade. In a new text layer type your navigation links on the second long rectangle design. Change the font color of your home navigation link to black and use #A5755F color shade bars for seperators.

Step 5:

Make a new layer set. Then in a new layer draw a light brown rounded rectangle with #DAB682 color shade and 41 x 43 px dimensions.

Step 6:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Outer Glow and Inner Glow blending options to the light brown rounded rectangle layer.

Pattern:

Result:

Step 7:

Select the Horizontal Type Tool then set the font family to Arial, bold, 30 pt, smooth and black color shade. In a new text layer type the first letter of your website name on the tile. Then in a separate text layer add a number with a small font.

Step 8:

Now spell out your website name by duplicating the layer set.

Results:

Scrabble Theme Header Design.