Get Unlimited Access to Millions of Craft Designs, Templates, Fonts and More! Start Creating for Free Now

DesignBundles.NET
Pricing
DesignBundles.NET

Categories

New

Account

Start Free Trial
Exploding Text in Photoshop

By Design Bundles

Exploding Text in Photoshop

For this Tutorial, we will use Highliner Free Font from Anton Chergonorov and some “Dust” Photoshop Brushes that you can find online.

1 - In Photoshop, create a “New Document” and use black as “Background” color.

2 - Select the “Type Tool” (T) and type your text with the font of your choice (we used Highliner). Use white as “Fill” color.

3 - Double-click on your text layer and apply the following “Layer Styles”:

Inner Glow:

Gradient Overlay:

Outer Glow:

4 - Make sure your “Foreground” and “Background” colors are black and white respectively (if not, press “D” to reset them). Then, create a “New Layer” by clicking on the small button at the bottom of the “Layers” window.

5 - Make sure your new layer is on top, name it “Clouds” and go to Filter > Render > Clouds. Set the “Blending Mode” to “Overlay”.

6 - To load your “Dust” Brushes just double-click on “.abr” file you downloaded. Create a “New Layer”, place it on top and select the “Brush” Tool (B). Choose one of the brushes and click around the text adding some “Dust”. Remember to change the “Foreground” color to white.

7 - Change the size and select different brushes until you are satisfied with the result. Duplicate your “Text” Layer (Command/Control + J) and turn the original layer’s visibility off by clicking on the small eye icon in the left side of the thumbnail. (Use the original text layer in case you need to edit the text).

8 - Right-click on your duplicate text layer and chose “Rasterize Type”. Select the “Eraser” Tool (E) and using some of your “Dust” brushes erase some parts of the text.

9 - Go to the “Adjustments” Panel and add a “Gradient Map Adjustment Layer”, click on the “Gradient” Slider and apply something similar to this (The colors we used #070319, # 18245e, # 3928b4 and # e1cdef):

10 - Change the “Blending Mode” to “Linear Dodge (Add)”. Select your “Text” Layer and lower the “Opacity” a bit (to about 90%).

11 - Create a “New Layer”, place it on top of the “Background” Layer but under the “Text” Layers. Select the “Brush” Tool (B) and using a soft round large brush, with an “Opacity” of 20% and white as “Foreground” color, paint some light behind your text. Then, change the “Blending Mode” to “Lighten” and set the “Opacity” to 60%.

12- Check out your Artwork:

by @lornacane

Related Tutorials

Photoshop Tutorials

How to Use Text Effects in Photoshop

With Photoshop Text Effects, you can create text with impact in just a few steps.
Photoshop Tutorials

Easy See through Cut Out Text in Photoshop

Create a see-through cut out text design in Photoshop with these easy to follow steps.
Photoshop Tutorials

How to Fill a Shape with Text in Photoshop

Learn how to fill a shape with text in Photoshop in seven quick steps.
Photoshop Tutorials

How to Make a Graffiti Text Effect in Photoshop

Learn how to create a realistic grafitti text effect in Photoshop.
Photoshop Tutorials

How to Create a Holographic Text Effect in Photoshop

Discover how to create a holographic text effect in Photoshop with this step by step tutorial.
Photoshop Tutorials

Chalk Text Effect in Photoshop

In this tutorial, learn how to turn any font into chalk text in Photoshop with the Brush tool.

Keep going

You may also like

All photoshop tutorials
The weekly drop

Fresh tutorials, trends & free files.

Join 6 million makers getting our best craft guides and exclusive freebies straight to their inbox.

No spam. Unsubscribe anytime.
Exploding Text in Photoshop - Design School | Design Bundles