By Design Bundles
22 Feb 2018
4 Mins

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

6 Related Photoshop Tutorials

Rainbow Cake Text Effect in Photoshop 3D Text

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Watercolor Text Effect in Photoshop (Part 2)

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

Rainbow Cake Text Effect in Photoshop

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

Puffy Sticker Text Effect in Photoshop

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

Watercolor Text Effect in Photoshop

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

Hologram Text Effect in Photoshop

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...