Glossy Icon


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



Author's URL: EmpireDezign
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Glossy Icon"

Captcha