fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Rays of Light Photoshop Action

Create a Broken Glass Text in Photoshop
Tutorials Text Effects 35205 Views July 25th, 2012

Learn how to create a broken glass text effect in Photoshop using broken glass custom shapes. In one of my previous tutorials I have used broken glass brushes to create a realistic broken glass effect. So this glass effect can be obtained in so many ways in Photoshop, so the more tutorials you read the better you become.

And by the way you may want to take a look at these amazing glass text tutorials and among them you will find also a broken glass text that you must read.


In this new text tutorial I will show you how simple it is to create a broken glass text effect using custom shapes and layer styles for making the glass texture.

Broken Glass Text in Photoshop

This is the preview of the broken glass text effect that we are going to make in Photoshop. For this tutorial you have to have intermediate level Photoshop skills, you have to know basic things about vector shapes, how to use the Pen Tool, the Path Selection Tool and so on.

Let's start with a nice background; remember that the background is very important for a text effect so you have to blend the two items together. Download these beautiful paper patterns and add it as Pattern Overlay to the Background Layer.

Add a Hue/Saturation adjustment layer with the following settings to darken the background and at the same time to decrease the saturation level.

Write a simple "broken glass" text using a font that you like. I picked "Impact" font that I consider will work ok with this text effect. The color is not important because we will change it later on.

Convert the text to shape, because we are going to substract a custom shape from the text and it is the only way to do it. If you are not sure how to do it, you can read this quick tutorial on how to convert text into shape.

Download the broken glass shapes and load them in Photoshop. Pick one of the 5 custom shapes (I have picked the first one) and add it into a new layer called Broken Glass Shape Layer.

Part 1Part 2

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

10 comment(s) for "Create a Broken Glass Text in Photoshop"

11:40 PM Wednesday, July 25, 2012
Great tutorial dude. reply
8:05 AM Monday, July 30, 2012
I am glad you like it! reply
12:40 AM Tuesday, November 06, 2012
Found your website on Pixe2Life and came across your "Create a Watercolor Effect in Photoshop" tutorial. Just wanted to say I love how easy your tutorials are so far to attempt even for a beginner such as myself. Keep up the great work! reply
12:44 AM Tuesday, November 06, 2012
I am really glad that you find my tutorials useful! reply
12:46 AM Thursday, January 17, 2013
Thanks for a great tutorial, as usual! I used broken glass brushes in this work. Looks a bit different, but I like it. reply
1:25 AM Thursday, January 17, 2013
It looks nice :) reply
9:34 AM Monday, April 01, 2013
Nice result made after this tutorial by Virgo16 ( reply
12:13 AM Friday, April 05, 2013
Another cool broken text effect made by svladi ( reply
Gian Edward B. Cruz
Gian Edward B. Cruz
5:43 AM Saturday, January 31, 2015
yow bro, thanks a lot for the tutorial. The steps are simple and very understandable but the result is very cool and expert looking. This kind of tutorials inspires newbies like me. Salute. reply
3:01 AM Wednesday, February 24, 2016
The tutorial is sweet!!!!!!!
Thankyou for helping me reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create an easy water reflection of a person in Photoshop. All you have to do to make a ...
Learn how to create a restaurant menu card template in Photoshop using textures, food icons and text...
Get these useful frame and border premade backgrounds and textures and use them for your photos. You...
Learn how to create Ester backgrounds in Photoshop from these tutorials. The Easter Photoshop tutori...

      Burnt Paper with Fire Effects Photoshop
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Comics Book Photoshop Creator