Make a professional Glassy Button using just Layer Styles, really easy to do and great outcome.
1. Make a rectangle using the Rounded Rectangle Tool.
2. Now we’re going to add it some Layer Styles, starting by a Drop Shadow.
3. Inner Glow.
4. Bevel and Emboss.
5. Satin.
6. Gradient Overlay: #60a8d8 ,#89bad3 ,#a8d8f0
7. Finally a Stroke, using #85b8d2 as color
8. So far your button should look like this:
9. Then add some text usign Myriad Pro in Semibold 30pt.
10. And add it a Drop Shadow.
11. Gradient Overlay: #f5f5f5 to #ffffff
12. And that’s it, your Glassy Button.
Rate Tutorial:
27 comments on this tutorial
nice tut. !
This is awesome I have learned new things from it. Thank you. I am looking forward for new tutorials.
nice technique.
This tutorial is great, you’ve just forgot to put document size and rectangle (button) size (in px). Because of it, I didn’t get the exact result. Of course, maybe I did something wrong. If I did, please correct me. Again, great tutorial, thank you!
very glassy
thank you very nice lesson
Very useful work.Expecting more….
I have always wanted to learn how to make “glossy” buttons. It is a passion of mine to be a better graphic designer. Thanks a bunch!!!
comment
Thank you for the informative work![url=http://33banam.freehostia.com/stocktop-info-file14.htm]total[/url]
A very interesting and informative site.[url=http://33banam.freehostia.com/stocktop-info-file16.htm]name[/url]
Thank you for the informative work![url=http://33banam.freehostia.com/stocktop-info-file21.htm]items[/url]
Take care of it and keep it on the road![url=http://33banam.freehostia.com/stocktop-info-file27.htm]web[/url]
A very interesting and informative site.[url=http://33banam.freehostia.com/stocktop-info-file38.htm]dir[/url]
Alles Gute zum Geburtstag![url=http://33banam.freehostia.com/stocktop-info-file41.htm]web[/url]
Take care of it and keep it on the road![url=http://33banam.freehostia.com/stocktop-info-file42.htm]html[/url]
Enjoyed your website and found it informative.[url=http://33banam.freehostia.com/stocktop-info-file44.htm]all[/url]
I like it because is very useful.[url=http://33banam.freehostia.com/stocktop-info-file45.htm]about[/url]
Thank you.
Thank you for the informative work !
Regards.
Good Works.
Regards.
good works.
Alles Gute zum Geburtstag![url=http://0102lookdating.freehostia.com/?new-york-city-department-of-corrections-inmate-lookup]men look for in a woman[/url]
Thank you, looking forward to many more visits![url=http://0102lookdating.freehostia.com/?married-women-looking-for-love]married women looking for love[/url]
After just a quick browse, I’m really impressed![url=http://0102lookdating.freehostia.com/?women-looking-for-american-men]what do women look for in men[/url]
Thanks for the tips, great tech.I will surely apply all your tuts to my skill.
Thanks and keep it coming.
Very nice. Keep up the good work!