How to Create a Colorful Explosion Text Effect in Adobe Photoshop
How to Create a Colorful Explosion Text Effect in Adobe Photoshop
This tutorial will show you how to use a couple of colorful texture images, with a Photoshop action and some smoke and texture overlays, to create an easy, colorful explosion text effect. Let's get started!
➤How to Create Background and Text Layers
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 Ministry Bold, and set the Size to 500 pt and the Tracking to 50.You can increase the Canvas Size if your text doesn't fit.
➤How to Fill Text With Image Textures
Step 1
Go to File > Place Linked, and open the Drop of blue paint falling 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.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_02_1.jpg Add an Image Texture](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_02_1.jpg)
Step 2
Command-click the text layer to load a selection.![Load a Selection](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_03_2.jpg)
Step 3
Go to Select > Save Selection, and type Text in the Name field.![Save Selection](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_03_3.jpg)
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.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_03_4.jpg Load Selection](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_03_4.jpg)
➤How to Use the Sandstorm Photoshop Action
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.![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_1.jpg Create the Brush Layer](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_1.jpg)
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.![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_2.jpg Brush Settings](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_2.jpg)
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.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_3.jpg Paint Over the Text](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_04_3.jpg)
➤How to Run an Action
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.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_05_1.jpg Run the Action](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_05_1.jpg)
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.
![Action Result](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_05_2.jpg)
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.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_05_3.jpg Action Folders and Layers](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_05_3.jpg)
➤How to Add Smoke and Texture Overlay Layers
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.![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_1.jpg Add a Smoke Image](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_1.jpg)
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.
![HueSaturation](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_2.jpg)
Step 3
Add a mask to the smoke layer, and paint out any areas you don't like.![Mask Out Unwanted Areas](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_3.jpg)
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.
![Smoke Group](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_4.jpg)
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%![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_5.jpg Add the Landscape Image](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_06_5.jpg)
Congratulations! You're Done!
In this tutorial, we created text, filled it with colorful textures, and saved its selection. Then, we painted some areas and ran a Photoshop action to create a colorful explosion effect.Finally, we added a couple of smoke texture images and a texture overlay image to finish off the effect.
Please feel free to leave your comments, suggestions, and outcomes below.
![Image: https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_07.jpg Final Result](https://cms-assets.tutsplus.com/uploads/users/166/posts/29173/image/Step_07.jpg)
No comments