[Tutorial] How to create Glass Effect in Photoshop?

In this tutorial, we are going to learn how to apply blending styles on simple text, for converting it into a glass effect using Photoshop.

image-1

  • Create a new file of size 500 x 400 pixels, and select a background image similar to the image shown below, as it is more effective than solid or any other types of images.
  • Now create a text layer, and write your text (Press shortcut key T to create a new text layer).
  • You can select font size and font family of your choice, I have used Rockwell as a font family and set it to font-size 120px.

image-2 image-3

  • As you can see in the image below, there is an option for blending in the layer palette. Select it to apply styles to your text.

image-4

  • We will select 5 different styles to get the desired effect. Refer to the parameters exactly as shown in the 5 images below. We start with the Drop Shadow.

image-5

  • Now set the Inner Glow style as shown in the image below.

image-6

  • Set the parameters for Bevel and Emboss.

image-7

  • Set Satin as shown in the image.

image-8

  • Set Stroke of size 1, and set the color #959595.

image-9

  • After applying the above blending styles, it should look something like this. Now you are just a step away.

image-10

  • On reducing the fill value to ‘0’ from your layer palate you are done with the glass effect!

image-11

  • As we have only applied blending styles to the text, we can change the text as desired.

Final Image

image-12

Do drop in your comments.

2 Comments

Shyam Mudliar December 8, 2010

That was good tip buddy .Thanks 😉

Amandeep Singh December 13, 2010

That was easy and pretty quick 🙂