Create Glass Text Effect in Photoshop

  • Twitter
  • Facebook
  • Google+

Advertisement

Want create site? Find Free WordPress Themes and plugins.

Playing with Glass is very dangerous outside, but it isn’t in Photoshop. You’re safe enough to play if you have time and creativity along. You can find huge number of tutorials if you search for Photoshop text tutorials online. But we have only few when it comes to Glassy text effect tuts.

You can learn how to create awesome and complex text effects, but there are also plenty of very easy basic tutorials. In this current tut we will show something middle: it is very effective text, cool to design ads or posters but in same time is it is easy and you can create it within not more than 30 minutes. So in this photoshp tutorial we will show you how to create glassy text effect.

Hope you’ll find it useful.

TUTORIAL DETAILS:

Program: Adobe Photoshop CS3

Difficulty: Intermediate

Estimated Time: 30min – 1 hr.

Final Result

GlassTextEffectFinal_thumb Create Glass Text Effect in Photoshop

How to give a Glass effect to text? Here we tried to show you in simple steps.

Lets get started…

STEP-1

Let’s start by creating a new document. Set the dimensions of the canvas to 900×1200 px.

Step_1_thumb Create Glass Text Effect in Photoshop

STEP-2 (Creating gradient background)

Double click on the Background layer to access Layer Style and  add Gradient Overlay as I shown

Step_2_thumb Create Glass Text Effect in Photoshop

Arrange colors in gradient Editor as shown and click OK

Step_2a_thumb Create Glass Text Effect in Photoshop

Background will look like this after adding Gradient Overlay

Step_2b_thumb Create Glass Text Effect in Photoshop

STEP-3 (Adding cloudy texture)

Create a new layer and set the background color BLACK and foreground color WHITE in the bottom of tool palate, then go to Filter > Render > Clouds. Change the blend mode to Overlay and reduce opacity to 50%.

Step_3_thumb Create Glass Text Effect in Photoshop

STEP-4 (Creating glassy effect)

Create a new layer and Type your text with Horizontal Type Tool (T). I have chosen font Cooper Std. Size 225 pt.

Step_4_thumb Create Glass Text Effect in Photoshop

Double click on the text layer to access Layer Style and  make changes as shown

Step_4a_thumb Create Glass Text Effect in Photoshop

Then add inner shadow as shown below

Step_4b_thumb Create Glass Text Effect in Photoshop

Next add Outer Glow

Step_4c_thumb Create Glass Text Effect in Photoshop

Next add Bevel and Emboss

Step_4d_thumb Create Glass Text Effect in Photoshop

Next add Gradient Overlay

Step_4e_thumb Create Glass Text Effect in Photoshop

Then add Stroke

Step_4f_thumb Create Glass Text Effect in Photoshop

After adding all above styles the effect will look like this.

Step_4g_thumb Create Glass Text Effect in Photoshop

STEP-5 (Arranging text)

Duplicate the text layer and place it in such a way one overlays the other to witness the glassy effect

Step_5_thumb Create Glass Text Effect in Photoshop

Now add your own text, I go with “GLASS”

Step_5a_thumb Create Glass Text Effect in Photoshop

STEP-6 (Create shadow)

Create a new layer, draw oval shape and go to Select > Modify > Feather (Alt +Ctrl + D) give feather radius 10 pix then fill it with BLACK color and keep this layer below the text layers.

Step_6_thumb Create Glass Text Effect in Photoshop

STEP-7 (Creating mirror effect)

Duplicate all the text layers and merge them. Then with transform selection (Ctrl +T) flip vertically and place it below the original text as I shown.

Step_7_thumb Create Glass Text Effect in Photoshop

Erase slightly at the bottom part using Eraser Tool (E) and reduce the opacity of the layer to 50%

Step_7a_thumb Create Glass Text Effect in Photoshop

STEP-8 (Adding special effect)

In a new layer using default brush Crosshatch4 with 50 px. Create star glow effect on text with white color as I shown.

Step_8_thumb Create Glass Text Effect in Photoshop

here is how our final effect looks.

Final Image:

GlassTextEffectFinal_thumb1 Create Glass Text Effect in Photoshop

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.
Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

Your email address will not be published.
Required fields are marked *