Design Magical Fire Energy Text Effect in Photoshop

 

In this Photoshop tutorial, I will show you the steps I took to Design this Magical Fire Energy Text Effect in Photoshop. This is a beginner tutorial and I will show how easy it is to create a great looking text effect in Photoshop in just a few steps. We will come across some paintings, layer blending, and image adjustments. Have a try!

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

This inspiration of this tutorial comes from this artwork here.

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

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

fire-sparks-text-flatten

PSD Vault VIP Membership

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 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

OK Let’s get started!

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

Fire Texture

Step 1

Create a new document sized 700px * 1000px with black background, and use the gradient tool to fill background layer with the direction and colour shown below:

1 grad

We will be add some light over the background. To do so, draw a few dots as shown below on a new layer:

1 paint

Apply the following Motion Blur filter to this dot layer:

1 motion blur

Then, apply the Motion Blur filter again, but with a different Angle setting:

1 motion blur 2

and here is the effect so far:

1 effect

Step 2

Use any font you want, type a letter on the canvas:

2 type

Apply the following layer blending options to this text layer:

Bevel and Emboss

2 bevel

Contour

2 contour

Texture

2 texture

Inner Shadow

2 inner

Gradient Overlay

2 grad

Use a red particle brush (this should come with Photoshop by default), paint some particles behind the text:

2 effect

Step 3

Now we can paint some lines around the text to act as energy from the text. I used a 2px, 85% hardness brush tool:

3 brush

Use a similar colour as the text, paint some lines around the text as shown below:

3 paint

Keep painting more lines, trying mixing the colours to add more variety for the text:

3 paint 2

Step 4

We will add some fire texture over the text. Load the fire texture into Photoshop and select a piece as shown below:

4 sel

Copy and paste the selection over to our text, and warp its shape the fit and letter, so it looks like it’s part of the text:

4 warp

Change the layer blending mode to “Screen” for this fire texture layer:

4 screen

Duplicate this fire texture layer, and use the liquify filter to warp this fire texture as shown below:

4 liq

Then duplicate the liquify fire layer a few more times, and attach them to different part of the text as shown below:

4 attach

Optionally, you can add some more fires around the text as shown below:

4 bg fire

That’s pretty much it for this tutorial!  If you’re happy with your own outcome, you can just leave at that.

I made a few colour adjustments afterwards, and here is my result: (click to enlarge)

fire-sparks-text-flatten

Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!

Tags:

  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

  • do u have like a some way to make the lines with the brush in step 3 ?

  • Michelle

    For step 4 I would use a flame created in Flame Painter, it’s quicker.

  • Affan

    Hey which texture did u use in text???

  • SMG Designs

    Cool tutorial guys!

  • Ste

    How did u get sharp ends for brush strokes ?

  • Good tutorial
    I really thought those color choices worked really well.

  • I did not get to step 3, the brush was not as q indicated in the figure, should I use some effect??

  • Really vague tutorial. You should show the settings for the things you use.

  • awesome.
    i like this tutorial. thanks.

  • Alchco

    You smudge them

You May Also Like

Create Deep Space Text Effect in Photoshop

In this tutorial, I will show you the processes of creating this Deep Space ...

Design a Super Sleek Text Effect with Water Drop Texture

In this tutorial, I will show you the steps I took to create the ...

Design Awesome Glowing Edge Text Effect in Photoshop

In this tutorial, I will show you the steps I took to create this ...