How To Make a Glossy Web 2.0 Logo

I am not good at writing tutorials to be honest but almost a hundred people have already asked me how I made that glassy and cool web 2.0 logo for my blog so after all this hype I think its almost time to share it with my readers and the good thing is thats its damn easy. Of course with the domination of web 2.0 its almost difficult to stay away from cool looking logos so worry not because now even you can make yourself a glassy web 2.0 logo using this tutorial.

Make a Glassy Web 2.0 Logo

The software I will be using to make this tutorial is Adobe Photoshop however just follow the steps accordingly and you can replicate the tutorial to be used with other graphic softwares like Paint Shop Pro and Gimp. The method is really simple and easy and will not take then more than 5 minutes. So here we go:

Open a blank document in Adobe Photoshop of any pixel dimension with the default preset, resolution, color mode and background as white.
Select the ‘Text Tool’ and and write a text of your choice e.g.’Web’. Make sure the font-style is set to ‘Arial’, the font-weight must be ‘bold’ with a ’smooth’ anti-aliasing and of course choose whatever font size you like e.g. 50pt is recommended.
Right click on the text layer you just created and click ‘Blending Options’.
Now please check mark the box near ‘Color Overlay’ and apply the following transformation

Now please check mark the box near ‘Outer Glow’ and apply the following transformation

Your text should look something like this till now.

Repeat steps 2-5 again to create a text of different color which is going to be a part of your final logo. In this case the second text is ‘2.0′ and here is what you get.

Select the ‘Elliptical Marquee Tool’ and select the upper half-curvature of the text you just made. Take a look

Make a new layer above your other layers and name it ‘gloss’. Fill this layer with ‘White’ color using the ‘Paint Bucket Tool’ within the portion which we just selected using the Elliptical Marquee Tool. Set the opacity of this layer to 40%. Here is what we get finally

Add any open-source icon or image beside the glossy text to give it the complete form of a logo. Here is my pick

There you go! Wow I just wrote a complete Photoshop Tutorial lol. I hope most of you enjoy the tutorial and have fun making new web 2.0 logos. Please point out if I forgot to mention anything important.

Note: Make sure the Outer Glow color of your text logo is always lighter than the Color Overlay and it is good if you match the text colors with the colors of your open-source image or icon like in this tutorial.