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 :)

For your next business card printing press run, put your best foot forward with carefully thought out design work.

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

shattered text flatten1 500x581 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

vip sign up 250 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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%:

1 paint1 500x664 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

1 ground 500x258 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

1 cloud2 500x693 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

Step 2

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

2 type 500x653 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

Bevel and Emboss

2 bevel 500x350 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

Gradient Overlay

2 grad 500x350 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

2 erase2 500x487 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

and you will have the following effect so far:

2 effect3 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

3 draw Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

2 fill Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

3 define Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

Shape Dynamics

3 shape dyn Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

Scattering

3 scat1 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

Other Dynamics

3 other Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

3 paint 21 500x204 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

Top

3 paint 1 500x231 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

3 fade 500x269 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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)

3 paint cloud 500x267 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

and here is the effect you will have so far:

3 effect1 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

3 paint bg light 500x468 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

4 crystalise setting Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

And you will have the following effect:

4 crystalise Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

4 change blending mode 500x560 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

5 paint Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

5 warp Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

5 attach 500x376 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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:

5 lens flare Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

5 warp lens flare 500x520 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

And you will have the following effect:

5 lens effect 500x326 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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

5 dup1 500x387 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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)

shattered text flatten1 500x581 Design a Shattered Crystal Text with Great Lighting Effect in Photoshop

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!