Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Black Professional Header

Black Professional Header


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

2. Fill the background with #adacac.

image 01

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

image 02

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

Drop shadow:

image 03

Inner glow:

image 04

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

image 05

image 06

Stroke:

image 07

The result is:

image 08

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

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

image 09

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:

Black Professional Header Tutorial: Final Result

image 14



Author's URL: Digital Street
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Black Professional Header"

Only registered users can write comment

No comments yet...