Play with Fire to Create a Fiery Logo Transition

on Mar 9th 2009 with 52 comments

Final Product What You'll Be Creating

Playing with fire will no longer get in trouble with your mother! High quality fluid dynamics has traditionally been reserved for high end 3D applications, but in this tutorial we learn to harness these simulations in After Effects to literally play with fire and create this fiery logo transition.

Tutorial

Download Tutorial .flv

File size MB

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I run AESCRIPTS.com which provides useful scripts for Adobe After Effects. You can follow me on Twitter @aescripts  

Plus Premium
 
 
  • http://www.stevemullencreative.com Steve Mullen

    This is nice! I like it. Good job.

    • raj

      hi
      u made that same. plz u can send me one sample file means project file.
      if u can plzz send me .

  • http://www.tobyhook.com Toby Hook

    Nice tutorial!

  • Juan

    Very cool although it seemed like liquid to me

  • Billy

    Once again….Lloyd proves why he’s the AE KING! Nicely don’t Lloyd. Can’t wait to get to this one! Thanks!!!!

    • Billy

      What about andrew kramer, he is the god-king of after effects

  • Me

    a nice thought for you to make the effort, but really would appreciate these tuts using standard tutorials, or at least the more popular ones like trapcode.

    • Abe

      What does this even mean?

      • Billy

        ?

      • Adam

        He means standard plugins, the ones that come with after effects. Not all of us have the dough to throw away on tons of plugins haha.

    • http://neuemodern.com James

      well the plugin only came out last month so of course its not popular yet

  • http://julioweb.wordpress.com Julio Fragoso

    Phoda

  • http://www.mapsd.com.br Parrudinho

    Vlw pelo tutorial muito bacana o efeito

  • Zumzor

    I definitely don’t like the effect but that doesn’t take away that it’s another well-explained tutorial. ;-)

  • Abe

    Best looking fire I’ve seen using only AE, looking good, big thanks.

  • mike

    Very Nice Effect..Thanks!!

  • Billy

    Just looked over turbulence. Seems excessively pricey for the limited effects it provides. I’d dump money into any of the Red Giant products before I’d purchase turbulence. But still….nice tutorial Lloyd.

  • Billy

    @Abe…..sorry Abe….the fire isn’t “only AE.” The great looking fire comes from the Turbulence 2D….NOT AE.

    • Abe

      For some reason I thought Turbulence was a standard plug. Guess I need to use the effects palette a bit more :( Still some damn fine flames nonetheless.

      • http://aescripts.com Lloyd Alvarez
        Author

        It’s still amazing that you can do this in After Effects period. Don’t forget that one of the reasons AE is a great is because it can have amazing functionality like this added to it instantly through plugins. I would hate to have to wait for Adobe to add every new feature out there.

  • JohnM.

    This is SICK! Definitely gonna try this one out.
    I got a problem: whenever I export in AE using h.264 settings my videos don’t look good. For example I a kinetic typography video with a radial ramp in the BG and when I export it the radial ramp isn’t smooth. It has “steps.” Is there anyway to fix it?

    I can export it through Animation but I need a really good h.264 compressor.
    PS. I’m on a Mac…

    • http://aescripts.com Lloyd Alvarez
      Author

      Your best best to avoid banding is to render with your project at 16bit to an uncompressed codec like Animation then use Quicktime Player to export a h.264 version using Multi-Pass encoding.

      • JohnM.

        Thanks for the info Lloyd. I rendered it in 16bit Animation then exported to h.264 in QT. There was still some visible banding (I didn’t know it was called that, lol) so I did some research and someone mentioned that adding 2-4% noise helps reduce banding. So I did (added 2%) and it seemed to help. The only downfall is that the size was bigger. About 1mb per sec. IDK if this is normal, I’m a noob :P.

      • http://aescripts.com Lloyd Alvarez
        Author

        Yes, adding noise is the classic fix to get rid of banding (although I prefer Grain to noise) and is something you want to do anyway on anything that is going to be on television or film. The reason you see banding is because the compressor throws away information that it thinks is redundant and in a gradient it might assume that 3 shades of blue are the same blue but when it get to the 4th shade decides it should be a new color and groups shades 4-6 which is why you see those bands. Noise stops the compressor from doing by not having large areas of the same shade of color but since it doesn’t get to throw out that info you will ultimately get a bigger file. The only real solution is to back up to your design phase and not design gradients that get bad banding in your final delivery medium.

      • jack

        Can give me a Turbulence 2D Plugin registration key ???
        Thanks!!

      • http://aescripts.com Lloyd
        Author

        You can get a registration key here: http://www.jawset.com/purchase.php

      • jack

        Hi,00
        I am a student but not so much money you can tell I have other means to register?
        Thanks!

  • http://www.educateja.com kamal98

    great a new tutorial looks interesting.

  • Billy

    This is the first time I’ve been able to get onto aetuts.com through IE in over 2 weeks! FINALLY! Can’t open up the tutorials full screen for some reason in either Mozilla or Safari. Hope this problem has been solved.

  • Bie Lee

    Nice One!

  • http://www.shanenassiri.com Shane Nassiri

    Looks interesting. Thanks!

  • http://www.deliciousmedia.net Kevin G

    Hi Lloyd,
    I ran into a problem when it came time to render. See I took your tut a step further and combined it with a scene using particular. However for the particular plugin to look right best effect and all the project had to be set at 32bit. Well I did just run into problems with your tut objects rendering in a funky way.
    I found a resoloution to the problem. I tested several render methods and the best results came when I rendered as a photoshop sequence. I looked flawless. I tried Tiff, Tagra, QT animation and Photoshop sequence files were the only ones to give not just a great result, but any result at all. Some of the other method simply burnt out and over exposed everything in the scene.
    I thought I would post for anyone needing to render in 32 bit. Just use photoshop sequence.

    • http://aescripts.com Lloyd Alvarez
      Author

      Thanks for the pointers Kevin.

  • little girl

    nice

  • Hamad

    Hey, things are not working alright with me! I just downloaded the demo and tried it, but it doesn’t give results like the ones you get. Is it because it’s demo??? Results I get are like the glow plugin in 32 bit comp, so disgusting. And also it’s not changing even though I lower values, just the same result everytime.

    I dunno. If you have any advise? I’ll try again later…

    I have vista64 OS.

    • Jont

      Have you solved it I have the same problem, please mail me if you solved it.

  • http://insphyre.com/booking.html ase X of insphyre

    dope as shizzzz… ill post when we use it for our project!

  • http://tuts.cgbaran.com/ CgBaran Tuts

    Nice work thanks

  • Robbie Stewart

    hey anyone who wants trapcode plugins and other plugins, download torrents of them….

  • Magnus

    Great tut, but you could have mentioned something about your rendersettings:)

  • http://www.insphyre.com ase X

    Hell yea! I am totally going to use this for the promo for http://ww.insphyreperformance.com

  • http://plasticprinters.blogspot.com/ APX

    Schweet!!! Wanted a cool fiery intro for quite some time.

  • APRO

    Hi everbody can a person help me, ehm by create the Type Fire Hit´s the Base Fire and i can see the Type Fire and the Base fire i cannot see sry for my Bad English (Germany)

  • arul

    its realy super ya, plz send me more tutorials in my mail id arul.sunmugam@gmail.com

  • Joel

    Please I have the same problem as Hamad, the rectangle shape layer just end up as round glowing balls. really frustrating. There is no rising flames at all, they just end upp like round glowing balls of fire.. Please help us this seems sooo cool!

  • http://umirbek.wordpress.com umirbek

    Hi all! This is good job. Thanks admin

  • fili

    registration key …. :(

  • Seb

    How did you get that color map for obstacle velocity… ?
    Why is it told in manual that obstacle with velocity should have 254,0,0 as their color and scale parameter = pix/sec from the movement ?

    Nice plug but a bit to complexe for simple effects.
    I really wonder why it is so complicated to have a little ink simulation while openGl demo could do it in real time a while ago.

    Nice tutorial. The only one about turbulence2d by the way, still :)

  • celcius

    So, anyone got the color layer working? Dissolve an image layer and mixing the colors?

  • Jonathan Martin

    Yeah, great tut, but for some reason when I follow a long, I get nothing like his first fire render, mine just comes out as a lava lamp? I even made sure all my settings were the same, colors of backgrounds, text and or objects, and still, I get this lava lamp effect that looks nothing like his fire.

    CS4 – windows 7 (64bit)

  • Vivian

    I am encountering the same problem, the shapes don’t turn into fire, they’re just lava lamps. I have turbulence 2D version 1.2.2. Does that have anything to do with it? Please let me know.

  • http://ch1zra.com ch1zra

    Hmm.. this looks awesome.
    but when I try to repeat it step by step, I get just crappy orange blobs.