In this Photoshop tutorial, I will show you the steps I took to Design an Interesting Fire Text Effect with Particles in Photoshop. This is an intermediate level tutorial so some steps can be a bit tricky, but why not have a try :)

Along the way, we will be using a fire stock image and attach it to a text base, then use a number of filters and custom brush to create an interesting particle effect.

Find quality calendar printing at great prices online at NextDayFlyers.com

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

fire break apart text flatten 2 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Interesting Fire Text Effect with Particles in Photoshop

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Fire Texture

Cloud Brushset (Pick one from the list)

Step 1

Create a new document sized 770px * 900px with black background, create a new layer and use the cloud brush you picked to add some cloud texture to the top and bottom part of the canvas as shown below:

Hint: If the default brush size is too large, reduce its size to fit our canvas size.

1 paint 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop

Create a new layer again and add some smoke pattern with a cloud brush (with layer opacity set to around 20%):

1 cloud Design an Interesting Fire Text Effect with Particles in Photoshop

Use a soft eraser to remove the edges of the smoke layer so it blends into the background:

1 erase 500x404 Design an Interesting Fire Text Effect with Particles in Photoshop

Step 2

Create a new layer and type a letter on this new layer with a dark grey colour:

2 type 500x605 Design an Interesting Fire Text Effect with Particles in Photoshop

Apply the following Stroke effect to this text layer:

2 stroke 500x350 Design an Interesting Fire Text Effect with Particles in Photoshop

Then change this colour of this text layer to black, you will have the following effect:

2 black Design an Interesting Fire Text Effect with Particles in Photoshop

Load the fire texture into Photoshop, use the quick selection tool and select a piece as shown below:

2 sel 500x397 Design an Interesting Fire Text Effect with Particles in Photoshop

Apply the following Refine Edge settings to smooth out the edge:

2 refine edge 500x427 Design an Interesting Fire Text Effect with Particles in Photoshop

Copy and paste the selection onto our text as shown below:

2 after refine Design an Interesting Fire Text Effect with Particles in Photoshop

Step 3

Now let’s add some liquifying effect to this fire texture, use the liquify filter with the following settings:

3 liquid 276x700 Design an Interesting Fire Text Effect with Particles in Photoshop

Then, use the forward warping tool in the liquify filter, go crazy on this fire texture and add some flowing effect:

3 liquify 500x485 Design an Interesting Fire Text Effect with Particles in Photoshop

Apply the following Black and White adjustment to this fire layer:

3 bw Design an Interesting Fire Text Effect with Particles in Photoshop

Duplicate this fire layer a few times, resize and rotate them, then attach them to different part of the text as shown below:

3 attach 500x484 Design an Interesting Fire Text Effect with Particles in Photoshop

Step 4

Now we can add some fire particles onto the text – go back to the fire texture and use the quick selection tool to select a few fire pieces as shown below:

4 sel 500x361 Design an Interesting Fire Text Effect with Particles in Photoshop

Apply the following Refine Edge option to the selection:

4 refine 500x374 Design an Interesting Fire Text Effect with Particles in Photoshop

Copy and paste the selection onto our text, resize it and change the blending mode to “Hard Light”:

4 hard light 500x271 Design an Interesting Fire Text Effect with Particles in Photoshop

This is effect so far:

4 erase 500x332 Design an Interesting Fire Text Effect with Particles in Photoshop

Duplicate this layer a few times and attach them to different parts of the letter as shown below:

4 attach 500x589 Design an Interesting Fire Text Effect with Particles in Photoshop

Step 5

Now let’s make a simple stripe brush – create a new document with a thin rectangular shape, add a new layer and fill it with black colour as shown below:

5 fill 500x265 Design an Interesting Fire Text Effect with Particles in Photoshop

Then define a new brush via Edit > Define Brush Preset:

5 brush 500x240 Design an Interesting Fire Text Effect with Particles in Photoshop

Apply the following brush options to this brush:

Shape Dynamics

5 shape dyn Design an Interesting Fire Text Effect with Particles in Photoshop

Scattering

5 scat Design an Interesting Fire Text Effect with Particles in Photoshop

Other Dynamics

5 other dyn Design an Interesting Fire Text Effect with Particles in Photoshop

Tick the “Airbrush” and “Smoothing” options.

Use this newly created brush, paint some particles around the text as shown below:

5 paint 500x465 Design an Interesting Fire Text Effect with Particles in Photoshop

Step 6

We’re almost done! For some final retouches,  I added some red colour over the text with a colour balance adjustment layer (you can also use a red brush to paint over the text with the “Color” blending mode):

Hint: use layer mask on this colour layer to assist masking colours from the areas that you don’t want to have colours on.

6 add colour 500x514 Design an Interesting Fire Text Effect with Particles in Photoshop

Use a soft white brush, add some highlight over the text with the “overlay” blending mode for this highlight layer:

6 high light 500x395 Design an Interesting Fire Text Effect with Particles in Photoshop

I also added some more fire texture around the text with “Hard Light” blending mode for those added fire layers:

6 fire texture Design an Interesting Fire Text Effect with Particles in Photoshop

I also added some lines with method described in this tutorial here:

6 lines 500x394 Design an Interesting Fire Text Effect with Particles in Photoshop

and here is the final effect I have for this tutorial: (click to enlarge)

fire break apart text flatten 2 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!