Photoshop offers one of the most robust graphics editing experiences available. Sometimes, we just cannot stop ourselves applying some nice effects to beautifully designed typefaces. Therefore, we have created our own amazing text effect photoshop tutorial for you.
In this tutorial, I will show you the process involved in creating this golden flame text effect with soft smoke texture in Photoshop.
To complete this tutorial, you will need the following stocks:
Font
Soft Smoke Texture
Step 1
Create a new document sized 1200 * 800px, fill the background with black colour. On the background type, use the font we’ve just downloaded to type some texts onto it.

Step 2
On the text layer, apply the following layer blending options:
Outer Glow

Inner Glow

Bevel and Emboss

Contour

Stroke

And you will have the following effect:

Step 3
Duplicate this text layer FIVE TIMES. For each duplicate layer, slightly adjust each layer’s position on the canvas, also alter the opacity of each duplicated layer for creating more depth. Here is what I have after adjusting each layer:

Step 4
Duplicate all preview text layer ONCE. Rasterize those duplicated text layers and merge the duplicated layers together. On the merged layer, apply the following Gaussian Blur Settings:

Change the blending mode of this merged layer to “Hard Light”, you will have the following effect:

Rename this merged layer to “Glow”, we will continue to use this layer for the next step.
Step 5
Duplicate this “Glow” layer THREE TIMES. From bottom to top, adjust each layer’s blending mode and opacity according to the following settings:
Duplicated layer 1:
Blending mode: vivid light
Opacity: 90%
Duplicated layer 2:
Blending mode: overlay
Opacity: 80%
Duplicated layer 3:
Blending mode: soft light
Opacity: 70%
And you will have the following effect:

Step 6
Load the “Soft Smoke texture” into Photoshop, use the Lasso Tool with a 20px feather setting, select a portion of the smoke texture, copy and paste it onto our text document.
Use the Free Transform tool (Ctrl +T) to rotate the texture until reaching the effect as follows:

Name this new layer as “Flame”, duplicate it a few time. Again on each duplicated layer, use the Free Transform tool to rotate and resize, so that the shape of each layer differs from each other. Also make sure the Smoke Texture covers the whole text. Here is what I have after the Free Transformation:

Step 7
Merge those duplicated layers from the previous step and keep its name as “Flame”. Change the blending mode of the merged layer to “Hard Light”. You will have the following effect:

On this layer, hit Ctrl + U and apply the following Hue and Saturation adjustments:

And you will have the following effect:

Step 8
Still on the “Flame” layer, add the following layer mask to it: (Hint: use a soft round brush with different flow and opacity settings to create depth)

Here is the effect after applying the mask:

Then we duplicate this “Flame” layer three times. Set the layer blending mode of the duplicated layers (from bottom to top) as “Hard Light”, “Overlay”, “Overlay”. You will have the following effect:

Step 9
Now we can add some smoke around the text so it doesn’t look too isolated. To do this, duplicate the “Flame” layer one more time and remove the mask. Desaturate this duplicate layer, change the blending mode to “Screen” and decrease the opacity to around 30%. Here is what I have so far:

Step 10
For some final adjustments, I added the following image adjustment layers on top of all previous layers:
Curves

Brightness and Contrast

Hue and Saturation

And here is the final effect:
OK, that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Remember to always keep your own creativity! Here is an alternative version I have: (adjusted the colour balance a bit)
Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out. Cheers and have a nice day!
Hello, my name is James from Gold Coast, Australia. I love Photoshop as a hobby and have been playing around with it for a long time. I currently work full-time as a system administrator and run my Photoshop tutorial blog psdvault.com during my spare time.





