Look at what we’ll be creating…

Fire title plate tutorial in AE

Now let’s get down to business…

Setting Up the Flares

  • Start with an 800 x 600 composition, square pixels, 30 frames per second, 9 seconds in length by going to Composition > New Composition

comp settings

  • Type in whatever the text is going to be in the center I’m using FORGING FIRE STUDIO, font-size= 64 pixels, font = Myriad Pro Black
  • With the text layer selected, pre-compose the layer into it’s own composition by going to Layer > Pre-compose or by the shortcut shift+alt/opt+c
  • Change the layers mode to “add” on the layer in the timeline by selecting the mode dropdown to the right of the layer name, you may have to “toggle switches/mode” to see the modes

precompose

  • Name the precomposed layer flares by simply selecting the layer and pressing return or enter on the keyboard and then entering in the text “flares”
  • Next, goto the Effects and presets panel and type in particle systems and you should see the plug-in CC Particle Systems II, add this to the flares layer by simply selecting it in the panel then dragging and dropping it onto the “flares” layer

add particle systems II from the effects and presets panel

customize the settings for cc particle systems II

  • Then search for CC Vector Blur in the effects and presets panel, apply that to the flares layer by simply selecting the effect in the panel and then dragging and dropping it onto the layer and apply the following settings

customize the settings for cc vector blur

  • Again, search for Turbulent Displace in the effects and presets panel, apply that to the flares layer by simply dragging and dropping the effect onto the layer and apply the following settings

customize the settings for Turbulent Displace

  • One more time, search for Glow in the effects and presets panel, apply that to the flares layer by simply dragging and dropping the effect onto the layer and apply the following settings

customize the settings for Glow

These settings are VERY tempermental and will vary somewhat for different amounts and sizes of text. The key to all of the settings is held within the vector blur amount and the turbulent displacement size. So– if you’re having trouble getting your fire to look like this chances are one of those settings, maybe both need to be adjusted. At this point the fire flares should be exactly that. As you scrub the timeline you should see fire flares popping onto the screen and disipating into the air.

*My recommendation if you’re having trouble is to follow this tutorial exactly then play around with the settings as you become more comfortable.

The Belly of the Fire

  • Duplicate the “Flares” layer by using the following shortcut, with the layer selected– hit cmd/ctrl+D
  • Rename the newly duplicated layer to “Fire Belly”
  • Turn off the visibility of the “Flares” layer by pressing the eyeball icon to the left of the layer name
  • Reselect the “Fire Belly” layer, in the effects panel– apply the following settings

customize the settings for the belly of the fire

If everything has gone according to the plan– after turning the “Flares” layer’s visibility back on– your fire should now look like this

what the fire should look like now

The Molten Drip

Adding the downward flames

  • Duplicate the “Fire Belly” layer by using the following shortcut, with the layer selected– hit cmd/ctrl+D
  • Rename the newly duplicated layer to “Downward Flames”
  • Turn off the visibility of the “Flares” and “Fire Belly” layers by pressing the eyeball icon to the left of the layer name, we do this to save rendering time and cpu usage while we’re working because this can be very taxing on your computers memory. If your computer is still going slow you may want to bring the resolution down from full to half or maybe even a quater
  • Reselect the “Molten Drip” layer, in the effects panel– apply the following settings

customize the settings for the downward flames

After you’ve turned back on the invisible layers and scrub the timeline to somewhere in the middle, your preview of the flame should look similar to the above. It may not look exactly the same but it should be fairly close.

Adding the molten drip

  • Duplicate the “Downward Flames” layer by using the following shortcut, with the layer selected– hit cmd/ctrl+D
  • Rename the newly duplicated layer to “Molten Drip”
  • Turn off the visibility of all other layers by pressing the eyeball icon to the left of each layer’s name
  • Reselect the “Molten Drip” layer
  • In the effects and presets panel search for CC Mr. Mercury and apply it to the “Molten Drip” layer below the Particle Systems II effect but above the Turbulent Displace effect
  • Delete the CC Vector Blur effect
  • Apply the following settings

customize the settings for the molten drip

Adding the Background

