Today, I am going to share broken glass text effect tutorial with you. In this tutorial you can learn how to create a broken glass text effect in Photoshop. I hope you will like this easy and useful tutorial. If you like this tutorial, feel free and share your comments with us.

You may also be interested in:

Broken Glass Text Effect: Final Preview

Broken Glass Text Effect Tutorial

Tools and Resources

Tools and Resources

Tools

These following photoshop tools are used in this tutorial.

  • Text Tool
  • Gradient Tool

Let’s start to create broken glass text effect in photoshop,

Step 1

Open Adobe Photoshop, and create a new Photoshop document. I am going to create a new document of 700 x 600 px with white background.

Broken Glass Text Effect

Step 2

Now we apply any colorful Gradient on background layer. After applying the gradient we set the Hue/Saturation.

Image > Adjustments > Hue Saturation and set the Saturation -40. After setting the Hue/Saturation we get a cool background as shown in preview.

Applying The Gradient and Hue-Saturation

Step 3

In this time we type the text. Select the Text tool (T) and type any text as you like, but I have written Glass Text Effect with Impact font and text color is black #000000, font size is 150 as shown in preview below.

Glass Text Effect

Step 4

In this step we applying some Blending Options on this text layer.

Layer > Layer Style > Blending Options

Drop Shadow

Drop Shadow

Outer Glow

Outer Glow

Bevel and Emboss

Bevel and Emboss

Satin

Applying Satin

Texture

Texture

Stroke

Stroke

After applying some blending options we get a awesome effect as shown in preview.

After Applying Blending Options

Step 5

In this final step we take duplicate layer of background layer, then move this layer above all the layers in layers panel.

After this producer we applying the Clipping Mask on this duplicate layer.

Layer > Create Clipping Mask

After applying the clipping mask we get a really Broken Glass Text Effect, you can see this wonderful effect in final preview below:

Broken Glass Text Effect: Final Preview

Broken Glass Text Effect Tutorial

I hope you have enjoyed this broken glass text effect tutorial and look forward to your comments. Don’t Forget to Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.