Tutorial: flame text / smoke with Gimp

Published by TheJoe on

Estimated reading time: 3 minutes


This article was published more than a year ago, there may have been developments.
Please take this into account.

New tutorial for today. Today's tutorial is very simple, one of the first that I have followed, perhaps one of the most abused. To add an inscription l’effect fiery” o l’effect smoke“.

First we create a new image. Hundred of shape 640 x 480 pixel.

With the instrument “Textwrite what we want “aflame“.

Duplicate the layer so you have two levels “written” different, and they hide one.

At this point with the tool “Wheelrotate one of the two levels written 90° (it does not matter if the word comes from the edges).

Clicking with the right mouse button on the level of the text select Layer Boundary Size“.

And it's we set the margins according to the following values.

Now apply this last level the effectWind“: “Filters” – “Distortions” – “Wind“.

We rotate again our written -90° and report straight.

Sfochiamo the level of the text of 5px: “Filters” – “Blur” – “Gaussian“.

At this point, for the semi-realistic flames will apply the effect “iWarping“, below “Filters” – “Distortions” – “iWarping“. In my case I played a little’ with the settings “Twisted” and “Move“.

This should be the result so far.

If the effect we're looking for is the “testo smoker” we could stop here, but flamed apply the effect to our writing is really that simple.

Look here:  CSS Sprites: the rollover with a single image using CSS

In the tab levels click with the right level smoker” we just created, and select “Merge Visible Layers“. In this way we will have the level “smoker” and the black level together. Then we go on “Colors” – “Color Balance” and we set the values in figura.

The values ​​of red and yellow must be set to Shadow“, “Halftone” and “Other luci“. Click on the respective radio button and change the values ​​of the other tones.

The tutorial ends here, after a few more tweaks the result is this, but the fundamental work to get the fiery effect is already done.


I keep this blog as a hobby by 2009. I am passionate about graphic, technology, software Open Source. Among my articles will be easy to find music, and some personal thoughts, but I prefer the direct line of the blog mainly to technology. For more information contact me.


Richard Tonin · 9 November 2013 at 8:03 PM

excuse me badly is the color you describe step-by-step steps to give color to the written?

    Giovanni Mauri · 23 November 2013 at 7:46 AM

    1_ Click on the radio button “shadow”,
    1.1_ Move the first and the last ruler on red on yellow,
    2_ Click on the radio button “halftones,
    2.1_ Move the first and the last ruler on red on yellow,
    3_ Click on the radio button “Other luci”,
    3.1_ Move the first and the last ruler on red on yellow.

Giusi · 9 July 2013 at 8:06 PM

this effect is beautiful! but in my photoshop cs6 there are these commands… you can help?

    Giovanni Mauri · 10 July 2013 at 9:31 AM

    Why ask me, I manage a blog entirely dedicated to open source, to help you with Photoshop?
    The more dispassionate advice? Look for a tutorial for Photoshop, there are dozens.
    The board more interested? Download Gimp and follow the tutorial.

    People often tend to complicate things, but life is simple.

TheJoe · 23 May 2011 at 6:26 PM

Ciao Andrea,
thanks for the comment. At the next!

andrea · 23 May 2011 at 5:40 PM

Hello interesting your blog!

voucher · 23 March 2011 at 1:44 PM

most beautiful effect! 🙂 bravo!

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.