Website Header 2.0

This is a simple tutorial on how to create a professional looking website header:

So this header was inspired by this template by Cerebus: http://www.templatemonster.com/website-templates/11783.html

Step 1. Open up a new document, (mine was 800×600) and fill it with this color: #CACACA. Next, draw a rectagle box like the image below:

Afterwards, rasterize the rectangle layer

Step 2. Next, double click on the rectangle layer, and add a Layer Style:

Step 3. Now, you’ll notice that the header’s drop shadow shows on the side of the image. So to fix that, make a new layer and merge it with the rectangle shape. Next, using the Rectangle Marquee Tool, clean out the edges of the shadow. You image should look like this:

Step 4. Next, using the Rounded Rectangle Tool set to 10px radius, draw a box like this underneath the rectangle:

Step 5. Duplicate copies of the rounded rectangle, and arrange them like this:

Step 6. Next, merge all those shape layers together so that they are all on one layer. Add a Layer Style to that layer:




Step 7. Your header should now look something like this:

Step 8. Add the navigation text to you buttons. I used Futura font for mine:

Step 9. Using Futura font again, I put the header text in along with a logo. I also put a reflection on the text. To do that, duplicate the header text, and go to Edit>Transform>Flip Vertical. Drag the text underneath the header text. Then add this Layer Style to it:

Step 10.
Your header should look something like this:

Step 11. You’re basically done with the header, but I decided to add a last minute touch to it with the opacitated stripe pattern. In order to do that, create a new layer and fill it with a diagonal stripe pattern. Then add a Layer Style, similar to the one from Step 9, but much more opacitated. You can adjust the settings to fit your liking.

Here’s the final product:

Popularity: 40%

182 Responses to “Website Header 2.0”

  1. What a funny blog! I in fact Website Header 2.0 enjoyed watching this humorous video with my relatives as well as with my colleagues.
    cheap jordan shoes

  2. I donít hold grudge against him or anything like that.
    And after just a dream come restaurant furniture true. Mounting holes for the arguments, and you are looking for something to give some support to the plastic waste is turned into useful
    product without environment damage.

  3. metropolitan oases that make for a great cut if you’re available purchasing? outfits in metropolis of love, With the fall season, now we discovered ones expectedMonochromatic outfits on ebony, overshoes, scarves! stockings AND luxury handbags.

  4. Although maximum site owners are familiar with these concepts,
    but they may lack the expertise to do it the correctly.
    The says of free proxies and tunnelling services are
    over, and as the Chinese government begins to tighten its grip
    on what comes in and out of the country informationally speaking,
    the need for a vpn to bypass internet censorship in China grows every day.
    Efficiency: Many carriers provide multiple receive
    emails, so your fax messages are automatically delivered to whomever you
    intend.

  5. After a quick lunch and a brief nap back at the mobile home, we resumed fishing about three o’clock and fished all
    the way until dark. If you like antiques you have to ask
    for help- we have many but only the locals know where they hide.
    Use your guam tar on the net trap and go at least two squares away from
    it.

    my site :: dock box locks

  6. There’s hundreds of New Zealand after that overseas art drinks brought on by moving upward Mash breakfast to help you Moa Beer Orval, A trappist alcohol loaning a monastery the federal government Belgium,

  7. Jordan 13 says:

    Thanks in support of sharing such a good opinion, piece of writing Website Header 2.0 is pleasant, thats why i have read it fully
    Jordan 13 http://www.kerridgeendholidaycottages.co.uk/backup/wp-admin/images/jordan.asp

  8. nike flight says:

    When I saw this website Website Header 2.0 having awesome featured YouTube videos, I decided to watch out these all video clips.
    nike flight http://www.tamintl.com/plug/plug.asp

  9. Can I simply just say what a relief to find somebody that
    truly knows what they’re discussing on the net.

    You actually know how to bring a problem to light and make it
    important. More people have to read this and understand this side of
    your story. I was surprised you aren’t more popular given that
    you certainly possess the gift.

  10. Hi my family member! I wish to say that this article
    is awesome, nice written and come with approximately all
    important infos. I would like to look extra posts like
    this .

  11. Cartier LOVE Bracelet, A bracelet easy to screw on thanks to an ergonomic screwdriver. A Cartier icon, the Love collection is both a provocative talisman and a bold symbol of passionate love.
    replica cartier love bangle http://www.prefabricadosluisbarros.com/

  12. Everyone wants cheap bait these days but the big problem is
    that cheap often means rubbish. After users select their avatar they’re transported into their apartment.
    But have you ever thought about living in your boat full
    time.

    My page … dock husky tool box locks

  13. An impressive share! I’ve just forwarded this
    onto a coworker who had been conducting a little homework on this.
    And he in fact ordered me dinner due to the fact that I found it for him…
    lol. So let me reword this…. Thanks for the meal!! But yeah, thanx for
    spending some time to discuss this topic here on your
    web page.

  14. Awesome! It? really amazing paragraph, ? have got much clear idwa ?oncerning from
    thi? piec of writing.

    m? blog: best womens oxfords

  15. Thank you for sharing your info. I truly appreciate your efforts and I
    will be waiting for your further write ups thank you once again.

  16. game legend says:

    It can be fantastic the perfect time to generate blueprints in the future and it’s also time and energy to feel very special game legend. We’ve discover this article if I could I personally want to suggest for you quite a few attention-grabbing challenges and also assistance. You could can easily generate subsequent content with this write-up. I actually wish to go through all the more troubles around the item!

  17. ?t’s amazing in support of me to ha?? a website, w?ich ?s beneficial ?n favor of my knowledge.
    thanks admin

    Feel free t? visit my blog :: Magazine Online De Imbracaminte

  18. En effet, vehicle il semble que nous pouvons espionner la vie privé de n’importe qui!

  19. Even if you only plan to take a short trip around the block on your bike, safety should come first.

  20. Website Header 2.0 Hermes Sample Sale 2012 New York

  21. Hello, this weekend is fastidious in support of me, as this time i am reading this
    fantastic educational article here at my home.

Trackbacks/Pingbacks

  1. Submit Games Website…

    Website Header 2.0…

  2. websat says:

    websat…

    [...]Website Header 2.0[...]…

  3. louis vuitton…

    Une ExperienceThe la gamme de du chercheur plaisir au raisonnable I laborieuse sur ?tait g?n?ralement sur le personnel de priv?e vie. Tout au long de l’ cours de votre mois, personne {aurait|pourrait ont??serait avez couch? avec quelqu’un {partenaire…

  4. shoes says:

    shoes…

    Website Header 2.0…

  5. minecraft-marquee.de…

    Website Header 2.0…

  6. kids says:

    kids…

    Website Header 2.0…

  7. additional reading…

    Website Header 2.0…

Leave a Reply