The texture we’re using for the original preview background is available in the Flourish Master Pack Extended, it’s available here, and it’s 2.jpg. I know ALOT of you have it but if you don’t you can get a set of 6 free textures in our free stuff, one of them will work just fine!

  • Drop your texture into the timeline panel below ALL of the other layers
  • Rename the layer to BG
  • Scale it down to your desired size. I used the high resolution version of 2.jpg and scaled it down to look like this

scale the background

  • Next, go to the effects and presets panel and search for hue
  • Apply the Hue/Saturation effect to the layer “BG” by dragging and dropping it onto the layer in the timeline
  • Change the settings to the following

apply Hue/Saturation

  • Next, duplicate the “BG” layer by using the following shortcut, with the layer selected– hit cmd/ctrl+D
  • Rename the layer to BG Highlite
  • Change the layers mode to “add” on the layer in the timeline by selecting the mode dropdown to the right of the layer name, you may have to “toggle switches/mode” to see the modes
  • In the toolbar at the top, with the layer still selected, change the shape from the Square Tool to a Ellipse Tool. After it’s been selected, double click the ellipse tool icon. This should add a elliptical mask to the layer as illustrated below

add the elliptical mask

  • Then scale down the mask by double clicking on the mask, then– holding down shift and dragging a corner to the center so that it looks like the glow from the fire
  • After you’ve scaled the layer down add some bezier curves to the mask by using the pen tool to add points as shown below

add bezier curves

  • Then using the move tool, shortcut “v” on the keyboard, move the newly added bezier curves to distort the elliptical mask as shown below
  • Also– with the bg highlite layer still selected hit “f” on the keyboard to reveal the feather options for the mask in the timeline layers and use the settings shown below

distort the bezier curves

  • Add flicker to the “BG highlite” layer by hitting “t” on the keyboard with this layer selected to reveal the opacity settings. Option/ALT+click the opacity stopwatch to reveal the expression entry area. Enter “wiggle(50, 200)”. This says change the opacity of this layer 50 times per second within 200 points of it’s original setting . This will achieve the flicker we’re after.

add flicker

Adding the Vignette

  • Add a new solid by using the shortcut “cmd/ctrl+y” this will bring up the solid settings dialogue box.
  • Change the color to black
  • Rename the layer “Vignette”
  • This layer should be positioned above all other layers in the layer stack
  • Once again, in the tool bar with the elliptical tool selected, double click it to apply a mask to this layer
  • With the layer still selected hit “m” twice on the keyboard to reveal the mask settings
  • Change the mask mode from “add” to “subtract”
  • In the feather settings, change the amount to create a nice fall-off that creates a nice soft black border for the entire composition

With all of the settings in place and visible– your composition should now look like this

adding the vignette

Adding the Text

  • Add the same text to the stage that you used to create the “Flares” layer, same size and font
  • Change it’s color to black and it’s layer blend mode to overlay
  • Move the text to be centered inside of the flame as illustrated below

adding text

  • Duplicate this layer again
  • Change it’s color to orange, I used #FE8F00
  • Change it’s layer blend mode to normal
  • Apply a layer mask as illustrated below by selecting the ellipse tool and dragging over the desired area then apply feather to soften the edges

adding text

  • Apply glow using these settings

adding text

  • Duplicate the last layer
  • Change it’s layer blend mode to multiply
  • Duplicate this layer
  • Delete the layer mask and glow
  • Change it’s layer blend mode to add and apply the bevel alpha filter from the effects and presets panel using these settings

adding text

  • Duplicate this layer one last time
  • Change it’s layer blend mode to add
  • Change it’s bevel alpha filter to these settings

adding text

Bringing It Home

  • Add an adjustment layer by going to Layer > New > Adjustment Layer, this should sit on the very top of the layer stack
  • Apply the curves filter from the effects and presets panel by dragging and dropping it on to the adjustment layer
  • Change it’s channel settings to match these in the effects panel

adding text

And that’s it! Render it out and you’ve got a pretty cool forging fire, gas fire with flares or whatever?! Enjoy and we’ll see you on the flipside!

Fire title plate tutorial in AE

