Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Using Fractal Noise to Create Fire

COW Library : Adobe After Effects basics Tutorials : Matt Dallos : Using Fractal Noise to Create Fire
Using Fractal Noise to Create Fire



Creating Fire with Fractal Noise in AE 5.5
Matt Dallos Matt Dallos
New York, USA
©2002 Matt Dallos and CreativeCOW.net. All rights reserved.


Article Focus:
In this tutorial, Matt Dallos demonstrates using Fractal Noise in After Effects 5.5 to create fire. More specifically, he demonstrates the "Bonanza look" of a fire burning through a piece of paper. Yes, this effect could be generated in a 3d program or plugins, but why bother when you can do it with AE's own filter set. You can also use these same basic steps to create other plasma and liquid type effects.


Download Movie Project files Download Stuffit Expander for Windows


Final Result


Directions:


1. Create/scan/photograph your newspaper or use mine which you can download above with the project file.

2. Create a comp (6 seconds in length) that is the size of your newspaper image (mine is 900x1200) and name it "burn"

  • place your newspaper image within this composition

3. Create a composition called "displace" that is the same size as the previous composition.

  • Create a solid that is composition size and apply Effects -->Render --> Fractal Noise
  • Keep the original settings except change Contrast to 205
  • Under the Transform pulldown of fractal noise, uncheck "uniform scaling" and change the height scale to 200% (this adds some length to our flames, basically it makes more of a tendril shaped flame rather than a fire ball.)


Fractal Noise Settings Settings


4. Add an evolution key frame at 0 seconds with 0 rotations and then add a keyframe at 4 seconds and set it to 4 rotations.

  • Now you should animate the Fractal Noise to move upwards.
  • Under Transform in Fractal Noise, set a keyframe for "offset" at 0 seconds with a value of 450, 600 and then another keyframe at 4 seconds that is 450, 200.



  • Add this comp into the "burn" comp.
  • Drag this composition into the "burn" composition and turn off its visibility switch.

5. In the "burn" composition, create a solid named "fire" that is the same size as your "burn" composition (mine was 900 x 1200).

  • Apply Effect-->Render --> Ellipse to this solid
  • Set the inside color to an orangish color and the outside color to a slightly darker orange color
  • Set the softness to 0%
  • Select the width property in the effects rollout and create an expression (shift+alt+= on a PC)
  • Drag the pick whip from the height property to the width property. This allows the ellipse to expand as a circle in later steps.
  • Animate the thickness value from 10 at 0 seconds, to 779 at 4 seconds.
  • Animate the width property so it is 0 at 0 seconds and as large as you want it to be at 4 seconds. (in my example I set the width property to 741)

At this point, make sure that all layers are switched to best quality. When using the ellipse filter on a layer that is set to draft quality, the resulting shape will look like this:



  • Precompose this layer and name the composition "Fire."


6. Apply Effect-->Distort --> Displacement Map to "Fire" with values of 75 horizontal and 100 vertical.

  • Set the displacement map to your displace composition
  • In the project window, Duplicate your fire comp and name the new copy, "flames".



  • Set fire as the inverted alpha matte of your paper layer.


Drag Flames into your "burn" comp (just above the "fire" layer).

  • Hold ALT and double click on the flames composition. Change the thickness keyframe of flames at 4 seconds to 300 and change the second width keyframe to 1800.

Back in the "burn" composition

  • Apply Effect-->Distort --> Displacement Map to Flames with values of 75 horizontal and 100 vertical.
  • Set the displacement map to your "displace" composition.



Now you have a piece of paper that disappears as though fire is burning it, and there are very fake looking flames around the edges. Nothing too impressive yet, but we are getting close.



Now comes the part of making it look better.

8. Make sure that the displace layer in your burn comp is directly above the flames layer. Turn on the visibility of the layer by clicking the box under the eye ball and change the transfer mode to add.

  • The only problem now is that the displace layer changes the color of the entire image. To fix this, duplicate your flames layer and move it directly above the displace layer and rename it "flamesMap".
  • Now make the "flamesMap" layer an alpha matte for the displace layer.



You have made FIRE!!!! Congratulations!



9. To make your fire look better, try the next steps.

  • Add a 10 pixel fast blur to "flamesMap".
  • Add a 50 pixel fast blur to "Flames".
  • Depending on how soft you want the inner edges of the burnt paper to be, you may want to try adding a blur to the "fire" layer also.
  • Change "Flames" transfer Mode to Multiply.




If you want, nest your 900x1200 comp in a smaller comp and add movement as you prefer.

Try to play with different transfer modes, and colors for the ellipse filter in the "flames" composition.


Or you can use other shapes besides a circle (check out the VerticalBurn Composition in the included project files).





