you are here: Home
Website Header
User Rating: / 0
PoorBest 
Saturday, 17 June 2006

Website Header

This tutorial with guide you through how to make a website header:

header
Click for larger version

1.

Open Photoshop and create a new image. I am using 750x115

2.

With the Pen tool draw a wavy line like so and go round the top of the canvas then fill it with black.

pentool

3.

Right click the layer and select Blending Options. Use these settings:

color overlay

gradient overlay

stroke

4.

Duplicate the layer. Right click it and select Clear Layer Style.

5.

Move the layer below the first layer.

6.

Select the move tool (V) and move it down around 8px

7.

Right click the layer and select Blending Options and apply this gradient overlay.

gradient overlay

8.

Ctrl + Click your first layer and delete the selection from your duplicated layer. You should have something like this:

2 layers

9.

Add your text and logo and you are done.

added text

Click for larger version





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!

Views: 11120

  Comments (1)
RSS comments
1. Written by This e-mail address is being protected from spam bots, you need JavaScript enabled to view it , on 29-04-2007 13:13
Love it!!! I created an ad for neopets.com though.. :)

Write Comment
  • Please keep the topic of messages relevant to the subject of the article.
  • Personal verbal attacks will be deleted.
  • Please don't use comments to plug your web site. Such material will be removed.
  • Just ensure to *Refresh* your browser for a new security code to be displayed prior to clicking on the 'Send' button.
  • Keep in mind that the above process only applies if you simply entered the wrong security code.
Name:
E-mail
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Comment:

Code:* Code

Powered by AkoComment Tweaked Special Edition v.1.4.4

 
< Prev   Next >
Based on valid XHTML 1.0 and CSS 2.0 code design by:pixelsparadise.com