Glossy logo tutorial
In this tutorial you’ll learn how to create this logo.
I’ll be using Adobe Photoshop CS3 but the tools used are available on Photoshop CS2. Let’s get started!
1-Start by creating a new Photoshop document with a width of 400 and a height of 176 pixels.
2-Fill the canvas with a dark grey. You can do that by pressing Shift+F5 and selecting Color from the drop down menu. I am using the color #3a3a3a.
3-Create a new layer, select the ellipse tool from the toolbar and make your foreground color #2472ba. While pressing Shift to constraint proportions, click and drag to create a perfect circle.
4-Select the rectangle tool and drag from the top most point of the circle to the right most one so you get the shape depicted in the next image.
5-You will now add a white border to the shape and give it a shadow. Right click the layer and click on Blending Options. The settings you should use are depicted in the following images.
6-Create a new layer, set your foreground color to white and select the brush tool. I used a 55px soft brush. Gently, brush on the lower left side of the shape. Then, change the layer’s blending mode to Overlay. You should get this:
7-Now we’ll add some gloss to the shape. Yet again, create a new layer and select the pen tool.
Draw a curvy line over the shape like shown in the following image. When you’re done, right click the path and make a selection of it.
8-While holding CTRL+ALT+SHIFT click on the layer which contains the shape. That will select the overlap of the shape and what you selected previously.
9-Grab the gradient tool and make a gradient that goes from white to transparent. Drag it from right to left. Then deselect (CTRL+D) and reduce the layer opacity to about 60% to soften the effect. You should have this by now:
10-Finally, we’ll add the initial of the company to the logo. Under the layer which contains the gloss, create a new layer and using the Type Tool write the letter W. I’ve used the font Diavlo. Then use the following layer style:
11-Add some type (I used Calibri) and there you go: a glossy logo!
If you have any questions regarding this tutorial, please post it in the comments. I’ll try to be as helpful as possible.
Also, please post your results and variations. I would love to see them! 
Read more from the Web Design category. If you would like to leave a comment, click here: 8 Comments. or stay up to date with this post via RSS, or you can
Trackback from your site.
Social Bookmark :
Technorati,
Digg,
de.licio.us,
Yahoo,
Blinkbits,
Blogmarks,
Google,
Magnolia.