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 »

 

[...] 2 Cool Tutorials Ever wanted to create smoke using Adobe Flash - Tom Green’s got your answer over on his latest tutorial: Tom Green: Flash for Smoke [...]

 

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

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine