How to Create a Colorful Explosion Photoshop Text Effect

This tutorial will show you how to use a couple of texture images, with an action and some smoke overlays, to create an easy, colorful explosion text effect in Photoshop. Let’s get started!

Or if you’re in a hurry and need some ready-made premium cool text effects in Photoshop to use in your personal or professional projects, find the best ones in Envato Elements.

Tutorial Assets to Create a Color Explosion Text Effect in Photoshop

You will need the following resources in order to complete this colorful text effect in Photoshop:

• Landscape
• Sandstorm Photoshop Action
• Branden Casual Sans Serif Font
• Teal Color Ink in Water
• Orange Ink in Water
• Pink Splash, Black Background
• Smoke Textures (download the images you like)

1. How to Create Background and Text Layers for a Color Explosion

These are the basic steps to start this Photoshop colorful text tutorial.

Step 1

Create a new 1500 x 1000 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, choose Solid Color, and set the fill color to Black.

Step 2

Create the text in All Caps using the font Branden, and set the Size to 500 pt and the Tracking to 50.

You can increase the Canvas Size if your text doesn’t fit.

2. How to Fill Text With Image Textures for a Colorful Photoshop Effect

Now it’s time to start adding some texture to create our colorful text.

Step 1

Go to File > Place Linked, and open the Teal colors and ink in water image. Hit the Return key, and right-click the layer to choose Create Clipping Mask.

Then, press Command-T to enter the Free Transform Mode, and resize, rotate, and move the image inside the first letter you have until it is filled with the texture.

Hit the Return key to commit the changes.

Step 2

Command-click the text layer’s thumbnail to load a selection.

Step 3

Pick the Rectangular Marquee Tool, press-hold the Shit-Option keys to intersect with the selection, and draw a rectangle around the first letter you have.

Once you release all, only the first letter will be selected.

Step 4

Make sure that the image texture layer is selected, press Command-J to duplicate the selection in a new layer, and delete the original image layer.

Step 5

Repeat the same steps to add the other image textures to the remaining letters. Once you’re done, hide the text layer.

3. How to Save and Load Selections to Create Colorful Text

By now, you’re starting to see this colorful explosion effect take shape, but you still have a little way to go.

Step 1

Select all the layers you have except for the text layer, and go to Layer > Merge Layers.

Step 2

Command-click the text layer to load a selection.

Step 3

Go to Select > Save Selection, and type Text in the Name field.

Step 4

Delete the text layer.

We will use the selection to paint within the text area, so if at any time you need the selection again, you can simply go to Select > Load Selection, and choose the Text selection from the Channel menu.

4. How to Use the Sandstorm Action for Colorful Text in Photoshop

We’re a few steps away from finishing this cool text effect in Photoshop.

Step 1

Pick the Brush Tool, create a new layer on top of all layers, and name it brush. The name is very important, so make sure that the spelling is correct, and that it is all in small caps.

Step 2

This is an optional step, but it helps create a more dynamic outcome. Open the Brush panel, and use these settings for the Brush Tips Shape and Shape Dynamics tabs.

Step 3

Set the Foreground Color to any color you like, and start painting over the areas you want to break apart.

The action comes with multiple direction options (Left, Right, Up, Down, and Middle). So keep in mind the direction in which you want the parts to be shattered.

Also, keep in mind that the parts will be generated from within the painted areas, which means that the brush size also affects the outcome.

5. How to Run an Action to Create a Colorful Explosion

Here, we’ll run an action to create a colorful explosion.

Step 1

Once you’re done painting, press Command-D to deselect.

Open the Actions panel, load the action if you haven’t yet, and choose the direction you want.

Click the Play selection icon at the bottom of the Actions panel to run the action, and wait for it to run. This might take up to a couple of minutes.

Step 2

After you get the result, you can see that you still have the Background and brush layers. If you don’t like the outcome, you can delete the action layers, make some changes to the brush layer, and run the action again.

There’s no right or wrong in this process—it’s trial and error until you get a result you like.

Step 3

Once you get the desired outcome, you can check out all the action folders and layers, and make adjustments to any of them.

