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:
- Excellent Lighting Effect Tutorial in Photoshop
- Photoshop Button Tutorial in Simple 8 Steps
- Photo Manipulation Tutorial for Beginners
- Fire Text Effect Tutorial in Photoshop
Broken Glass Text Effect: Final Preview

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.


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.


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.


Step 4
In this step we applying some Blending Options on this text layer.
Layer > Layer Style > Blending Options
Drop Shadow


Outer Glow


Bevel and Emboss


Satin


Texture


Stroke


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


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



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.