Design a Hot and Sparkling, Firery Text Effect in Photoshop

Download the 70-432 design tutorials and E20-001 demos to learn how to create inspring designs for your web site. Become expert of photoshop with 642-524 web designing course.

In this tutorial, I will show you the steps I took to create this Hot and Sparkling, Firery Text Effect in Photoshop. Have a try!

The point I would like to emphasise in the totorial is how you can achive great result by simply mixing the layer blending options and apply various filter effects.

Here is a preview of the final image for this toturial: (click to enlarge)

PSD File Download

OK let’s get started!

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

Font

Step 1

Create a new document sized 1200px * 600px, fill the background layer with black colour and create a new layer on top of it, grab a soft round white brush and do a single click on the position as shown below:

Resize this new layer with the Ctrl + T free transform tool to the lower half of the canvas, as shown below:

Name this layer as “back light bottom” and reduce the opacity around 20%, duplicate this layer once and move the duplicated layer up a bit, increase the opacity of the duplicated layer to 40%, we’ll have the following layered effect:

Step 2

Use the font we downloaded, type some texts on top of the previous layers, a shown below:

Apply the following layer blending options to this layer:

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow

Bevel and Emboss

Contour

Color Overlay

Stroke

And you will  have the following effect so far:

Step 3

Now we have the base text, let’s add some sparkles around the text. You may achieve this effect through filters but I prefer using a dynamic brush. Let’s grab a 3px soft brush, apply the following brush dynamics to it:

Shape Dynamics

Scattering

Save the brushset as we will be using it later on in the tutorial.

Now let’s create a new layer called “sparks” and use this brushset and paint  some dots around the text, as shown below:

Let’s spice up the effect by adding some motions into the text. Duplicate the “sparks” layer once, apply the following motion blur settings to it:

And you will have the following effect so far:

You can see so far we have just laying the fundation of the text effect. We will be adding more effect to it in the next few steps to touch things up.

Step 4

Create a new layer on top of all other layers called “cloud”, load the selection of the original text layer by Ctrl + left-clicking the thumbnail image on the layer palette of the text layer.

Render some cloud inside the selection on the new layer via the cloud filter:

Change the blending mode of the new cloud layer to “linear light” and drop the opacity to 80%, add the following layer mask to it:

And you will have the following effect so far:

Now here is an interesting trick: create a new layer called “cloud overlay”, firstly we render the whole layer with cloud, as shown below:

Then we use the free transform tool to resize this cloud overlay layer to around the same size as the text layer:

Change the blending mode of the cloud overlay light to “Pin Light” and drop the opacity to 50%, duplicate it once and you will have the following effect:

Step 5

Now we add a new color balance adjustment layer to give the text some colour boost, with the following settings:

And you will have the following effect so far:

You can see by simply adding a new adjustment layer, we give the text a great look (not yet finished, though).

Step 6

Now we can create a new layer on top of the two background bottom light layers, call the layer “dots” and use the custom brushset we made for the sparkles in Step 3, adjust the brush tip size to be a bigger one, keep the colour as White, paint some small dots around the text:

You can always paint some big dots (with a lower flow and opacity settings), as shown below:

You can see because of the colour balance adjustment layer we used, those dots will become red hot automatically.

Step 7

Now we can add some more splashing effect to the text. Remember we created a “Sparkle” layer below with tiny dots? We can duplicate that layer once, apply the following Radial Blur settings to the duplicated layer:

On the same layer, apply the following “Add noise” filter to it:

Resize the layer to a smaller size and position it to the centre:

Duplicate this layer a few more times, move the duplicated layer around, resize them to various shapes for variety, and you will have the following effect:

Step 8

We’re nearly there! We can flatten the image first (remember to save the layered one in a seperate file in case you want to go back), duplicate the background layer twice.

On the first duplicated layer, apply the following Smart Sharpen Filter to it:

On the second duplicate layer, apply the following

and the following mask to it:

and you will have the following final effect: (click to enlarge)

Ok that’s it for this tutorial! Of course you can alter the colour and add more effect it. Experiment and practices make you better.

Till next time, have a great day!