Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Design a Shattered Crystal Text with Great Lighting Effect in Photoshop
Text Effect

Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

By James QuJuly 27, 20115 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the steps I took to Design a Shattered Crystal Text with Great Lighting Effect in Photoshop.  We will go over some simple Photoshop techniques such as the use of Photoshop brush settings, lighting effects, layer blending mode, and some filter effect, have a try :)

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Cloud Brushes

Splatter brushes (optional)

No stock image is required for this tutorial.

Step 1

Create a new document (size doesn’t really matter in this tutorial) with black background. Create a new layer on top of the background layer, and use the cloud brushes you downloaded to paint a subtle layer of cloud – you can achieve this effect by setting the flow and opacity of the brush to around 20%:

Duplicate this cloud layer once, use the free transform tool to compress the cloud layer down to form some ground texture as shown below:

Create a new layer on top of those two layers. Again we can add some more cloud to this new layer – this time we increase the cloud brush flow and opacity to around 50% to produce some more visible cloud effect. Use a soft eraser tool to remove the edges so it fades into the background:

Step 2

Use Any Bold Font you like, type a letter onto the centre of the canvas:

On this new text layer, apply the following layer blending options:

Bevel and Emboss

Gradient Overlay

Add a layer mask onto this text layer, use a soft eraser to remove the edges of the text as shown below and make it blend into the background cloud:

and you will have the following effect so far:

Step 3

Now let’s make a particle brush to produce some shattered effect for the text. Create a new document sized 70px * 280px, create a new layer on top of the background layer and use the Polygonal Lasso Tool to draw a selection as shown below on this new layer:

Fill this selection with black colour and turn off the background layer:

Go to Edit > Define Brush Preset and make a new brush:

Press F5 to bring up the brush settings window, apply the following options:

Shape Dynamics

Scattering

Other Dynamics

Also tick the Airbrush and Smoothing options.

Create a new layer and use this brush we just made, paint some small particles on the positions shown below: (reduce the brush tip size to a smaller scale before you paint)

Sides

Top

Make sure you use a soft eraser to erase the edges of the particles paint so they fade into the background:

Create a new layer and again use the cloud brush to paint some cloud over the text, as shown below: (Apply 20% flow and opacity setting for the cloud brush you chose for a subtle effect)

and here is the effect you will have so far:

Create a new layer directly before the text layer, use a soft white brush (size approximately the same as the letter) to do a single click on the centre portion – this will create a spot light effect for the text:

Step 4

Add some colors of your choice the image – you can do so via colour balance adjustment layer, or simply use a soft brush with colors and paint over a new layer (set layer blending mode to “soft light”, “overlay” or “color”)

Now we can add some crystal effect to this text – Let’s flatten the image (make sure you save a layered copy before doing so). Duplicate this background layer once and go to Filter > Pixelate > Crystallize and apply the following settings on the duplicated layer:

And you will have the following effect:

Change the layer blending mode of this layer to “screen”, and erase some portion of this crystal layer with a soft eraser so it won’t cover the whole image:

Step 5

We’re almost done! For some final touches, we can add some lighting effect around the text by brush tool and lens flare filter. The steps are quite simple – grab a soft white brush and do a single click on a new layer:

Hit Ctrl + T and right-click within the selection, choose the Warp option and warp this layer as shown below:

We can then attach those warped light effect to a desired position on the text:

You can also add light effect via Lens Flare filter – create a new layer and fill it with black colour, render the following Lens flare on this new layer:

Change the blending mode to “color dodge”, resize and warp this lens flare layer as shown below:

And you will have the following effect:

Duplicate this Lens Flare layer a few times, rotate and scatter them around the text:

Some further colouring and lighting effect are added as well, with some splatter brush paint using splatter brushes downloaded at the beginning of the tutorial,  and here is the final effect I have for this tutorial: (click to enlarge)

That’s it for this Photoshop tutorial! I hope you enjoy this and find it useful and inspirational. Till next time, have a great day!

photoshop text tutorial shattered text effect shattered text photoshop
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience, mastering the software since its 5.0 version. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Making 80’s Style Chrome Text Effect In Photoshop

April 9, 2025

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

February 15, 2025

How to Create Realistic Frozen Text with Cracks in Photoshop

January 29, 2025

4 Comments

  1. Joe Nicklo on July 28, 2011 4:19 AM

    Didn’t need the crystalize filter. Looked great without it.

  2. James Qu on July 28, 2011 8:11 AM

    @Joe: noted :)

  3. PSD Vault on July 29, 2011 9:55 PM

    noted :)

  4. Kevinmatt7 on November 14, 2011 11:47 PM

    Whats the link to the actual cloud brush you used for this tutorial?

Don't Miss

How to Resize Images Without Losing Quality in Photoshop 2025

May 17, 2025

The Beginner’s Guide to Photoshop AI Masking Tool

May 10, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

For Beginners

Basics

How to Resize Images Without Losing Quality in Photoshop 2025

By James QuMay 17, 20255 Mins Read

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

Photoshop Clipping Masks – Everything You Need to Know

May 8, 2025

10 Photoshop Blur Gallery Tricks That Will Make Your Photos Look Professional

April 26, 2025

You May Also Like

Text Effect

Making 80’s Style Chrome Text Effect In Photoshop

By Mohammad JeprieApril 9, 202511 Mins Read
Text Effect

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

By James QuFebruary 15, 20254 Mins Read
Text Effect

How to Create Realistic Frozen Text with Cracks in Photoshop

By James QuJanuary 29, 20254 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}