How to create a realistic smoke / steam effect in Photoshop
by June 19, 2012 3:14 pm 4,640 views3
To show how this effect can work in it’s end result I am going to add steam to a coffee photo that I found on Wikimedia commons. If you wish to use this image too you can find it here. Photo by Julius Schorzman.
Step 1.
Create a new document. I choose to create mine at 800×800. This will not be an effect that you will be able to scale up so make sure your original canvas is an appropriate size for the size of the image you want to add the smoke / steam to.

Step 2.
Create a new layer and use the paint bucket to fill this layer with black.

Step 3.
Create another new layer and select the paintbrush and white from the colour picker. You will need to set the paintbrush to various different sizes but keep the hardness to a low level. Start with a mid size brush.


Step 4.
On the new layer, draw wavy lines upwards, using varied brush sizes.

Step 5.
With the wavy lines layer selected in the layers palette, choose Filter > Other Maximum. Keep the radius low.


Step 6.
Repeat step 5 until your lines are quite distorted.

Step 7.
Chose Filter > Distort > Twirl to distort the lines further.


Step 8.
Choose Edit > Transform > Warp


Step 9.
Drag the different points on the transform closer together at the bottom, to give the effect of the smoke rising from a central point.


Step 10.
Change the opacity on the top level to fade the lines into the background.

Step 11.
This layer can then be duplicated and moved around to create the desired effect.

Step 12.
I have used different parts of the layer over the top of the coffee image and added more blur to create the effect I wanted. See the image below for the final result.

Russell English November 22, 2013 at 12:14 pm
Thanks very much for this excellent tutorial. Exactly what I needed!
suresh February 1, 2016 at 10:47 am
i have tried most of smoke making effect on photoshop but i could not get as per your simple tecqnic wich i follow well . thanking you.
Arun thambi January 26, 2017 at 6:21 pm
Thanks for d simple steps its really works n awesome .