---Matt Dallos



Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.


  View 5 Comment(s)

  Adobe After Effects basics Tutorials   •   Adobe After Effects basics Forum
Reply   Like  
Comments

Re: Using Fractal Noise to Create Fire
by Charlie Harvin
I made it all the way to "Hold ALT and double click on the flames composition. Change the thickness keyframe of flames ..." in CS5 then got completely lost. I REALLY need to figure out how to do this, can anybody possibly give us some insight or a direct to something more current?
Re: Using Fractal Noise to Create Fire
by Sarah Leran
Just got this to work in AE CS5, although I ran into several errors in the tutorial; such as layer ordering, width/height being interchanged for the ellipse, and how to apply alpha inverse matting should be clarified. I really don't think a beginner could follow this. But it does work.
Using Fractal Noise to Create Fire
by lavael lavael
Nice effect, but It is the most unreadable tutorial I've ever seen!
I'm going thru this tutorial a 4th time and again I'm in lost.
Using Fractal Noise to Create Fire
by zero1981
I would like ask you some question , what is (expression (shift+alt+= on a PC) )???
Using Fractal Noise to Create Fire
by Andrea Murray
I cant get this tutorial to work, i've tried it about six times and each time my fire ends up grey and it appears all the way through the hole. Is this because i'm using AE CS2? If so, does anyone have any advice to make it work? please help!


Related Articles / Tutorials:
Adobe After Effects basics
AE Basics 47: Creating and Customizing Brushes

AE Basics 47: Creating and Customizing Brushes
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 47: In this tutorial, Andrew Devis goes through some of the options for paint in After Effects and especially how to create, customize, save and delete brushes.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 46: Mask Feather Tool (CS6 & above)

AE Basics 46: Mask Feather Tool (CS6 & above)
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 46: In this tutorial, Andrew Devis shows how to use the long awaited and new to CS6 'Mask Feather' tool. Andrew demonstrates all the options for this powerful tool including the basic functions, a practical example as well as how it could be used as a creative tool in After Effects.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 45: Additional Range Selectors

AE Basics 45: Additional Range Selectors
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 45: In this (more advanced) tutorial, Andrew Devis shows how to create and use a range selector within another range selector all within one animator for a single text layer. The use of multiple range selectors can add a great deal of interest and flare to your text. As this is once again a somewhat more advanced option within AE Andrew doesn't go into too much detail, simply showing how to add, modify and use a second range selector within one text animator.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 43: Text Animators Part FOUR - Per-character 3D

AE Basics 43: Text Animators Part FOUR - Per-character 3D
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 43: In this tutorial, Andrew Devis continues demonstrating some of the text animators available in the timeline, concentrating upon the 'Enable Per-Character 3D' option and how to apply it and use it.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 42: Text Animators Part THREE - Tracking & more

AE Basics 42: Text Animators Part THREE - Tracking & more
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 42: In this tutorial, Andrew Devis continues demonstrating some of the text animators available in the timeline, concentrating upon the tracking, character and blur options.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 41: Text Animators Part TWO - Fill & Stroke

AE Basics 41: Text Animators Part TWO - Fill & Stroke
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 41: In this tutorial, Andrew Devis continues demonstrating some of the text animators available in the timeline, concentrating upon the fill and stoke options.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 40: Text Animators Part ONE

AE Basics 40: Text Animators Part ONE
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 40: In this tutorial, Andrew Devis begins to demonstrate some of the text animators available in the timeline, concentrating upon the 'transform' type of effects. More to follow in future lessons.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 39: Text Range Selectors Part TWO

AE Basics 39: Text Range Selectors Part TWO
  Play Video
In this second tutorial explaining text range selectors in After Effects, Andrew Devis shows how to add an additional range selector to our already animated text, which works in a completely separate way to the presently applied range selector and animation. The end result shows how different range selectors can work together for excellent results.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 38: Text Range Selectors Part ONE

AE Basics 38: Text Range Selectors Part ONE
  Play Video
Range selectors in After Effects enable many text animation functions that would be quite complex to achieve through the normal 'stop-watch' approach to animation. Range selectors also give us the ability to animate the numerous functions within the character panel, which at first sight, appear not to be animate-able! In this tutorial, Andrew Devis introduces and explains the concept of range selectors showing how they work and how effects can be added to an existing range selector. Part 2 will show how additional range selectors can be created that work in an entirely different way to the original range selector that has been created.

Tutorial, Video Tutorial
Adobe After Effects basics
AE Basics 37: Animating Source Text

AE Basics 37: Animating Source Text
  Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 37: In this tutorial, Andrew Devis starts to show how to do basic source text animation in the timeline including changes in fonts and other parameters and how that text is then linked to the keyframes created so that it can be re-arranged as needed.

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]