Tuesday, August 26, 2008

Glossy Icons !!!

Any half decent photoshop tutorial website will bound to have a glossy icon tutorial, so here i am trying to design a unique glossy icon. I came across one of a forumer's avatar and i think it look pretty cool and is unique with it's gloss effect. So here's the tutorial on achieving this glossy effect for your icon.

1. Open up a new 500px X 500px document. 

2. Fill up the document's background with #9c9c9c.
3. Create a new layer and use the Elliptical Marquee Tool to draw out a circle or any size you prefer.Name it "Black".
4. Fill it up with #000000.

5. Create a new layer above. Draw out another circle with the similiar tool and fill it up with #ffffff. We name this layer "white".


6. Create another layer above "white" and Ctrl-Click the "white" layer. Fill it up with #7e7e7e.
7. Use the marquee tool to select portion of the layer and cut it away by pressing delete.

8. Change the layer's blending 

9. With the layer selected, Go to Layer>Layer mask>Reveal All.
10. Using the Gradient tool, give the layer a mask from the top to roughly 2/3 of the circle.


11. Create a new layer and Ctrl-Click on the white layer again.
12. Using the Elliptical tool, select "Subtract from Selection" and Subtract away the top part of the selection.
13. Fill it up with #0f1517.

14. Change Blending Option.

15. Make the" white" layer invisible or delete it.
16. Add a shape you like.
17. Apply the Blending Option

18. Give "Black" layer a bit of nice shadows and gradient to give it a nice feel.

The effects would look even nice if you decrease the size of your image.

Labels: , ,

6 Comments:

Anonymous Sandro said...

This is very good!
Keep it up :)

August 29, 2008 at 6:05 PM  
Anonymous Admin said...

Thanks Sandro i appreciate it :)

August 29, 2008 at 11:15 PM  
Anonymous Anonymous said...

Thank you I used your tutorial and it worked just like you said. Much appreciated :)

November 27, 2008 at 8:15 PM  
Anonymous Viagra said...

this is the best way to reedit all kind of icons and create new ones, for example the one you used in this page, I want to ask you something, I want to reedit the Umbrella Corp. icon, can you give some ideas please?

April 6, 2011 at 12:24 AM  
Anonymous pharmacy said...

Nice tutorial, thanks a lot for share it, I really enjoyed the way you make linux to be easy hahaha it's still hard for me, but thanks.

September 2, 2011 at 2:28 AM  
Blogger baster said...

I think Adobe only supports Windows and Macintosh versions of Photoshop, but using Wine Photoshop CS4 can run on Linux
order essay services

January 7, 2012 at 12:52 AM  

Post a Comment

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

<< Home