Designing A Dark Header

Designing, Web Design | No Comments »

Preview:

13.gif

Design a Dark Website Header.

Step one:

Start with a large black canvas, on your layers window make a new layer set. Name it Dark Header.
Create a new layer then draw a 663 x 6 pixels, white rectangle.
Add the following layer styles:
13.gif
13.gif
13.gif

Step two:

In a new layer draw a 5 x 24 pixels, white rectangle.
Set your layers blending mode to Darken and add a gradient overlay layer style:
13.gif
13.gif
13.gif

Step three:

Duplicate your white rectangle layer from step two and make a pattern as shown on the picture below. To start out, copy your white rectangle 5 times.
13.gif

Step four:

Now add more rectangle layer structures all over your current designs.

13.gif

Step five:

In a new layer draw a 659 x 9 pixels, white rectangle on top of your current designs.
Set your layers blending mode to Darken and add a gradient overlay layer style:.
13.gif
13.gif

Step six:

Now in a new layer make a 666 x 5 pixels, #520000 rectangle above your current designs.
Add the following layer styles:

13.gif
13.gif
13.gif

Step seven:

Again in a new layer make a 66 x 29 pixels, #520000 rectangle right above your last rectangle design.
Add the following layer styles:

13.gif
13.gif
13.gif
13.gif
13.gif

Step eight:

Choose your text tool and set the font family to Arial, bold, 14 pt, strong and black for color. In a new text layer type in your name on your 66 x 29 pixels rectangle design.
Add the following layer styles:

13.gif
13.gif
13.gif

Step nine:

Now set your font family to Franklin Gothic Demi, 11 pt, crisp and white for color. In a new text layer type in your navigation links with spaces between each link.
Add the following layer styles:
13.gif
13.gif
13.gif

Final Image:

Design a Dark Website Header.
13.gif


This entry was posted on Friday, December 14th, 2007 at 1:11 pm and is filed under Designing, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply