Free online photoshop training

Photoshop tutorials for webdesigners

Create a modern looking Website Header

September 5th, 2007 · No Comments

In this Photoshop tutorial, create a cool new square website header for a modern website template.

[1]-First of all open new document of Custom size and make Height & Width 400 x 400 pixels.

Choose Resolution 72 and Mode RGB Color.

pun111-website-header1.gif

[2]-Now create the following selection by the Rectangular Marquee Toolpun111-website-header2.gif

pun111-website-header3.gif

[3]-Now fill the selection with any color and go to Select>Modify>Smooth and use the following settings

pun111-website-header4.gif

[4]-After applying the above settings your Image will look as shown below.

pun111-website-header5.gif

[5]-Now press Ctrl+Shift+I and then ‘Delete’

[6]-Now Click on sign ‘f ‘ which is indicating by finger sign as shown below

pun111-website-header6.gif

[7]-Now select Bevel & Emboss and use the following settings

pun111-website-header7.gif

[8]-Now select Texture Elements and use the following settings

pun111-website-header8.gif

[9]-Now select Gradient Overlay and apply the following settingspun111-website-header9.gif

[10]-Now select Texture Elements and apply the following settings

pun111-website-header10.gif

[11]-After used the above settings your image will be look as shown below

pun111-website-header11.gif

[12]-Now select Text Tool and write words as you wishpun111-website-header12.gif

[13]-After write the words Click ‘f ‘ for Layer Style

[14]-Now select Drop Shadow and apply the following settings

pun111-website-header14.gif

[15]-Now select Stroke and use the following settings

pun111-website-header15.gif

[16]-At last, all settings have completed and your Website-Header also prepeared

pun111-website-header16.gif

Create Rusty photoshop text effect

Learn to make jigsaw puzzle piece made of painted cardboard like material.

Create a software CD using photoshop techniques

Tags: Web graphics

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment