Sign in to follow this  
Tom Jackson

Firey Text

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

 

Here's how you can create neat firey text like this:

pyro.net.jpg

(More images will be added later, it's kind of late at the moment)

  1. [*:1d2fa]Create the text layer, white on black:
    1. [*:1d2fa]Use a large, blocky font
      [*:1d2fa]Blur this layer with a gaussian blur so that the details of the text are still recognizable (holes in letters like 'A' shouldn't end up closed). One eighth the point size works well. The stronger the blur, the less readable the final output will be.

[*:1d2fa]Create the difference clouds layer

  1. [*:1d2fa]Set the blending mode for the clouds layer to 'Negation'
    [*:1d2fa]Render clouds with the scale for the clouds at roughly twice the font size.
    [*:1d2fa]Repeat it a bunch to get a whispy look

[*:1d2fa]Use Levels to adjust the clouds layer. Open the levels adjustment, hit Reset, then under the output area, the replace the default values of 255, 1.00, 0 with 128, 2.0, 0. These are the output White point, output gamma, and output black point, respectively.

[*:1d2fa]Use Levels to adjust the text layer. Open the levels adjustment, hit Reset, then change the input white point (the top-left textbox) to 210.

[*:1d2fa]Flatten the image.

[*:1d2fa]Use Levels to adjust the flattened image. Open the levels adjustment, hit Reset, then change the input range (the textboxes on the left) to 255, 96 (it defaults to 255, 0).

[*:1d2fa]Open up the Curves adjustment. Choose 'RGB' under 'Transfer map', then uncheck the 'Red' and 'Green' checkboxes so you're only modifying the blue channel, add a control point as shown below. Do the same for the green channel so you have the curves shown below.

fire_curve.png

  • Upvote 1

Share this post


Link to post
Share on other sites

This is what I get:

fire.png

I suggest you to do the step 3 before step 2.a you'll see the effect on the text.

Also we need Adjustment/Curves - RGB and reduce separetly blue / green curves to obtain fire color...

BTW nice effect!!!

Share this post


Link to post
Share on other sites

Nice tutorial.

Here's my reproduction:

fire.jpg

barkbark00, I like yours as well.

Share this post


Link to post
Share on other sites
Im not getting the whispy effect. So the LAYER is DIFFERANCE and the CLOUDS are NEGAGATION or w/e. Right? :?:

nope. Layer is NEGATION and clouds are DIFFERENCE.

Share this post


Link to post
Share on other sites

I've tried again and it isn't clear how to do !

Yes the clouds layer is Negation and the clouds effect mode is difference.

But it seems to work also in reverse. The result depends on how many time you use the clouds effect...

I have to inverse the color some time before Flattening some time after. I manage to have the edge and the middle of the letter near white before I change the RGB values.

Adjusting the brightness/contrast is a method to reduce the flame outside the text. But also it is strongly depending on the clouds image. You could take this part as optionnal and/or try to find the values for your image.

At the beginning I suggest to use a wave effect with the blur on the text. It's "breaking" the lines for a better rendering.

I hope it's help... :roll:

Share this post


Link to post
Share on other sites

I've changed the instructions a bit, I've found these steps lead to hotter results. Let me know what you think. The main difference is that I adjust the text layer's and clouds layer's levels before flattening, resulting in a better 'negation' image. Try it out.

Share this post


Link to post
Share on other sites

I when i do the cloud effect ALL IT DOES is change the backround from white to black, when i do effect again it will turn opposite color.

Example: I do cloud, backround is white. I do cloud again (ctrl f) and it turns black again..

Share this post


Link to post
Share on other sites

Perhaps your Roughness in the clouds effect is set too low. Try setting it near the middle instead of all the way on the left.

Share this post


Link to post
Share on other sites
I when i do the cloud effect ALL IT DOES is change the backround from white to black, when i do effect again it will turn opposite color.

Example: I do cloud, backround is white. I do cloud again (ctrl f) and it turns black again..

It sounds like your foreground and background colors are the same. Make them black/white.

Share this post


Link to post
Share on other sites

This is pretty neat! I don't pretend to understand how it works though. I just followed the instructions. I'm a two week old newbie to paint.net and I still can't get the basics of blending. Hue, saturation, level adjustments... I think I need a degree in color theory to understand this stuff. :?

KORTECKFIREnobackgroundPNG.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this