Create a text with the effect of fire in Photoshop

In this lesson you will learn how to create text with the effect of a flame and sparks.

Note: The lesson is done in Photoshop CS6, so the panels and tools on some screenshots may differ from earlier versions of the editor.


Step 1

Create a new document of 1200×600 pixels with a black background. We load in Photoshop Metal Background and select the desired area:

We copy (Ctrl + C) and we insert (Ctrl + V) selected area on the working paper and using transformations (Ctrl + T) slightly distort it (this will add movement and add a floating effect):

Using soft eraser (E) (set pressure and opacity to 50%) we need to erase the edges of the texture and some other details to give depth:

Add adjustment layers to the metal texture:

Levels (Levels)

Curves (Curves)

And we get this effect:

Step 2

Use the downloaded font to write black text:

Tip: If you find it difficult to hide text on a dark background, use white first, then change to black.

Apply several layer styles to the text:

Bevel and Emboss (Chamfer and embossing)

Pattern overlay (Overlapping pattern)

Use this texture:

Drop shadow (Shadow)

And we get the following result:

Step 3

Now we will add some fire to the image. Load the texture into Photoshop and select the desired part using Lasso tool (Lasso) (L), feather (shading) 30px:

Copy and paste the selection on the working paper, adjust the size and position, then transform into clipping mask (Ctrl + Alt + G) (the layer with the texture should be above the text one):

Duplicate the “fire” layer twice, without removing the clipping mask, place duplicates in different places of the text, as shown below:

Now we return to the document with the texture of fire and cut out a new area. Place it behind the text layer:

Tip: using transformations (Ctrl + T) adjust the size and shape of the texture for more variety.

Step 4

Now add the spark. On the texture of the fire, we highlight the area with sparks using Lasso tool (Lasso) (L):

Paste the selected area on the text and change the layer blending mode to Lighter (Lighter):

Use soft eraser (E) to slightly wipe the edges:

Repeat this process to add more sparks on the text, each piece of the texture is rotated and reduced / increased using transformations (Ctrl + T) to add diversity:

Step 5

We are almost done :) As a final touch, add Curves adjustment layer (Curves) to improve picture contrast:

I also merged all the layers into one and applied the filter Filter – Noise – Reduce Noise (Filter – Noise – Reduce Noise) to increase text clarity:

Optional: I added a filter Oil pant (Oil painting) (only in CS6 version) to the text in order to smooth the image a bit and add a light painting effect:

Here are the detailed filter settings. Oil pant (Oil painting):

We get the following result:

You can also add several color effects to get this final image:

Like this post? Please share to your friends: