Freepsd

In this section I will show you how to add the page text links for your navigation on your new web page header.

Next Select the Rounded Rectangle marquee tool with a radius of 5px fill color #3881ea and create your selection as I have done below.

Next double click on the new shape layer you have just created and set you Advanced blending options to 58% this will lower the fill of your button so you should see some of the graphic through it. next we want to add a stock to the button so in the Layer Style Options Panel again click on Stroke, Size 2px color #FFFFFF. that will give you exactly the same as I have in the image above.

Now each of these buttons will become your header links so we will duplicated them.

To do this right click on the shape selection in your layers pallet and then click duplicate layer. Do this as many time as you need for each header link as I have done below.

Now all you need to do is add your text onto the buttons and your off and running!

Here is my finished header!

You can use these simple ideas to create more of your own stylish web headers

You can also download the PSD File Web Header tutorial (1.08 MB)

1. johnny says:

   30 December, 2008 at 10:43 am

   Thanks for good post
2. imobi says:

   1 January, 2009 at 3:40 pm

   hello…

   not bad……
3. liger says:

   3 January, 2009 at 12:24 pm

   hi…

   agree…
4. Timur I. says:

   27 January, 2009 at 2:01 pm

   Great! Thank you very much!
   I always wanted to write in my site something like that. Can I take part of your post to my blog?
   Of course, I will add backlink?

   Sincerely, Your Reader
5. Nicholas says:

   8 February, 2009 at 11:03 pm

   Hi Timur no problem
6. Heena says:

   1 April, 2009 at 12:32 pm

   hi,

   i’ve created a header like yours. I am not a web designer I am just astudent. How do I get the links to work in the tabs.

   Thanks
7. Carlos says:

   17 January, 2010 at 12:32 am

   You ARE a Magician!!!

   Thinks so beautiful and easy to do with your help.
   Thank you very much for all