Play with Fire to Create a Fiery Logo Transition

Mar 9th in Motion Graphics by Lloyd

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.

PG

Author: Lloyd

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

Preview

RSS readers: click post title to view preview video at AETUTS.

Get the Flash Player to see this player.

Download

Preview

View Tutorial

RSS readers: click post title to view preview video at AETUTS.

Requirements: Turbulence 2D Plugin (download trial version here)

Music used in the final piece: ACCOUSTIC GUITAR SOLO from AUDIO JUNGLE

Instructions: Click 'View Full-screen' button (bottom right corner) to see this HD tutorial at maximum size. Click screen to pause, click again to play.

Get the Flash Player to see this player.

Download

Tutorial

Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Steve Mullen March 9th

    This is nice! I like it. Good job.

    ( Reply )
    1. PG

      raj August 26th

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

      ( Reply )
  2. PG

    Toby Hook March 9th

    Nice tutorial!

    ( Reply )
  3. PG

    Juan March 9th

    Very cool although it seemed like liquid to me

    ( Reply )
  4. PG

    Billy March 9th

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

    ( Reply )
    1. PG

      Billy March 10th

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

      ( Reply )
  5. PG

    Me March 9th

    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.

    ( Reply )
    1. PG

      Abe March 9th

      What does this even mean?

      ( Reply )
      1. PG

        Billy March 10th

        ?

      2. PG

        Adam March 10th

        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.

    2. PG

      James March 12th

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

      ( Reply )
  6. PG

    Julio Fragoso March 9th

    Phoda

    ( Reply )
  7. PG

    Parrudinho March 9th

    Vlw pelo tutorial muito bacana o efeito

    ( Reply )
  8. PG

    Zumzor March 9th

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

    ( Reply )
  9. PG

    Abe March 9th

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

    ( Reply )
  10. PG

    mike March 9th

    Very Nice Effect..Thanks!!

    ( Reply )
  11. PG

    Billy March 9th

    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.

    ( Reply )
  12. PG

    Billy March 9th

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

    ( Reply )
    1. PG

      Abe March 10th

      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.

      ( Reply )
      1. PG

        Lloyd Alvarez March 10th

        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.

  13. PG

    JohnM. March 9th

    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…

    ( Reply )
    1. PG

      Lloyd Alvarez March 10th

      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.

      ( Reply )
      1. PG

        JohnM. March 11th

        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 .

  14. PG

    kamal98 March 9th

    great a new tutorial looks interesting.

    ( Reply )
  15. PG

    Billy March 10th

    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.

    ( Reply )
  16. PG

    Bie Lee March 10th

    Nice One!

    ( Reply )
  17. PG

    Shane Nassiri March 10th

    Looks interesting. Thanks!

    ( Reply )
  18. PG

    Kevin G March 12th

    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.

    ( Reply )
    1. PG

      Lloyd Alvarez March 12th

      Thanks for the pointers Kevin.

      ( Reply )
  19. PG

    little girl March 24th

    nice

    ( Reply )
  20. PG

    Hamad April 3rd

    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.

    ( Reply )
    1. PG

      Jont October 25th

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

      ( Reply )
  21. PG

    ase X of insphyre April 10th

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

    ( Reply )
  22. PG

    CgBaran Tuts April 22nd

    Nice work thanks

    ( Reply )
  23. PG

    Robbie Stewart May 5th

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

    ( Reply )
  24. PG

    Magnus June 15th

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

    ( Reply )
  25. PG

    ase X August 17th

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

    ( Reply )
  26. PG

    APX August 20th

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

    ( Reply )
  27. PG

    APRO September 14th

    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)

    ( Reply )
  28. PG

    arul October 22nd

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

    ( Reply )
  29. PG

    Joel October 25th

    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!

    ( Reply )
  30. PG

    Lloyd Alvarez March 11th

    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.

    ( Reply )
  31. PG

    jack April 14th

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

    ( Reply )
  32. PG

    Lloyd April 14th

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

    ( Reply )
  33. PG

    jack April 14th

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

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    April 14th