website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout A Great Looking Header
rss

A Great Looking Header

Author: UBL Designes More by this author


Step 1

Upon a new document size 766x418. Create a new layer. Now grab the rectangle tool (u) and do as the image below shows. The colour of the rectangle is #5651a5

Adding A Rectangle Shape

Step 2

Now set your forground colour to #de1111 and grab the Gradient Tool (G) and set it to red to clear, create a new layer and now drag from top right to about 2-3cms untill you get a result like the image below.

Adding Gradient

Step 3

Now set the forground colour to #FFFFFF and select a standard brush and size of about 45 and colour a section like the image below.

Painting It White

Step 4

Now set that layer to soft and goto Filter/Blur/Gaussian Blur and set it to 28.9 and you should have an image like below.

Gaussian Blur

Step 5

Click here and download the image and create new layer above all others and add this, you will have to resize to fit as shown in image below. To flip it goto Edit/Transform/Flip Horizontal.

Adding Image

Step 6

Create a new layer and select the rounded rectangle tool (U) and draw an image in black as shown below.

Road Rectangle Tool

Now press Ctrl and T and right click and goto distort and shape it to the shape below.

Distorting

Now goto Filter/Blur/Gaussian Blur and set to 1.0 and set the Opacity to 45%

Gaussian Blur Again

Step 7

Follow step 6 again untill you get the same as im the image below.

Copying Step 6

Step 8

Create New Layer and set the forground colour to #f26521 and select the round rectangle tool (U) and set the radius to 20px, now draw a shape as below.

Rounded Rectangle Tool

Now get the reclanguler marquee tool(M) and draw as shown below and press delete.

Marqueeing

Step 9

Create new layer and on the layer pallet Ctrl and click on the image of the layer below. Now Set the forground colour to #f7aa4e and the background to #f26521 and grab the gradient tool (G) and go from right to about 3/4 of the image left.

Adding Gradient

Step 10

Create new layer and copy step 8 untill you get image as below.

 Copying Step 8

Step 11

Create New Layer and copy step 9

Copying Step 9

Step 12

Click here and download content as you will need these for the rest. Ok create new layer and select the image which is in the tutorial image below and scale it to fit.

Adding Downloads

Step 13

Ok create new layer again and then grab the rectangle tool (U) and do shape as below, then goto Layer/Layer Styles/Gradient and set the left colour to #cd0000 and the right to #ff1a00 and you should have something like:

Adding Shape And Style

Step 14

Create new layer and Ctrl and click on the image on the layer below and set the forground to white and grab the gradient tool (G) and set it to white to clear and drag from top to about a 1/4 down and set the opacity to 30% and you should have something like:

Adding Gradient Again

Step 15

Creat new layer and grab the line tool (U) and set colour to #942236 draw a vertical line next the the left hand image like the image below.

Line Tool

Now grab the Marquee tool (M) and do as below. Creat new layer and now grab the brush and set to about 20 and draw a shadow like the image below.

Adding Shadow

Step 16

Now from the downloaded content grab the image as in the picture below and scale to fit.

Adding Downloaded Content Again

Final Step

For the final touch I added aload of text to show personal touch.

A Great Looking Header Tutorial: Final Result



Author's URL: ubldesignes.co.uk

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "A Great Looking Header"