How to enhance the glassy effect in Adobe Photoshop?

If you haven’t read my tutorial about making glassy buttons, please refer to:

1. How to make rounded glass button in Adobe Photoshop?
2. How to make rounded rectangle/square glass button in Adobe Photoshop CS4?

Making these buttons is really easy and giving simple glassy effects is also easy. In this article, I’m going to show you how you can enhance the glassy effect given in the above tutorials.

In the tutorial ‘How to make rounded glass button in Adobe Photoshop?’ refer to step 15 and 16. These steps are meant for those who want to show as if the light is flowing from bottom to top. However, you can change this by drawing the gradient from top to bottom. This affects the lighting conditions and thus, you will have to make sure that your shadow is lying at the bottom of button.


Lets talk about ‘How to make rounded rectangle/square glass button in Adobe Photoshop CS4?’ tutorial. In steps 16 and 17, we simply filled the curve figure with white paint. However, as in above, we can set the gradient form top to bottom in order to show the same fainted light effect coming from top.

This way, we can enhance the glassy effect to much larger extent.