Start with creating a new document
Fill the background with any color you might like. I used cyan just for an example.
Change the foreground color to , say, red or brown – for contrast. Choose the Custom Shape Ellipse tool from the toolbar and draw a circle. Go Layer>Rasterize>Layer.
Let us start adding volume to the circle. That means we should add some shadowing and tinting. Go Layer>Layer Style>Inner Shadow and use the following settings:
You will get something like this:
Now choose the Bevel and Emboss option on the Layer Style palette. Adjust the settings as shown on the picture.
Use white color for Highlight mode and black for Shadow mode. To change the Gloss contour click on the small preview of the curve and adjust the curve so that it would look as shown:
Look at our circle – it has turned into a cute glossy button.
But that’s not everything – it still doesn’t look like a glass circle. Again go Layer>Layer Style>Satin. Adjust the following settings:
Use the white color for blending. I’ve changed the Gloss contour to an Assymetrical Cone preset
You can do the same or play around with other contours from the presets – you will see how many glass styles you can achieve with these! Now look at our button.
It looks more realistic now, isn’t it?
But see – the glass circle is still not transparent. So we have to make it that preserving the glass realism we’ve worked out. Again go Layer>Layer Style>Blending Options. Reduce the Fill Opacity to null.
Now take a look! We’ve got an awesome glassy transparent lens!
Let’s add some shadow to our realistic glass – Layer>Layer Style>Drop Shadow and adjust the settings as follows:
And we’re done! You can remove the background layer now and save your glass button in PNG format. After that just try to put it on any background you want – looking fabulous with the pattern showing through!