How to Create a Glass Effect in Photoshop

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: , ,

Comments are closed.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes