Photoshop Text Effects

How to Create Glittering Glass Text Effect

In this tutorial, we’ll learn how to create glittering glass text effect. We will first create a simple glass pebbles texture and then make it shiny with a few layer styles. Here’s the effect we’ll be creating:

Glittering Glass Text Effect

To create sparkling glass text effect, you’ll need:

Step 1

Create a new 1000×837 document and set 200 as the Resolution value. Create a new layer above the background layer, set the foreground and background colors to their defaults by pressing D, and go to Filter > Render > Clouds.

Glittering Glass Text Effect Clouds

Next, we’ll create the texture by going to Filter > Filter Gallery, choosing Glass from the Distort folder and using the settings shown below.

Glittering Glass Text Effect Glass

Go to Edit > Define Pattern and name the texture. Then, you can either delete this layer or make it invisible.

Glittering Glass Text Effect Define Pattern

Step 2

Set the color #7e7e88 as the foreground color and #1e1e20 as the background color. Next, grab the Gradient Tool, select the Foreground to Background gradient and choose Radial Gradient in the Options Bar. Then, click and drag from the center of the document to one of the corners.

Glittering Glass Text Effect Gradient Tool

Place the Metal Rollgate texture on top of the background layer and change its blending mode to Multiply.

Glittering Glass Text Effect Metal Rollragte Texture

Step 3

Write your text with Oleo Script font, 100pt font size and color black. If you are writing more than one line of text, keep each line in a separate layer.

Glittering Glass Text Effect Text

Create two duplicates of each text layer by pressing Cmd/Ctrl + J.

Glittering Glass Text Effect Duplicate

Step 4

Double-click on the original text layer and apply the layer style shown with the color #000000.

Glittering Glass Text Effect Stroke

Apply the same layer style to the other original text layers by right-clicking on the styled text layer, clicking on Copy Layer Style, selecting all the other original text layers, right-clicking on one of them, and clicking on Paste Layer Style.

Then, select all the original text layers and go to Layer > Rasterize > Layer Style. If you are using versions earlier than CS6, you will first need to group the layers by going to Layer > Group Layers and merge them by going to Layer > Merge Group.

Glittering Glass Text Effect Rasterize

Step 5

We will now create a shiny stroke by double-clicking on the first duplicate text layer and applying the layer styles shown below.

Use Ring – Double as the Gloss Contour and #d5d5d5 as the Highlight Mode color.

Glittering Glass Text Effect First Duplicate Bevel and Emboss

Use Notched Slope as the Contour.

Glittering Glass Text Effect First Duplicate Contour

Use the “stove pipe 60” as the gradient.

Glittering Glass Text Effect First Duplicate Stroke

Glittering Glass Text Effect First Duplicate Drop Shadow

Apply the same layer style to the other first duplicate text layers in the same way as you did before.

Glittering Glass Text Effect First Duplicate Layer Style

Step 6

Change the color of all of the second duplicate text layers to something dark. I used #0a4752.

Glittering Glass Text Effect Second Duplicate Color

Double-click on the second duplicate text layer and apply the layer styles shown below.

Use Ring as the Gloss Contour and #595959 as the Shadow Mode color.

Glittering Glass Text Effect Second Duplicate Bevel and Emboss

Use Cone – Inverted as the Contour.

Glittering Glass Text Effect First Duplicate Contour

Use the texture we created a few steps earlier as the Pattern.

Glittering Glass Text Effect Second Duplicate Texture

Use #e1e1e1 as the color.

Glittering Glass Text Effect Second Duplicate Inner Glow

Apply the same layer style to the other second duplicate text layers.

Glittering Glass Text Effect Second Duplicate Layer Style

Step 7

Select the original rasterized text layer, go to Filter > Blur > Motion Blur, and use the values shown below. Do the same for the other original rasterized text layers.

Glittering Glass Text Effect Motion Blur

Lower all of the rasterized text layers’ opacity to 50% and using the Move Tool, move them so that the shadow starts from the edges of the letters and end at the bottom right.

Glittering Glass Text Effect Move Tool

Next, click on the Create New Fill or Adjustment Layer option and select Gradient Map from the list that appears.

Glittering Glass Text Effect New Adjustment Layer

Place the adjustment layer above all the other layers, change its blending mode to Color and set its opacity at 10%. Create the gradient using the color #507fb4 on the left and #ffffff on the right.

Glittering Glass Text Effect Gradient Map

And we’re done! The sparkling glass text effect tutorial is complete!

Glittering Glass Text Effect

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*