Here’s a cool idea if you are looking for a free photoshop tutorials to make a unique logo or banner image for your website header.
In this tutorial I will explain few photoshop techniques in step by step manner so that even beginners can understand what’s going on.

[1]-First of all open New Document of Custom size, Height & width 580×300, Resolution 72 and Mode RGB Color as shown below

pun185-photoshop-tutorials-web-design-idea1.gif

[2]-Now select Custom shape Tool and use the following shape & settings
pun185-photoshop-tutorials-web-design-idea2.gif

[3]-Now create the following shape with the help of Custom Shape TOol & then select Pen Tool and Click and after that select Make Selection

pun185-photoshop-tutorials-web-design-idea3.gif

[4]-Now apply the following settings in Make Selection

pun185-photoshop-tutorials-web-design-idea4.gif

[5]-Now your image will be look as shown below
pun185-photoshop-tutorials-web-design-idea5.gif

[6]-Now fill the selection with any color & create the following selection with the help of Elliptical Marquee TOol

pun185-photoshop-tutorials-web-design-idea6.gif

[7]-Now Press Ctrl+Shift+I and then press “Delete” & then click on ‘f’ which is indicating by Hand sign as shown below

pun185-photoshop-tutorials-web-design-idea7.gif

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

pun185-photoshop-tutorials-web-design-idea8.gif

[9]-Now select Stroke Structure and use the following settings
pun185-photoshop-tutorials-web-design-idea9.gif

[10]-Now your image will be look as shown below

pun185-photoshop-tutorials-web-design-idea10.gif

[11]-Now create the following selection with the help of Polygonal Lasso TOol
pun185-photoshop-tutorials-web-design-idea11.gif

[12]-Now fill the selection with any color and after that click on ‘f’which is indicating by Hand sign as shown below

pun185-photoshop-tutorials-web-design-idea12.gif

[13]-Now select Outer Glow and use the following settings

pun185-photoshop-tutorials-web-design-idea13.gif
pun185-photoshop-tutorials-web-design-idea14.gif

[14]-Now your image will be look as shown below

pun185-photoshop-tutorials-web-design-idea15.gif

[15]-Now create the following selection with the help of Elliptical Marquee TOol

pun185-photoshop-tutorials-web-design-idea16.gif

[16]-Now fill the selection with any color & after that click on ‘f’ which is indicating by Hand sign as shown below

pun185-photoshop-tutorials-web-design-idea17.gif

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

pun185-photoshop-tutorials-web-design-idea18.gif

[18]-Now select Satin Structure and use the following settings

pun185-photoshop-tutorials-web-design-idea19.gif

[19]-Now your image will be look as shown below

pun185-photoshop-tutorials-web-design-idea20.gif

[20]-Now create the following selection with the help of Elliptical Marquee Tool

pun185-photoshop-tutorials-web-design-idea21.gif

[22]-Now go to Blending Options with the help of CLick on ‘f’ on Layer Pallete and after that select Inner Shadow and apply the following settings

pun185-photoshop-tutorials-web-design-idea22.gif

[23]-Now select Outer Glow and apply the following settings

pun185-photoshop-tutorials-web-design-idea23.gif
pun185-photoshop-tutorials-web-design-idea24.gif

[24]-Now reduce the opacity of this layer as shown below

pun185-photoshop-tutorials-web-design-idea25.gif

[25]-Now your image will be look as shown below

pun185-photoshop-tutorials-web-design-idea26.gif

[26]-Now create Text with the help of Text Tool

pun185-photoshop-tutorials-web-design-idea27.gif

[27]-Now go to Blending Options and select Bevel & Emboss and use the followings settings

pun185-photoshop-tutorials-web-design-idea28.gif

[28]-Now select Stroke Structure and use the following settings

pun185-photoshop-tutorials-web-design-idea29.gif

pun185-photoshop-tutorials-web-design-idea30.gif