For example, here I scaled the Particle Groups group down uniformly. You can go ahead and make any other changes, erase unwanted areas using the masks, and try the different options available in the COLOR group.

6. How to Add Smoke and Texture Overlay Layers to Create Colorful Text in Photoshop

Finally, it’s time to make the colorful text effect smokier!

Step 1

Place one of the smoke images on top of one of the letters, transform it as needed, and change its layer’s Blend Mode to Screen.

Step 2

Go to Image > Adjustments > Hue/Saturation, check the Colorize box, and change Saturation to 50.

Then, drag the Hue slider until you get a color similar to the letter’s texture color, and click OK.

Step 3

Add a mask to the smoke layer, and paint out any areas you don’t like.

Step 4

Add other smoke images to the rest of the letters you have, with different colors based on the letter texture colors.

Put all the smoke texture layers in a group and name it Smoke.

Step 5

Place the Landscape image on top of all layers, resize it to fill the document, and change its layer’s Blend Mode to Soft Light and its Opacity to 50%

Congratulations! You’re Done Creating a Colorful Explosion Photoshop Text Effect!

In this tutorial, we created text, filled it with colorful textures, and saved its selection. Then, we painted some areas and ran an action to create a colorful explosion Photoshop text effect.

Finally, we added a couple of smoke texture images and a texture overlay image to finish off the color explosion effect. It’s an energetic and colorful Photoshop text effect, isn’t it?

5 Premium Cool Text Effects in Photoshop From Envato Elements

In this tutorial, you’ve learned all the steps to create a color explosion Photoshop text effect of your own. Still, you may sometimes want to save time and use a professional template. If that’s the case, Envato Elements has a wide variety of premium Photoshop text effects.

Envato Elements is a subscription-based marketplace that offers anything you need for your creative projects, like premium add-ons, templates, and logos, all for a low monthly fee. Want to get a taste? Here are some hand-picked premium cool text effects in Photoshop:

CyberPunk Text Photoshop Effect (PSD)

This CyberPunk colorful text effect is the perfect mixture of a futuristic and vintage aesthetic. It’s sharp, colorful, enigmatic, and perfect for headers, logos, or other creative projects.

Melting Graffiti Text Photoshop Effect (PSD)

This is a versatile text effect. Not only does it offer a graffiti style, but the drip and typography make the design even more urban.

Golden Yellow Text Effect in Photoshop (PSD)

Talk about lux! This is a shiny, golden, elegant premium text Photoshop effect that will elevate your project and make it catch the attention of your audience.

Liquid Rainbow: Colorful Photoshop Text Effect (PSD)

How “groovy” is this colorful Photoshop text effect? Take your project on a ride to the 70s with this Liquid Rainbow premium asset. It will deliver a colorful explosion on its own.

Split Text Photoshop Action (PSD)

This is definitely one cool text effect in Photoshop. It will make things even trippier! This Split Text effect creates a blurry, spinning design that will send your artwork into a new dimension.

Explore More Awesome Resources

Looking for more text effect tutorials? Check out these articles:

• 

  100+ Best Photoshop Text Effect Tutorials

  

  Melody Nieves

  07 Aug 2022

• 

  How to Make a 3D Hologram Text Effect Photoshop Action

  

  Anderson Luiz

  14 May 2021

• 

  Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

  

  Enrique Eliçabe

  05 Jul 2019

• 

  How to Create a 3D Gold Text Effect With Photoshop Layer Styles

  

  Enrique Eliçabe

  03 Sep 2019

• 

  How to Create a Cartoon Gradient Text Effect in Adobe Photoshop

  

  Pavlo Manachyn

  30 Nov 2020

• 

  How to Make a Photoshop Action to Create a Stitched Jeans Text Effect

  

  Jan Stverak

  18 Feb 2022

• 

  30+ Cool Photoshop Text Effects, Actions & Styles for 2023

  

  Melody Nieves

  27 Dec 2022

• 

  40 Creative Photoshop Text Effects—With Vibrant Styles

  

  Sean Hodge

  15 Oct 2022