Creating a web 2.0 logo ( adobe photoshop )

Back with another tutorial this time i have brought how to create a web 2.0 logo just like the below

Photoshop - 7 or higher required

Firstly open photoshop and create a 600*400 document (Note : can change accroding to your preference).

The write a text just like i have written below
*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/1.png


Now go to the text layer and click on blending option's

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/2.png

Now do the required setting's as shown below ( change according to your preference )

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/3.png

now ( MAKE SURE THAT THE BLENDING PROPETIES IS OPEN AND YOU ARE IN GRADIENT OVERLAY SECTION ) Hower the mouse over the image you will get some below sort of effect.

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/4.png

now select the circle tool

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/5.png

now make a circle over the image

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/6.png

now make a new layer

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/7.png

now select fill tool

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/8.png

now fill the colour in the circle

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/9.png

now change the opacity of the layer

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/10.png

now right click on the text layer and click on duplicate layer

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/11.png

now drag the new duplicated layer below the previous one

now select the new duplicated layer and go to edit >> Transform >> flip vertical

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/12.png

now drag the duplicated text as shown below

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/13.png

now right click on the duplicated text and select blending option's

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/14.png

now do the required setting's;

*72.232.43.130:2082/viewer/home%2feasytuto%2fpublic_html%2fMy%20Images%2fLol/15.png

now ( MAKE SURE THAT THE BLENDING PROPETIES IS OPEN AND YOU ARE IN GRADIENT OVERLAY SECTION ) Hower the mouse over the image you will get some below sort of effect.