Black Professional Header
1) Create a new image 700×160 with transparent background. Rename this layer as “background”
2) Fill the background with #adacac.
3) Create a new layer, rename this layer as “header”, make a selection and fill it with any color.
4) Right click the header layer and choose Blending Options, use these settings:
Drop shadow:
Inner glow:
Gradient overlay: use these colors #6f6f6e —> #9b9a99
Stroke:
The result is:
5) Create a new layer, rename this layer as “menu”.
6) Select the Rounded Rectangle Tool and draw a shape similar to this:
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:
Outer Glow:
The result is:
9) Finally add some text for the links, a text title, an image and you are finished.
The final result is:
Now you can design a professional header for your web site.
Want more tutorials?
See more recent tutorials HERE !
8 Comments so far
Very usefull and simple tutorial. I wish you the best! Good Bye
Wow, how great and simply tutorial, very well!!!
By
very good demonstration i find it useful
Great tut!!!
but what’s the font??? I can’t find the fonts used!
Nice tutorial its easy en nice Good luck !!
Alex: you can use the fonts you like.
But if you still want to know the fonts I have used:
Title: Rockwell Extra Bold 28px
Menu elements: KaratMedium 14px
Good tutorial for beginners. Best wishes.
Thanks for the quick and easy tutorial.
-Lawton