April 9, 2010

StunningMesh – Tutorials & Articles

Blog about IT, Design, Tutorial, SEO and a lot more.

Hot & Glossy Icon in Photoshop – Lets Check It How?

I’ve already read a tutorial about making Icons in Photoshop, but here is very simple and short technique to make Glossy Icon in Photoshop, beginners will really enjoy making this tutorial as it is not complicated one. So hopefully you will like it.

1. Lets start with a new document of size 560x560px with RGB color mode and 72 resolution, with black background. Now draw a Circle having white color by using Ellipse Tool Ellipse Tool.

Glossy Icon in Photoshop

2. Now run the command Layer >> Layer Style >> Stroke and give the following setting:

Glossy Icon in Photoshop

3. Don’t hit ok, click on Gradient Overlay and make the Following Gradient, I’ve mentioned color numbers:

Glossy Icon in Photoshop

4. When you hit OK, the following effect should come:

Glossy Icon in Photoshop

5. Goto Layer Panel and click on the Thumbnail of the Circle layer by holding Ctrl (cmd) key:

Glossy Icon in Photoshop

6. Now pick Elliptical Marque Tool Elliptical Marquee Selection Tool and from the Property Panel switch on ‘Intersect with Selection‘ icon Intersect Selection. Now select the upper part of the Ellipse like show below:

Glossy Icon in Photoshop

7. Create a new Layer and while keeping same selection, fill the selection by White color with 20% opacity. (you can do this by filling the selection with white color and change the opacity of the layer to 20% from Layer Panel).

Glossy Icon in Photoshop

8. Now type any Character in the middle, I’ve used ‘X‘ for an example, color will depend upon you, I’ve used White color:

Glossy Icon in Photoshop

9. Now run the command Layer >> Layer Style >> Stroke (and then Bevel and Emboss), give the following settings:

Glossy Icon in Photoshop

Glossy Icon in Photoshop

10. Here is the Final Result of Glossy Icon in Photoshop:

Glossy Icon in Photoshop

Now you can use this Technique for making different icons for your Web Based Projects. You can also make different Buttons for your different upcoming Projects. How did you find this Tutorial? Must let us know by commenting in the Box Below, Keep Visiting us for more attractive Tutorials.

Last Updated on

A professional Web/Graphic Designer, working as Freelancer since 2000. Designing is my passion, blogging is my hobby.