Adding Smoke to an Image in Photoshop in 6 Easy Steps
Regular contributer John Short submitted the following photoshopping post on adding smoke to an image (click to enlarge example images).
Thought you might like a new imaging technique to make smoke.
1. The first job is to set the foreground and background colors to white and mid grey
2. Duplicate the layer, draw the shape of the smoke area with the lasso tool with a feather of 15 and fill the shape with clouds ( filter,render,clouds )
3. Now we need to add some motion blur ( filter,motion blur ), set the angle to match whichever way your smoke is moving and the distance to suit the movement you want to create.
4. Now use the shear tool ( filter, distort,shear ) to move the smoke as you would like it to appear
5. Then select ( filter,liquify. ) Using the warp tool move the smoke to give light and shade as needed
6. Now you can deselect the lasso. With a large eraser brush set to an opacity of no more than 6% ( I used 4% ) blend the smoke from the edges to the middle creating the final shape. You should also adjust the layer opacity to blend the complete effect with the master image.








25 Responses to “Adding Smoke to an Image in Photoshop in 6 Easy Steps” - Add Yours
November 14th, 2007 at 2:27 am
Personally, I think I prefer the picture without the smoke…but that’s just me.
November 14th, 2007 at 2:40 am
I have to agree with Jill. I think the picture looked better before hand. Good tutorial though. ;)
November 14th, 2007 at 2:58 am
I agree with Jill. :)
November 14th, 2007 at 2:58 am
I think the point of the article is how to add smoke, not how to make a picture look better by adding smoke.
November 14th, 2007 at 3:04 am
Hmmm. I think if I saw that without being first told that it was smoke, I would think “what’s that smear? Some sort of lens flare?”
November 14th, 2007 at 4:21 am
Nice tutorial!
I think one could greatly enhance the realism of the effect by color matching the smoke. Since the example image is very dark in the blue channel, the neutral gray looks a bit awkward, which, as Matthew already noted, makes it look as if it didn’t belong to the image.
November 14th, 2007 at 7:53 am
Thank you for showing us how to do this. I don’t know the other people who replied quite understood the purpose of this article.
November 14th, 2007 at 10:10 am
I agree with Matthwe, (I presume it’s Matthew) the tutorial should also focus on how to add the smoke so that it is relative to the image, because that shade of gray that was used has nothing to do with the color scheme of the original, and that is why it looks fake or like a lens flare of some sort
November 14th, 2007 at 1:05 pm
It’s a basic tutorial, where by you tinker with later to get whatever you need out of it. I presume the ones who replied know how to do it better? If so, create a better tutorial in the forums section please =)
November 14th, 2007 at 7:24 pm
I think that adding smoke to a picture has nothing to do with photography. It’s painting. Not long ago there was a story about a press-photographer that got himself fired, because he added a little smoke to his pictures to make them look more impressive.
November 14th, 2007 at 10:18 pm
Hi,
I have been reading the posts of your blog for a while and I found everything very interesting.
I am just a hobbist photographer, and I am trying to learn more. I would like to see an article about “Exposure Modes”.
November 15th, 2007 at 12:19 am
I think I prefer the original photo also. The smoke, in color, direction, and shape, does not seem “real”, given the contrast and shading of the original photo.
November 15th, 2007 at 1:35 am
hmmm… err… I meant in the comment above “Exposure Compensation”, insteade of “Exposure Modes”. You know, that -v, +v thingy. ;)
November 15th, 2007 at 3:16 am
Thanks for sharing but I think the photo looks great the way it is. I think the smoke looks fake and doesn’t add anything. Was glad to see read that I wasn’t the only one that felt this way.
Thanks though for at least trying :)
November 15th, 2007 at 7:23 am
thanks for this tutorial John. I’ve noticed that every time there is a photoshop tutorial here at this blog that there is a polarization of opinion. I think it’s the nature of photoshopping – ie that there are so many ways to do things and that personal taste also comes into it. I hope that you’re not discouraged by the above comments. I for one have appreciated this tutorial and look forward to learning more from you.
November 15th, 2007 at 10:22 am
Adding a smoke, make the picture more alive (Dinner ready sir!) Of course, this just a demo showing HOW TO…
If I want to do it, I might spend more time to make it looks real (I hope)
November 15th, 2007 at 12:32 pm
The title did say, Adding smoke using photoshop, it didn’t say, how to make your picture look better by adding smoke. I don’t know, but for me, i liked the tutorial as well. You can use the smoke technique for fun. Like let’s say, a picture where a guy drinks a very spicy soup, so smoke comes out of his ears. There are so many ways you can utilize the smoke technique. =) Maybe if there was a different picture, the others would appreciate it more.
November 16th, 2007 at 1:10 am
That smoke looks… just too fake.
I mean, it IS fake, but it was not supposed to look like that.
November 16th, 2007 at 6:12 am
This is a good technique, comments on liking/disliking it do not enhance it. I would appreciate comments and questions on how to make it better.
November 16th, 2007 at 5:56 pm
As a few people have noted, adding a yellow/brown colour to the smoke would make it fit in with the yellow colour cast of the picture.
If you do it on one of your own images and think it looks fake, you could always go back and have a fiddle around with it until it looks right.
November 17th, 2007 at 4:33 pm
Excellent tutorial although, like some of the others, I wasn’t in love with the result. The original image is strong and the lighted windows make it. I feel that a much narrower and wispier smoke plume would have looked more realistic.
November 17th, 2007 at 11:21 pm
Man – all you guys complaining about this tutorial – LIGHTEN UP!! It’s a tutorial not some kinda friggin critique! Maybe you should be thankful for the tutorial and the expertise in showing us rather than how fake or unrealistic it looks. I agree with DCKN, if you can do it better, go ahead! Otherwise, shut up and just say thank you… thats all from the raving aussie!
November 18th, 2007 at 9:51 am
I am amazed at how many negative comments have been posted on a well documented and well illustrated TECHNIQUE. I am grateful to John for sharing his skill and hope to learn more.
November 18th, 2007 at 3:58 pm
Definately needs a non grey tone to the smoke. It stands out as if artificial. Might be as simple as moving the layer down the stack so that it gets the effects of whatever else you did and doesn’t look so orphaned.
Nice tutorial. Sad that too many see it in the wrong light and prefer to voice negativity over recommendations.
January 31st, 2009 at 8:55 am
I am always very appreciative that someone takes the time to share their knowledge and helps others to grow in their knowlege of a certain subject (i.e. photoshop). I can choose to take the advice or I can choose not to. But I would never consider “Beating-the-author-up” because I didn’t like the color of the smoke or that I may disagree with his technique. Accept the article in good faith as it was intended and be thankful that someone is offering a little knowledge and insight for your benefit. A little common courtesy will go a long way.
Leave a Reply