Her

Home Photoshop Tutorials Web Layout Black Professional Header

Black Professional Header

Author: Digital Street Author's URL: www.digital-street.com More by this author

1. Create a new image 700x160 with transparent background. Rename this layer as "background"

2. Fill the background with #adacac.

image 1

3. Create a new layer, rename this layer as "header", make a selection and fill it with any color.

image 2

4. Right click the header layer and choose Blending Options, use these settings:

Drop shadow:

image 3

Inner glow:

image 4

Gradient overlay: use these colors #6f6f6e -> #9b9a99

image 5

image 6

Stroke:

image 7

The result is:

image 8

5. Create a new layer, rename this layer as "menu".

6. Select the Rounded Rectangle Tool and draw a shape similar to this:

image 9

7. Right click the menu layer and choose Rasterize Layer.

8. Right click the menu layer and choose Blending Options, use these settings:

Inner Shadow:

image 10

Outer Glow:

image 11

The result is:

image 12

9. Finally add some text for the links, a text title, an image and you are finished.

The final result is:

image 13

Black Professional Header