Create a fiery text in Photoshop

In this tutorial, I will show you what is needed to create 3D text surrounded by a flame in Photoshop. We will create 3D text, combine the flames and the cracked texture with our text. We use several Photoshop techniques, such as image adjustments, layer blending modes, and various tools and filters.

If you are using an earlier version of Photoshop, you can download this PSD file with already created 3D text.

The complexity of this lesson is average, so some steps may be problematic for beginners.

Note: This lesson was done in Photoshop CC, so some screenshots may have slight differences with earlier versions. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final result of this lesson:

Let’s start!

To complete this lesson you will need the following materials:

  1. Font
  2. Cracked texture
  3. the fire

Step 1

Create a new document size 1400px * 782px with black background. We will begin by preparing the base texture by applying the downloaded cracked concrete texture. Let’s load the image into Photoshop and select its part:

Copy and paste the selection into our document, then use the tool Free transform (Free Transform) to apply perspective to selection:

Use soft eraser (Soft Eraser Tool) to smooth the edges of the texture, as shown in the image below:

Add the following 2 adjustment layers as clipping masks to the ground texture layer.

Translator’s note: to set the adjustment layers as clipping masks, you need to click on the icon with a small square and the crossed out arrow at the bottom of the properties window of the adjustment layer.

Levels

Curves

You should have something similar:

Step 2

Now we need to add more cracked texture to the background to support our text. We can return to the image with concrete and select it entirely:

Copy and paste the selection into the document. Resize the new layer to fit our background and reduce it. Opacity (Opacity) to about 70%:

Use soft eraser (Soft Eraser Tool) to smooth out the edges of the image, as shown in the image below:

Add the following 2 adjustment layers as clipping masks to the ground texture layer.

Translator’s note: to set the adjustment layers as clipping masks, you need to click on the icon with a small square and the crossed out arrow at the bottom of the properties window of the adjustment layer.

Levels

Curves

Result:

Step 3

If you are using an earlier version of Photoshop, you can download this PSD file with the already created 3D text at the beginning of the lesson.

If you have version CS6 or higher, use the downloaded font and 3D function to process the text “FLAME”:

Highlight text:

Move the selection to the cracked texture and copy the selected part of the texture:

Paste the selection on top of the text, then use soft eraser (Soft Eraser Tool), removing some texture honors so that it does not cover all the text:

Load the fire image into Photoshop and repeat the process described above, then copy the selection of fire:

Paste the selection on top of the text and change Blend mode (Blending Mode) on Hard light (Hard Light):

We can duplicate the 3D layer once and move it under all the texture layers:

Install Blend mode (Blending mode) duplicate layer on Overlap (Overlay):

It should look like this effect:

Step 4

Now add the ambient fire to our text. Use the tool Lasso (Lasso Tool) with shading 40px, to highlight some of the fire in the downloaded image.

Copy and paste the selection onto our document, then apply the following filter by going to the menu Filter> Sharpen> Unsharp Mask (Filter> Sharpen> Unsharp Mask) to sharpen a little fire:

Install Blend mode (Blending mode) layer with fire on Screen (Screen):

Add fire to our text, as well as a few additional elements around, as shown in the figure below:

Step 5

Almost done! To adjust the effect, I added Correction layer (Adjustment Layer) Color balance (Color Balance) over all other layers:

Add some more elements from the fire texture, as shown below:

Here is the image turned out as a result:

That’s all! I hope you enjoyed this tutorial, and you found something interesting in it. Write comments if you have any questions. See you in the next lesson, have a nice day!

Like this post? Please share to your friends: