You are on page 1of 6

Glossy Icons

:: Step 1.

ƒ Create a document of any size you want, an choose white as background color
of that document. We will start with document sized 400×400 px.
ƒ Create a new layer now, by pressing CTRL+Shift+N.
ƒ Choose Elyptical Marquee Tool, (see image 1.) and create circle (not elypse)
in center of your document. While you draw circle hold Shift to get
proportional circle.
ƒ Press "D" to reset foreground and background color.
ƒ Now choose the Paint Bucket tool and fill the selection with black color.

Image 1.

:: Step 2.

ƒ Press Ctrl+D to deselect selection.


ƒ Doubleclick on "Layer 1" in Layers palette, and choose Drop and Shadow
under Styles. Enter the options as shown on image 2.

Image 2.

ƒ Click on OK, and while "Layer 1" is still selected press Ctrl+J to duplicate it.
ƒ Double click "Layer 1 copy" and click on Gradient Overlay. (also make sure to
deselect Drop shadow if it’s selected on this layer copy)… For Gradient
overlay enter the settings as shown on image 3.
Image 3.

:: Step 3.

ƒ Your image should look like this now:

Image 4.

ƒ Hold Ctrl on your keyboard and click on "Layer 1". The sellection will appear
around the circle.
ƒ Now go to menu Select -> Modify -> Contract. Under contract menu enter 4-8
pixels (experiment here, size depends on document size you created) We
entered 6 pixels in this tutorial example… You will notice that selection was
contracted inside for specified number of pixels.

ƒ Now press Ctrl+Shift+N to create another new layer. Move that layer on top of
all others if it isn’t already there.
ƒ Fill that selection with whatever color you like, in this example we filled it
with color #00366f.

:: Step 4.

ƒ Again hold Ctrl, and click on that last newly created layer (Layer 2). Again go
to menu Select -> Modify -> Contract. Now enter 3 pixels in contract menu.
ƒ Press Ctrl+Shift+N and create another new layer on top of all other layers.
Your document should look like shown on image 5.

Image 5.

ƒ Choose gradient style as shown on image 6.

Image 6.

ƒ Now choose Gradient Tool (G), and press "D", and then "X" to reset colors in
your color palette to black and white as default.
ƒ Choose options for gradient tool as shown on image 7.

Image 7.

:: Step 5.

ƒ Start applying gradient tool on selection of Layer 3 as follows: Hold Shift and
drag from top of circle to middle, then repeat that in smaller steps, and do that
from bottom of circle to center middle too, as shown on image 8.

Image 8.

ƒ Press Ctrl+T and resize that Layer 3, just enter 94% under width on top
menu… as shown on image 9. Press enter, and press Ctrl+D.
Image 9.

:: Step 6.

ƒ Now choose Dodge Tool (shortcut "O") and enter the options for tool in top
pallete as shown on image 11.

Image 10.

Image 11.

ƒ Now paint on top of circle on "Layer 2" and make it more lighter. If you wish
to do more smoother painting with less "effect" then lower the exposure.
Oterwise if you really want to lighten up the image, then give it more
exposure… After few clicks you will get something like shown on image 12.
Just remember to add some logo or text to it.

:: Final result
Final result.

You might also like