Tutorial: Smoke

10 posts · 2007-01-26 08:49:17 to 2007-01-27 08:45:47

#36300150075 01/26/2007 08:49:17 Tutorial: Smoke

This tutorial details a very simple method to create funky realistic smoke from scratch using very basic Photoshop tools.  Compared to other similar tutorials on the internet it may seem a little basic - after all, it makes no use of funky brushes, nor several filters, but the results are just as effective and much more user-definable.

Step 1:  Open up or create a base image in Photoshop of any size and/or format. You can use a stock source or a simple Photoshop-created flame, but bear in mind that for the rest of this tutorial realism is paramount.  If there is an open window near the flame source, the smoke trial will adjust accordingly.  Likewise, the smoke will only show up if there is light showing through the particles of smoke, so try to avoid scenes with far too little, or far too much basic lighting.  NOTHING looks more stupid and artificial than a poorly placed effect.

Step 2: Create a new transparent layer above the Background and make it the active layer.  Using a soft-edged tip on the Brush Tool and a white foreground color, draw a few 'guideline whisps' following the general path that you want the smoke to follow.

TIP: There are numerous ways you can personalize this step - some people advise using a 'splatter' tip and the airbrush to obtain a whispier, more ethereal effect, but I personally do not find that it makes much difference.

Step 3: Select the Smudge Tool with a soft tip around 10-20 pixels wider than smoke brush and set the strength to around 50%. Using smudge, stroke the smoke in the general direction of the air movement until it looks realistic.  You can see my example in the image toward the left.

TIP: You can substitute the Smudge Tool for Filter > Liquify if desired, but near in mind that the liquify filter requires practice to use effectively, and can be a little too strong with default settings!

Step 4: Grab the Eraser Tool, set the flow to 100%, the opacity to 40%, and the tip to 10px wider than the one you used for the Smudge Tool in step 3.   Using the eraser, remove some of the overly bright areas and give your smoke a little more depth.  It may help to refer to a source photograph if you need reminding how smoke looks in a realistic environment.

Step 5: Nearly there!  For the last step we need to use a gradient to fade out the smoke as it mixes with the air and floats further away from the flame-based light source.   To accomplish this, make sure the smoke layer is active in the layers palette and click on the 'Add Layer Mask' button () at the bottom of the layers palette.    Press D on your keyboard to reset your color swatches and then select your Gradient Tool (this tool might be hidden under your Paint Bucket Tool).   Duplicate the settings below.  Your interface for the Gradient Tool may be different depending on your version of Photoshop and operating system, but all the options should still be present.

 
 
Step 6: With the layer mask active (the white square to the right of the smoke layer thumbnail in the layers palette), use the Gradient Tool to and drag a line from the top of the smoke to the middle.

Now just lower your smoke layer's opacity to taste and you're finished!   See, I told you it was easy!   Feel free to experiment at your leisure - this sort of simple effect lends itself to many modifications and can be adapted to suit almost any purpose.   Enjoy!   SMILEY
#36300150078 01/26/2007 08:53:28 Tutorial: Smoke
pack-hunter wrote:

stupid forum isn't workin, I'll have ithe tutorial workin in a few min


Cool, can't wait. SMILEY
#36300150080 01/26/2007 08:57:07 Re:Tutorial: Smoke

w00t, never editing that again SMILEY

anyway it's done so have fun guys

#36300150106 01/26/2007 09:38:19 Re:Tutorial: Smoke

That's pretty spiffy, I'll toy around with it when I get home. 

#36300150153 01/26/2007 10:43:40 Tutorial: Smoke
WOW looks awesome gonna give that a go
#36300150156 01/26/2007 10:46:45 Re:Tutorial: Smoke

just remember when yer gonna do it, make a new layer for the smoke, otherwise you end up with this

where the gun is smudged upwards, I darnt edit as thats what screwed the post up in the first place

#36300150331 01/26/2007 14:22:12 Re:Tutorial: Smoke

Very nice tutorial.  And you're right, it's really easily customized.

Here's a quickie I did.

It's very easy to do.  Thank you.

#36300150371 01/26/2007 15:47:17 Tutorial: Smoke
pack-hunter wrote:

funky


I just realized what I said..... plz somebody kill me!
#36300150542 01/26/2007 21:27:56 Re:Tutorial: Smoke
Very nice, and very simple.  /thumbsup
#36300150767 01/27/2007 08:45:47 Tutorial: Smoke
pack-hunter wrote:
pack-hunter wrote:

funky


I just realized what I said..... plz somebody kill me!
*fires gun*


Dude cool tut, /hopessomeonewouldaddthistothersiresourceifithasntalready
ill make a pic once i reinstall photoshop