Hey guys,
Another Photoshop tutorial because you guys asked for it! This time we are going to take a look at how to create realistic-looking smoke. Whether you use it to add that eery effect to a night-time scene, or to jazz up that photo that just looks too cool – you will find a dozen or so uses of this effect.
So let’s do it shall we…
1. As always, for the purposes of this demo, let’s go ahead and create a new document with canvas size 460×600 and black; #000000 as the background.
2. Create a new layer called “Smoke”. As always, you can achieve this in the Layer menu; ‘Layer > New > Layer’, or Shift+Control+N (Shift+Command+N on a Mac).
3. We are going to select a ‘Hard Round’ brush at about 20 pixels (which you can also select by right-clicking on the canvas with the brush selected and changing the settings. Make sure the brush is set at 100% opacity and obviously 100% hardness. Select white for the foreground colour; or #FFFFFF. Once we have these settings set-up we can roll ahead to step four!
4. Okay, as you can see in the image below, we are just going to create some ‘beanstalk’ style swirls or better yet; back to front question marks without the colon – on the canvas! Make sure to start from the left to the right. We are going to be reducing the size of the brush as we move from left to right; and the easiest way to explain this is to probably show you how it should look over a couple of screens. So here we go!
5. Okay, now that you have created the above brush patterns at different sizes, let’s create the magic. Let’s go to ‘Filter > Blur > Gaussian Blur’ at 7 pixels radius. Here’s the screeny.
If you got it right it should be looking like this so far:
6. You might not have used the ‘Maximum’ and ‘Minimum’ effects before. These two effects, which can be found under ‘Filter > Other’, are useful for modifying masks.
The Maximum filter basically applies a choke to the layer; basically spreading out white areas and choking in black areas. Whereas, the Minimum filter has the effect of applying the direct opposite; a spread. It achieves this by spreading out black areas and consequently shrinking white areas.
The great thing about the Maximum and Minimum filters is both effects look at individual pixels in a selection. As mentioned in Adobe’s documentation, ‘within a specified radius, the Maximum and Minimum filters replace the current pixel’s brightness value with the highest or lowest brightness value of the surrounding pixels.’
That’s just what we need for this effect! We want to basically ‘blend’ the pixel brightness values by going over the layer with a ‘Maximum’ pass – so let’s go ahead and do just that.
Head over to the ‘Filter > Other > Maximum’ filter and select a radius of 4 pixels. Notice how the higher up you go in radius, the less-realistic it starts to look.
7. Okay, if you managed to get that section okay, your canvas should start looking like this:
8. Alright, let’s add a few more effects. Let’s go to ‘Filter > Distort > Spherize’ and select ‘-100%’, select okay, and then go to ‘Filter > Distort > Twirl’ and select a setting of ‘-75%’. Your canvas should now be looking like this:
9. Alright, we are almost there! Let’s setup a Surface Blur by going to ‘Filter > Blur > Surface Blur’ with the following settings:
10. Okay! We are pretty much done! Let’s find an interesting image to use as a backdrop. Through the magic of Stock Xchange, here’s one CraigPJ created earlier. [http://www.sxc.hu/photo/788512]
Insert this image, or any other as a separate layer but make sure it is underneath the ‘smoke’ layer we have been working on.
There you go! Cool hah? Feel free to play around with the Smoke effect to get it looking a little better. Try duplicating the ‘smoke’ layer and playing with the opacity of that layer, or moving it around the canvas.
You can use the ‘Warp Tool’ to make the smoke move in a certain direction. Maybe something like this? [Click to maximise]
So here’s just one of the ways this effect can go in terms of Levels and Curves.
So there you go guys! Enjoy playing with this effect. There are many ways to create smoke in Photoshop, but this method usually gets you good results. Not only that, it gives you ample oppurtunity to experiment with not only the settings, but the post-production after the effect has been setup.
So once again, thank you for following – let us know what you think by posting a comment if you liked it or it helped you and share, share, share. Don’t forget to subscribe to our RSS feed for updates on future content (It’s free and easy!).
Till next time, Cheb 2.0.
Comments (26)
Wow this was really abnormal. I only prepared an exceptionally long comment however right after I clicked submit my remark didn’t display up. Grrrr … well I am definitely not writing all that over once again. Despite, just wanted to say exceptional blog site!
[...] Creating realistic smoke: Photoshop effect [...]
[...] Creating realistic smoke: Photoshop effect [...]
Great smoke effect, very useful tutorial thanks
cool dude!!
Thanks guys! Enjoy! :)
Finally a smoke tutorial that gave me the effect I wanted! Congratz!
wow!! that’s really great!! One of my favorit tutorials.
Wow.. nice work edy! Looks awesome from here.. Luv the shade of color your selected as well as the texture you made it look like it has..
Good job mate!
i love it….this is what ive done with it : )
heyy stranger ;) haha thats sexy cuz,ur soo teaching me all of photoshop.
Hmm great smoky effect ……
Very cool and an easy to follow tutorial. Anyone wanting to go a step further with effects like this – and many more – give Adobe After Effects a whirl. I use it for both motion graphics and editing as well as for stills and to a lesser degree its ability to export lightweight Flash vectors for banners etc etc.
Nice post!
Keep up the great work!
Ovi Dogar
AbsoluteCovers.com
He he brilliantly freaky and so simple..
Excellent idea, thanks for sharing it :)
Thanks again ivy and TutorZone!
Very, very good! Excellent!!!
…awesome dud!!!!
what a great tutorial…
keep it up…
You’re most welcome, Matt!
Excellent tutorial! I thank you.
Thanks for the comments guys!
@Graham – That’s what I love about Photoshop.. There are a lot of things that anyone can learn and pick up easily; it just takes a little time and effort. Thanks for dropping by!
Cheb.
Great tutorial! I love the fact that you don’t have to be a “graphic artist” to be able to pull off some great effects — even if you are using freehand!
~Graham
good tutorial !
I dunno if I’m allowed to say this, but ‘Sick arse!’ In the words of Jim Carrey – I like it a lot!
Greetings all from Brisvegas! Thanks mate!
Damn! That final photo with the red looks awesome!! Excellent sets of tuts you got here dude.. Lovin’ it!
Keep it up! Thanks bud!