Glossy Silver Web 2.0 Icon Tutorial
Posted on 05. Apr, 2009
by Tutorials Etc in Icons
Today's Etc Tutorial is a classic web 2.0 glossy silver effect. We will be applying the web 2.0 glossy silver effect to a Photoshop comment bubble shape to create a icon.
Here we’re going to create the Speech Bubble Icon from the Free Glossy Silver Icon set found on IconsETC.
STEP #1
Create a new transparent document 512px by 512px st 72dpi.
STEP #2
To create the comment bubble shape activate the text tool by typeing T, chose Webdings as your font, set it to 350pt, then type (^) as shown below.
STEP #3
Next double-click on the text layer you have just created to bring up the Layer Styles Dialog Box. Then apply the following layer styles:
STEP #4
Now to create the gloss layer create a new layer by going to LAYER >> NEW >> LAYER in the menu and name the layer “Gloss”. Use the paint bucket tool to fill the layer with white.
STEP #5
Grab the Elliptical Select Tool and select a region similar to the one depicted below and press Ctrl+X (or Command+X) to remove it.
STEP #6
Set the layer blend mode to Soft Light, the opacity to 75%, and the fill opacity to 62% as seen below.
STEP #7
Right click on the gloss layer and select “Create Clipping Mask” as seen below.
Thats it!
You should now have something that looks like the comment bubble you see below.
This also works great as a text effect as seen below.
Didn’t get the exact same results? Want to save some time? Download the source files below.
What’s Included in the Download:
• Fully layered source PSD
• .ASL file with layer style needed to create the icons – ready to install!
BONUS: 36 fully layered popular icons in this style as seen in the preview.
Related Tutorials
Premium
Marvelus
22. Apr, 2009
Added on http://www.webmaster-aide.Com
thanks
Marvelus
22. Apr, 2009
Added on http://www.webmaster-aide.Com
Another Very good tutorial Thanks !
hsmcd
23. May, 2009
nice tutorial…very nice icon indeed!!!
Roger
27. May, 2009
@ Marvelus
Thank you for your comments. We appreciate them!!!
Roger
27. May, 2009
@hsmcd
Thanks for your comment and for using one of our icons on your blog !!!
ibdreamy
04. Jul, 2009
Thank you ! I’ve been looking for a nice clean style in silver! Awesome!
Lita
06. Jul, 2009
@ibdreamy ~ You’re welcome and thanks for the compliment!
mark
18. Jul, 2009
sir how did you do the mirror effect on the word etc??
thank you so much for you icon.. a good help indeed
Pamela
28. Jul, 2009
@ Mark ~ thank you, we will add that part to the tutorial soon.
Trackbacks
15. Jan, 2010