How to Create a Glass Effect in Photoshop

Posted on November 27th, 2009 by Admin

In this quick tutorial I’m going to show you how to create a simple glass effect using photoshop. I’m using photoshop CS4 but all versions of photoshop have the ability to create this basic yet beutiful glass effect. The glass effect is very web 2.0 looking and can transform parts of your website that may otherwise come across as dull, for example buttons.

So here we go..

Step 1
Create your button (or shape)

photoshop-glass-tutorial-1

Step 2
Create another shape the same but only half the height. Then set the transparency to 25% and position it at the top of the original image so that it covers half of the image.

photoshop-glass-tutorial-2
The final result should look something like this..
button-glass
Thanks for reading! If you like this tutorial plase share it. If you need any assistance with anything mentioned here feel free to mail me here

Tags: , ,

This entry was posted on Friday, November 27th, 2009 at 1:32 pm and is filed under Photoshop. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Response