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
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 tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas
OK let’s get started!
To complete this tutorial, you will need the following stocks:
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!
Step 1
Step 2
46 Comments
Wow! I like the effect! Very nice!
You Are The Best! Best Designer!
You Are The Best! Best Designer ! Keep On!
The tutorials on the site are always straightforward and easy to follow. The capability to design custom fonts is extremely helpful in ALL design aspects. Thanks.
nice one thanks
thanks for you, this is nice effect tutorials
nice, thanks
This is a fantastic work. A lot of steps. I like it. Think it is better then a teaching video. thx a lot for the work.
hmm you lost me at the colour balance area :( i created a new layer for it then tried to colour balance but it said that there is nothing in the layer D: could some one please explain???
M8 another great tut…… gonna do it tonight ;)
Thumbs up !
Ah how do i do the layer mask part >.>
@bob: you can go to Layer > Layer mask or simply click on the little filled rectangle with a circle inside at the bottom of the layer palette (not sure if cs2 or lower version has this, but cs3 and cs4 definitely has this shortcut)
Once you add the mask, use the erase tool (with a soft round brush) to erase the portion as shown in the steps.
Hope this helps.
awesome designing
Nice tutorial, i`ll try it in this weekend!
Nice! I finished this tut during class! too bad it took me an hour to do 7_7 keep making more cause you are the BEST.
hiii, thanx for the tricks…this is great tutorial……woooow…..thnx again…..
This is really helpful…. Thanks!
WoW . I Love This Amazing Effect ! =D
ОгО, класный урок
нада будет както перевести его самому себе
On Step4 when I use the cloud render, the text just turns white instead of the cloud. Why is it doing this?
@Theminatar: make sure your set the background colour and foreground colour to be black and white, before your render the cloud.
Hope this help:)
Great tut, using it
Didn’t work right for me during Step 5.
Dude!!!.. Can’t make -> STEP 5 <- work!!!.. T_T please SOMEONE HELP!!!!!!!!!!!!!!!!!!!! <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
Great tut, using it
hiii, thanx for the tricks…this is great tutorial……woooow…..thnx again…..
Nice! I finished this tut during class! too bad it took me an hour to do 7_7 keep making more cause you are the BEST.
Please, help me with Step 5. ^_^
@DJniki4: hi there, with step 5, just add a new image adjustment layer (color balance) according to the settings shown in those screenshots.
In saying that, If you use an earlier version of Photoshop, then you won’t have this feature.
Hope this helps.
Having problems with step 5 as i dont the option is shows up as the clouds layer being in a small box around the text and i did up past the color and same problem how did you have that layer blen in with the image IE not have it look like its in a small box just over the text
cheers
WoW . I Love This Amazing Effect !
@wisemonk: the color balance layer is an image adjustment layer added on top of the cloud layer. the colour adjustment was not applied on the cloud layer. Also check the blending mode of the cloud layer – it must be set to “Pin Light” and opacity to 50%.
Hope this helps
For the guys who have problems on step5. i think the tutorial is a bit fuzzy on that part as i myself also had some problems there.
what you guys who have this problem has done is to go “Image -> adjustments -> color balance”
when the way the tutorial creator meant is “layer -> new adjustment layer -> color balance”
I also got the problem with the cloud overlay becoming like a “box”. anyway, awesome tutorial.
best regards, aztyx
Ohh Thanks i follow you steps but ,not clear very well, Plz Add some more screen shot .!!!
you wouldnt belive how long I have been searching for this.
Very cool! I love the effect. Thanks for posting this great tutorial.
Very nice toturial indeed!
BUT, im a amature in photoshop and i dont understand step 4.
I can change the blending mode “linear light” and drop the opacity to 80% and it works fine but i dont understand how to add the layer mask.
Do i place the picture as a layer or is the picture just a illustration?
I use CS5 and have the add layer mask option, Ill be grateful for any help given.
Thanks
One additional question.
Is there a way to make a layer that ends the Color balance so that the layes beneath doesent recive the effect?
Explanation:
—————————-
Color Balance Layer
—————————-
Normal Layer (with color balance)
—————————-
Color Balance Layer (that ends the effect)
—————————-
Normal Layer (wihtout color balance)
—————————-
Kinda goofy way to ask sorry about that but my english is poor :p
Awesome! I love it, love the effect. Thanks for posting it.
WOW!
Its So HOT!!!
—
Nice tutorial thanks dear!
Thanks for this tutorial. I really like the effect and will probably be trying it out. I’m glad I found this blog.
Is there a way to make a layer that ends the Color balance so that the layes beneath doesent recive the effect!!
Wow ! Best tutorial. what is the font name?
where can i download this PSD? i paid for subscription and doesnt show download link anywhere, just mor elinks to login even tho i already am???
@Patrick4: Apology for this, looks like the download link is missing in the VIP area, I will upload it tonight and send you the download link to your email.
@Patrick: Just to let you know the PSD file has been uploaded. link has been sent to your email