Give Us Some Love:

  • Digg
  • del.icio.us
  • Technorati
  • StumbleUpon
  • Mixx
  • Reddit
  • TwitThis
  • Facebook
  • Google
  • Furl
  • LinkedIn


35 Responses to “Forging Fire After Effects Tutorial”

  1. Stefan says:

    Pretty cool but it’s better to make a video tutorials also it’s a good idea to post project files like Andrew Kramer :)

  2. Henrique says:

    Wow, great tutorial, ty !

  3. admin says:

    Well, I agree– but I think written tutorials have their merit.

  4. vic says:

    yes written tuts do still have some weight to them. we are so used to everything being prepared for us like a royal meal-it’s crazy. i mean how many ppl would flip if videocopilot started shelling out pdf’s, lol. me personally, i’d welcome it, because a tutorial is a tutorial-basically someone going out of their way to show you and me what they’ve discovered- for freeeeeeeeee. hahahahaha. thank you to all tutorial uploaders!!!!

  5. admin says:

    I wasn’t going to say that but thank you Vic! :)

  6. illd says:

    Wow, nice one. And all that with AE build in effects. I thought this look wouldnt be possible withe AE only.
    Keep it rolling!

  7. luantran says:

    you have upload video tutorials ? Thank
    Help me.

  8. Dude, this a really great tutorial, im like WOOoow. Nice one, awesome composition.

    Thanks.

  9. Brian says:

    Great tutorials! These are awesome! I look forward to new tutorials as much as I look forward to some of my favorite television shows. One question I did have (and maybe I’m just completely missing something obvious), but it seems like the settings you have for the “Fire Belly” & the “Flares” layers are the same. As a result, I’m not getting the desired look that you have in the screenshot that is just above “THE MOLTEN DRIP” heading. If anyone can tell me what I’m missing, I would appreciate it.

    P.S. Although video tutorials are nice, there is nothing wrong with written ones. In-fact, sometimes written ones are nicer because you can see all the settings all at once and don’t have to constantly keep stopping the video and backing it up to see certain settings, etc.

    Anyway thanks for posting these. Much appreciated!

  10. Brian says:

    Never mind, I figured out that I was just one step behind. Thanks again for the great tutorial!

  11. olivier says:

    sorry but i think there is a mistake : the settings of the layer belly of the fire are exactly the same than flares and the name of the layer selected on the screenshot is:
    comp1: flares.
    i think you put the wrong screenshot in your tutorial .
    thank you for your tuto and sorry for my english : i’m french

  12. fran says:

    Great tutorial by the look of it… I have no problem with text tutorials as opposed video.. However, echoing Brian & Oliver, can somebody clarify the settings for the Fire Belly layer as opposed the Flares layer as they seem to be identical!
    Any help appreciated..

  13. Rick Janusz says:

    Alright, sorry about the delay. I’m going to look into this right now, be back shortly.

  14. Rick Janusz says:

    OK! New settings in place for fire belly, sorry about that all!

  15. arun says:

    its useful foe me ,thanks

  16. nasm says:

    good man. nice work. keep it up.
    thanks man.

  17. Sheik says:

    The flames and molten drip came out nice, but I went somewhere wacky with the text. It just doesn’t look like a part of the finished product at all. I think my layer order may be off.

  18. [...] Forging Fire Give a forging fire effect to title in Adobe After Effects. [...]

  19. [...] Forging Fire Give a forging blast gist to denomination in Adobe After Effects. [...]

  20. [...] Forging Fire Give a forging heat outcome to pretension in Adobe After Effects. [...]

  21. [...] Forging Fire Give a forging fire effect to title in Adobe After Effects. [...]

  22. [...] Forging Fire Give a forging fire effect to title in Adobe After Effects. [...]

  23. [...] Forging Fire Give a forging fire effect to title in Adobe After Effects. [...]

  24. [...] Forging Fire Giv&#101&#32&#97 forging fire effect to title in Adobe After Effec&#116&#115&#46 [...]

  25. very good keep it up .

  26. shilpa says:

    wow fantastic tutorial……..

  27. prathamesh says:

    nice….tut man….really awosome

  28. kahif says:

    This is good tut

Leave a Reply