Always love your step-by-step guideline.
Really nice, gonna try it out soon.
Very cool. Thanks for sharing. Keep it up
Great
Tweeted
[...] Design a Golden Flame Text Effect in Photoshop | Web Resources | WebAppers Insanely Awesome Flame Text Tutorial!! (tags: design tutorial photoshop text typography) [...]
nice work., but i can’t download the smocke thing. help.
@ Hahofreak
You can donwload it on http://fc03.deviantart.com/fs42/f/2009/104/e/4/Smoke_036_by_ISOStock.jpg
wow…it was great… step by step guide
Uhm i do this tutorial and my Photoshop freezes up on me for some reason….Says photoshop has encountered a unexpected and unrecoverable error…blah wtf
Sorprendente efecto, gracias por compartir, que te sea pagado con muchas novias
its cool, but man if you make 3 copies, you get 4 layers, you said to make 3 copies but u meant that we only had 3 layers…
I like it. good tutorial. thank….
lovely tutorial…thanx for the enlightenment!
[...] 5. Golden Flame Text Effect with Soft Smoke [...]
Very Nice. Excellent result.
Very Nice. I love it!
ALWAYZ LOVE IT!
I dont understand step 3,4….please help….thanks so much
en el paso 3 tienes que duplicar la capa texto 5 veces y moverlas un poco.. cada una de ellas en una dirección diferente.. (a la derecha, izquierda, arriba o abajo) luego le cambias la opacidad a cada capa, en diferente porcentaje ( estos utilice yo, en cada capa, de abajo hacia arriba, 67% 23% 41% 28% 48% 19% )
En el paso 4…. lo que tienes que hacer, es duplicar todas estas capas que hiciste en el paso 3 y unirlas, (ctrl+E) y le aplicas un desenfoque gaussiano, de 6.6 pixeles y por ultimo le cambias el modo de fusión a Luz Fuerte
espero que lo puedas entender
in step 3 you have to duplicate the text layer and move them 5 times a bit .. each in a different direction .. (right, left, up or down) then change the opacity of each layer, in different percentage (I use these in each layer, bottom-up, 67% 23% 41% 28% 48% 19%)
In step 4 …. you have to do is to duplicate all the layers you did in step 3 and joining (ctrl + E) and apply a gaussian blur of 6.6 pixels and ultimately changed the way of a merger Luz Fuerte
I hope that we can understand
really cool tutorial, thanks
Everything seems okay, but i can’t figure out how to assign the “smoke texture” to the text. It could be something with the download of the smooth smoke texture because when i press downlaod i only get a big picture with the smoke and a purple’ish background. To me it seems like you’ve “rendered” the smoke and then added it to your text. Please help mee!
Excellant tutorial, you have made it VERY easy to follow. Thanks and keep up the great work
)
I am trying to duplicate this effect, but I want the flames to be blue, and as similar to real blue flames as possibly for my website logo, which is BlueFlame. For some reason, when I change the colors, whether it be on the text, or the smoke effect, I can not get this to look correct. Any tips?
As always, a great tutorial! Just as Carl, I was wanting some hot blue on blue flame action so I just applied a Hue/Sat adjustment layer at the top of the stack with the colorize option checked and was able to lock it down. Hope this helps Carl:)
thanks for the tip. It still does not look the way I want it to. I think I need to change the color of the flame texture, and maybe the text as well.
Are you clipping the adjustment layer to the previous layer? That would make it so only the previous layer was being adjusted. Otherwise the adjustment layer should be colorizing the whole stack. Also, if “colorize” isn’t selected the Hue/Sat adjustment will be relative to the colors in place. “Colorize” makes the adjustments absolute. Hope this helps Carl.
I am creating a new layer totally, independent from the other layers. I am also using the colorize feature, as well. The issue seems to be that the golden color of the text is still visible, as opposed to everything being blue. Thanks Do you have an example to show so I can see how yours turned out?
I did things a bit differently then James did. I wanted the text to be more clear so I added a text layer with some blending effects on the top. Here is what I came up with.
http://img300.imageshack.us/img300/4896/tutorial3b.jpg
that is pretty cool. I changed some things, and tinkered a bit as well. Here is the link……its the logo at the top, obviously. http://www.blueflamewebdesign.com
Looks good Carl. Looks like you were able to get the gold color out of drive the blue home.
At the Hue And Saturation part, the color didnt match:\ So I gave up. But everything else than that, good tutorial!
I am so sorry, it;a a very nice tutorial, but I can’t understand Step 4. Maybe my English not good. Please explain to me again, clearlier… Thank you so much…
nice very cool the outcome
[...] Design a Golden Flame Text Effect [...]
[...] 3. Die goldene Flamme [...]
I am a new photoshop user, and I think this tutorial is so great. Easy to understand, well explained with screenshots. Thanks, author. I have bookmarked this website and will come here to check your latest tutorials.
Amazing effect
I really liked the effect even though it was very long
[...] Golden Flame Text Effect [...]
[...] Golden Flame Text Effect [...]
Thanks in advance!
smart smart smart!!!
the brush is still not available to download i try like 50 times and its really annoying
Amazing! Thanks for sharing these
[...] Golden Flame Text Effect [...]
this is really cool
Thank you so much, your posts are great and this tutorial is amazing, looks more simple when explained so detailed. Thanx
At the end of this you are having problems seeing your text its really easy to fix while maintaining the intended look.
1) Copy the Glow Copy (3)
2) Move it just before the master color adjustments
3) Change to Color Dodge
4) Adjust opacity to your liking
Good Luck
neat effect and simple tutorial
RSS feed for comments on this post · TrackBack URI