particle-flame-text-flatten-2

Create Awesome Particle Flame Text Effect in Photoshop

In this tutorial, I will show you the steps I took to Create Awesome Particle Flame Text Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)

Along the way, we will using lots of selection, layer blending, and custom brush effect. We will manipulate the fire texture with the liquify filter, and learn how to use adjustment layers to fine-tune the final effect.

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

particle flame text flatten 2 500x312 Create Awesome Particle Flame Text Effect 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 Create Awesome Particle Flame Text Effect in Photoshop

OK Let’s get started!

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

Font

Wood Texture

Fire Texture

Step 1

Create a new document with black background (canvas size doesn’t really matter for this tutorial), create a new layer and use the font we downloaded, type some text on the new layer with a dark red colour:

1 type 500x307 Create Awesome Particle Flame Text Effect in Photoshop

On this text layer, apply the following layer blending options:

Inner Shadow

1 inner shadow 500x350 Create Awesome Particle Flame Text Effect in Photoshop

Bevel and Emboss

1 bevel 500x350 Create Awesome Particle Flame Text Effect in Photoshop

Gradient Overlay

1 grad 500x350 Create Awesome Particle Flame Text Effect in Photoshop

Stroke

1 stroke 500x350 Create Awesome Particle Flame Text Effect in Photoshop

and you will have the following effect:

1 effect2 500x256 Create Awesome Particle Flame Text Effect in Photoshop

Step 2

Now let’s add some wooden texture onto the text. Load the wood texture image into Photoshop, load the selection of the text layer from our document and drag it onto the wooden texture:

2 sel1 500x276 Create Awesome Particle Flame Text Effect in Photoshop

Copy and paste the selection onto our text, then reduce the layer opacity to around 65%:

2 blend 500x231 Create Awesome Particle Flame Text Effect in Photoshop

Then, duplicate this wood layer once and set the blending mode of the duplicated layer to “Overlay”, increase its layer opacity to 100%. You will have the following effect:

2 overlay 500x259 Create Awesome Particle Flame Text Effect in Photoshop

Optionally, you can add a colour balance adjustment layer as clipping mask to this wood texture layer to tune the colour a bit:

2 col bal Create Awesome Particle Flame Text Effect in Photoshop

and here is the effect so far:

2 effect2 500x252 Create Awesome Particle Flame Text Effect in Photoshop

Step 3

If you’re having trouble with this step, check out this video Photoshop tutorial I have below:

Let’s add the fire texture onto the text. Load the fire image into Photoshop and use the Quick Selection Tool select a portion of the fire as shown below:

Hint: Hit Ctrl + Alt + R and bring up the Refine Edge tool to adjust the edge of the selection to get better result.

3 sel 500x290 Create Awesome Particle Flame Text Effect in Photoshop

Copy and paste the fire selection to our document, put it above all previous layer and change the blending mode to “overlay”:

3 overlay 500x255 Create Awesome Particle Flame Text Effect in Photoshop

Duplicate the fire layer once and change the blending mode to “Screen” – by doing so, you can add more fire texture onto the text and give it more depth:

3 screen 500x239 Create Awesome Particle Flame Text Effect in Photoshop

Go back to the fire texture image, use the quick selection tool to select another piece of the fire, copy and paste it onto our text: (adjust the blending mode of the fire texture accordingly, you can try “color dodge”, “soft light” and “screen”, have some experiments :)

3 keep dup 500x264 Create Awesome Particle Flame Text Effect in Photoshop

You can also use the Liquify filter to warp the fire texture and create a flowing effect for the fire texture:

3 liq setting 500x162 Create Awesome Particle Flame Text Effect in Photoshop

3 liq 500x242 Create Awesome Particle Flame Text Effect in Photoshop

and here is the effect you would be aiming to achieve:

3 effect2 500x264 Create Awesome Particle Flame Text Effect in Photoshop

Step 4

We can add some smoke behind the fire with the cloud filter or a smoke brush:

4 smoke 500x277 Create Awesome Particle Flame Text Effect in Photoshop

Let’s create the triangle particle brush – create a new document with a rectangular shape, add a new layer on top and use the Pen Tool to draw a shape as shown below:

4 path Create Awesome Particle Flame Text Effect in Photoshop

Right-click and fill this path with black colour:

4 fill 500x443 Create Awesome Particle Flame Text Effect in Photoshop

Turn off the background layer, and go to “Image > Trim” and trim the transparent pixel off:

4 turn off Create Awesome Particle Flame Text Effect in Photoshop

Go to Edit >Define brush preset and define a new brush:

4 name 500x264 Create Awesome Particle Flame Text Effect in Photoshop

Once you’ve done adding this new brush, press F5 and bring up the brush options window, apply the following settings:

Shape Dynamics

4 shape dyn1 Create Awesome Particle Flame Text Effect in Photoshop

Scattering

4 scatter Create Awesome Particle Flame Text Effect in Photoshop

Other Dynamics

4 other dyn1 Create Awesome Particle Flame Text Effect in Photoshop

Now you can use the newly created brush to paint some red particles around the text:

Hint: adjust the brush size as you paint to add more depth to the image. also remember to save this brush so you can reuse it in the future.

4 paint2 500x273 Create Awesome Particle Flame Text Effect in Photoshop

Step 5

We’re almost done! For some final adjustments, we can flatten the image, duplicate the background layer and apply the following Reduce Noise filter settings:

5 reduce noise Create Awesome Particle Flame Text Effect in Photoshop

As you can see, after the noise reduction, we have a clearer, more fiery text effect with warmer colour:

5 fire touch 500x224 Create Awesome Particle Flame Text Effect in Photoshop

Add the following 2 image adjustment layers to the image:

Black and White (Important: set blending mode this layer to “color dodge”)

5 bw Create Awesome Particle Flame Text Effect in Photoshop

Color Balance

5 col sha Create Awesome Particle Flame Text Effect in Photoshop

5 col mid1 Create Awesome Particle Flame Text Effect in Photoshop

5 col hig Create Awesome Particle Flame Text Effect in Photoshop

As you can see, we added some brighter colour to the image by having those 2 image adjustment layers:

5 brighter 500x398 Create Awesome Particle Flame Text Effect in Photoshop

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

particle flame text flatten 2 500x312 Create Awesome Particle Flame Text Effect in Photoshop

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