Creating Smoke in Adobe Flash
Here’s a technique for creating smoke in Flash using the lighten blending mode and motion editor.
This video requires Adobe Flash Player.
Visitor Comments »
Pingback by Layers Blog Winner | Hunting for PC Laptop | More Canon 5D MKII | Layers Magazine | November 7, 2008 @ 12:17 pm
Good Tutorial
Comment by Rajesh Khajuria | November 17, 2008 @ 9:42 am
Thanks Rajesh, most appreciated.
Comment by Tom Green | November 18, 2008 @ 10:53 pm
Why does my smoke movie clip turn all white when I select the blending mode to Lighten? I made the smoke movie clip in photoshop w/the clouds filter.
Thanks for any help.
Kristine
Comment by Kristine Farley | January 18, 2009 @ 3:16 pm
Don’t have a clue other than the fact the colors of the pixels in the image in a blend mode interact with the colors of the pixels under them.The issue could be the underlying image is lighter than the smoke.
Comment by Tom Green | January 19, 2009 @ 9:45 am
Thanks Tom, you’re right.
My underlying image is a white background & the smoke is too light to show up enough. I’ll try to figure some other way around it.
It’s a great tutorial though!
Comment by Kristine Farley | January 20, 2009 @ 9:59 am
Thanks for the tutorial. I animated some steam rising from a cup of hot chocolate and it looked really good. I couldn’t find the motion editor panel, though, maybe because I’m using CS3. J
Comment by Jamie Wilson | January 24, 2009 @ 9:28 am
That would be the reason. You can use Tweens and the Free transform tool in CS3.
Comment by Tom Green | January 26, 2009 @ 10:43 am
Its nice and helpful tutorial. Thanx
![]()
Comment by Zamal | January 31, 2009 @ 5:58 am
Nice little tutorial….. the new motion editor is a totally different way of working. I am an Adobe Certified Instructor, and when I teach photoshop tips and tricks I usually create steam or vapor in rising from a coffee cup…. You used to have to use PNG(24) to get that effect in flash….. pretty cool now that there are blend modes!
I might have to combine the tutorial on creating the vapor and then animating it in flash.
P.S. Using the clouds filter creates a mixed blurred pixels throughout, try something simple like drawing it with the airbrush and then blurring it. But I will put a tutorial up on creating smoke in photoshop on my site. Stay tuned!
headTrix, Inc.
An Adobe Certified Training Provider / An Interactive New Media Agency
http://www.headTrix.com | http://www.headTrixTraining.com
310.450.0122|info@headTrix.com
Consulting | Design | Development | Training
Comment by Mark Itskowitch | February 13, 2009 @ 2:10 pm
This was a great video. I never knew tutorials where this fun I thought they where a bunch of mubo jumbo but these are great keep up the great work tom. I have one question for tom can I use flash to make myspace banners and animated cartoons.
Comment by Donnie Heard | April 29, 2009 @ 1:04 pm
Aww i get to where you scale the smoke, then it brakes off with commercials! Is the full length available somewhere else?
Comment by Charlotte | May 15, 2009 @ 1:38 pm
Leave us a comment

- Using and Aligning Layers to a Guide
- Snapping Layers to Each Other
- Simulating a Polarizing Filter for Skies
- Quick Zoom Shortcuts
- Moving Selections, Not the Layer





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat







