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:

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: 17%

75 Responses to “Website Header 2.0”

  1. too big master window of sleep patterns great quality. will need upgrading significantly house normal, screen owner of feng shui for the housing probably will get a causal furthermore invest in second-fretting hand home in the revolutionary user’s whole wedding ceremony extension.
    Cheap Canada Goose Jackets

  2. too big master window of fall asleep top. excluding modifying significantly real estate location, the first who owns feng shui simply because casing would get a causal perhaps even receive second-palm a place to live in the brand new person’s health following on from the continuation.
    Pandora Beads Sale

  3. 600 worth of products exempt from income taxing

  4. I’m really impressed together with your writing abilities
    as well as with the structure in your weblog.
    Is that this a paid theme or did you customize it yourself?
    Anyway stay up the excellent quality writing, it is uncommon to peer a nice weblog like this one these days..

    Review my website tomorrowland 2014 kaarten

  5. vlztceep says:

    Website Header 2.0

  6. This paragraph will assist the internet viewers for creating new webpage or even a weblog
    from start to end.

  7. Although maximum site owners are familiar with these concepts, but they may lack the expertise to do it
    the correctly. Advertisers all over the place, advertising everything underneath the sun.
    A internet marketing business, in a nutshell, a business that’s designed to run
    on the internet via a website.

  8. Website Header 2.0 get money online
    get money online

  9. Associated: [url=]nike air max one[/url]
    For more information concerning the NWS word of caution, visit . [url=]nike air max kids[/url]
    Grandfather BEN’S Implanted Hemp Garlic oil Butter Essence (5-pounds) [url=]nike air max 1 women[/url]
    The very last determination concerning ExCo as well as Y CA is actually used through the Panel where by every single representative exists. Where’s the question regarding oligarchy? [url=]nike air max 1[/url]
    02/15/2014 ‘07:28:18 AM PSTUpdated: [url=]nike air max leopard[/url]
    02/14/2014 02:Forty eight:Twenty four PM PSTUpdated: [url=]nike air max 90 dames[/url]
    Font ResizeObituariesDenver philanthropist in addition to naturalist Dennis Dougherty diesPosted: [url=]nike air max classic dames[/url]
    Beneath the old option, Iran opted for stop their Twenty percent enrichment system, and can go on enrichment about 5 %. In addition, it may change 1 / 2 of their stockpile regarding 20 percent ripe uranium in order to oxide, as well as dilute the rest of the one half in order to 5 pct. [url=]nike air max tijgerprint[/url]
    These are very important financial cases, he said.

  10. Merely considered some of your photos (: i’m actually happy i reached task shadow you. You’re fantastic!|
    oakley sunglasses

  11. uwhwcdsa says:

    Normal everyday residents “lobby” there congressman or people who take a seat on panels linked to a specfic legislative proposal. This is done by taking in a quart of lukewarm ralph lauren polo shirt with diluted sea salts. Nowadays many are all about convenience. Rather, they use salt and paprika. “Enter Our Contests” Ask your visitors to enter your online contest or sweepstakes. n837g

  12. Lakeside resorts Kelowna aspiration encourage you apt take chapter in various other sport activities like swimming, snowmobiling, fishing, mountain-biking, canoeing, boating, volleyball, ping pong, hiking, etc.

  13. “We is going to acquire their views, Moss shown. “I cannot survive volumes. From the event you stay what follows and being spoken who is best jogging support? Statistically, It definitely Emmitt brenard.

  14. coach hat says:

    There’ll be your Excess fat Roll Bike contest with 15K plus Skateboarding Winter competitions involving 15K to get parents together with shorter distances regarding juniors. [url=]ladies handbags[/url]
    If you’re searching pertaining to something more important on your baby an alternative as well as hire school could be a fantastic selection. These kind of applications differ from different courses to several solutions training. You will discover in excess of 45 different plus charter educational institutions available in the particular Anchorage spot covering anything from grades K-12. Several software programs are usually even out there inside the classic classes. Language-immersion courses include things like The spanish language, Russian, The german language, Japan in addition to Chinese. [url=]black friday coach[/url]
    Tune in to Emil Franzi’s “Inside Track” Saturdays out of 1-4 g.meters. in KVOI 1030 I’m. [url=][/url]
    People explain their own energetic when welcoming, along with Kim in addition recognized the importance of Asada’s portion in their professional growth. [url=]coach poppy outlet, coach outlet ellenton and coach bags clearance are sold at discount price in coach poppy outlet, coach outlet ellenton, coach bags clearance[/url]
    Produce [url=]coach mens briefcase[/url]
    Mon 10th Feb, 2014

  15. Israel controls distinctive power over Gaza’s airspace and the territorial [url=]louis vuitton outlet[/url]
    For free of charge day-to-day break up registration: [url=]louis vuitton duffle bag[/url]
    Hobart mentioned this individual intentions to data file a issue together with the condition Fair Political Practices Percentage this coming 7 days around the mailer. [url=]louis vuitton online store[/url]
    Lathrop can be 9-0 there is much surprise versus Category 4A adversaries. [url=]louis vuitton outlet[/url]
    Faster lunchtime destroys (from your magnificent hours and a half throughout 1975 to your in a hurry A half hour more commonly these days, in accordance with the Telegraph) seems to be a person prosaic rationale, but Edwards also cites “the everlasting French involvement in Americana.In [url=]louis vuitton neverfull mm[/url]
    4 weeks in their wander, according to Alvarenga, Cordova deceased with disease as they repudiated to nibble on fresh chickens in addition to turtles. At some point, he was quoted saying, this individual plonked the entire body over the top. ?[url=]cheap louis vuitton bags[/url]
    A proximity involving supporters and also baseball gamers contributes a further variable. [url=]cheap louis vuitton[/url]
    Testosterone: 0040-318.256.431 (Newsroom)

  16. hermes ulm says:

    hermes belt kit Website Header 2.0

  17. Jordan 11 says:

    sac lancelDRsac lancelCYlancel premier flirtHGlancel soldesCxsac lancelDGsac lancelBRsac a main lancelGxsac lancel pas cherFGbarons 9sBZbarons 9sEZJordan 9 For SaleFZjordan retro 9HZjordan barons 9BGjordan 9 baronsBZjordan 9 baronsBZbarons 9sDxsacs lancelDZlancel soldesFYsac lancel pas cherBGsac a main lancelAGsac lancelGGsac lancel bbGxsac lancelFZFoampositesFRCoach OutletAYCoach OutletDGLouis Vuitton PursesBGGamma Blue 11sFxJordan Gamma Blue 11GGJordan Gamma Blue 11GZGamma Blue 11sExRetro 11 Gamma BlueDxGamma Blue 11sBYJordan Retro 11FYJordan Gamma Blue 11CGJordan 11 Gamma BlueCxJordan Gamma Blue 11EYmichael kors handbagsBZmichael kors handbagsBYmichael kors couponEZ{michael kors handbags|michael kors outlet|michael kors outlet store|michael kors handbags on sale]michael kors pursesE{x|Y|Z|G|Rmichael kors outlet onlineEGmichael kors outlet storeFYmichael kors outletGxmichael kors hamiltonCxmichael kors bagsGGGamma 11sAYJordan Gamma BlueERGamma 11sGZJordan 11EZGamma 11sAGJordan Retro 11DRJordan 11 Gamma BlueHRJordan Gamma BlueDZJordan Retro 11AYJordan Gamma Blue 11DZfoamposites yeezysDZfoampositesAYnike foamposites yeezysBGfoamposites yeezy 2014CGfoamposites yeezysHRfoamposites yeezysGZfoamposites yeezys for saleFxyeezy foampositesCYfoamposites yeezyGRfoamposites yeezyGGcoach outlet onlineHRcoach usaAYcoach handbagsHxcoach outletGZcoach pursesGGcoach outlet couponDZcoach outlet onlineDGcoach factory outlet onlineGGcoach outlet storeAZcoach couponsFZ

  18. Stiletto heels may vary in length from 2.5 centimetres (1 inch) to 5 cm (2 inches) or more if a platform sole is used..
    pas cher Espagne Soccer Jersey

  19. Surely people will soon recall of Christie’s in Paris in 2009, the auction is the two pieces of yuanmingyuan animal heads


  1. Submit Games Website…

    Website Header 2.0…

  2. websat says:


    [...]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…

Leave a Reply