Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Glossy Icon
rss

Glossy Icon

Author: EmpireDezign More by this author


We'll begin this tutorial, by creating a new canvas at a size of 300 x 155 using White as the color.

Now right click on the background layer in the Layers Palette and select, "Blending Options...". Now click on "Gradient Overlay".

image 1

You may now click OK.

You should now have the below image.

image 2

Then grab the "Rounded Rectangle Tool" with 15 as the radius and Black as the color and draw the below shape.

image 3

Now right click on the shape layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

image 4

You may now click OK.

You should now have the below image.

image 5

Use the "Rounded Rectangle Tool" again with 15 as the radius and 454c4d as the color and draw the below shape.

image 6

Now right click on the shape layer in the Layers Palette and select, "Blending Options...". Now click on " Inner Glow ".

image 7

Do not click "OK" yet. Still more to do.

Now click on "Satin ".

image 8

You may now click OK.

You should now have the below image.

image 9

I then drew a basic shape courtesy of the "Custom Shape Tool". It was there that I found the hand shape.

image 10

Now right click on the hand shape layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

image 11

You may now click OK.

You should now have the below image.

image 12

Select the "Text Tool" and use the below settings:

image 13

I used the same style as was used in step 12 for the text layer.

image 14

The Results!!!

I then added a gloss to the effect to finish it off. If you have trouble with the gloss effect see some of my other interface tutorials for guidance. I hope you enjoyed this tutorial.

Glossy Icon Tutorial: Final Result



Author's URL: www.empiredezign.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Glossy Icon"