Photography: Create a Smoke Dispersion

The smoke dispersion is one of the most visually impressive effects in Photoshop, and in this tutorial, you’ll learn how to create it in an easy way. You’ll only need a good picture and some brushes that mimic smoke. This is an intermediate-level tutorial, so it’s assumed that you know how layer masks and brushes work. Alright, are you ready to know what you need to do to apply this stunning effect to your pictures?

Getting started

As I previously mentioned, it’s important that you choose a nice picture to use this effect on, as the final result will greatly depend on that picture. This effect tries to recreate something dynamic, an element that is in constant motion such as the smoke, so try to have this in mind when you’re looking for the picture. In short, think of an image that conveys movement.

That said, look for images that may suit the purpose of this effect. I chose the picture of a jumping dancer that I found on Freepik. If you want to use it, here you have it.

undefined

Step 1

Open the folder where you have the picture, right-click on it→ Open with → Adobe Photoshop CC.

undefined

Step 2

Unlock the layer to start working with the image. If you don’t know how to unlock the layer, just click on the padlock, or either click on the name of the layer and, in the pop-up window, change the name and press OK.

undefined

Step 3

Create a layer mask and hide the background. To do this, you can use any tool that you feel comfortable with. In my case, the background contrasts a lot with the dancer, so I’ll use the Magic Wand tool (W) to select the background.

undefined

Step 4

With the selection already made, hold Alt and click on Add layer mask.

undefined

Step 5

Press Ctrl / Cmd + T or go to Edit → Free Transform. Adjust the size of the image and, to boost the composition of the image, flip it horizontally.

undefined

Step 6

Now, let’s turn the image black and white. You can follow any method that you want, but I suggest that you use adjustment layers in this case. Therefore, create a Black & White adjustment layer.

undefined

Step 7

Select both layers and convert them to a smart object by right-clicking on the selection and choosing Convert to Smart Object.

undefined

Step 8

Let’s make a new background for our image. Create a Gradient fill layer clicking on Create New Fill or Adjustment Layer → Gradient…

undefined

To configure the gradient, choose the Radial type and then click on the gradient to change the colors. For the right color stop, choose a gray color, almost white (#D8D8D8). For the left color stop, a different gray (#929292). Don’t forget to leave the opacity of both colors at 100%. Now, tick the Invert box, change the scale to 180% and leave the angle to 90°. The background should now be ready.

Creating the smoke

We’re going to begin working with the smoke on our picture. There are multiple ways to create this kind of effect. In our case, we’ll use brushes. Let’s go!

Step 1

Select the Dancer layer and create a new layer mask while holding the Alt key.

undefined

Step 2

Now click on the layer mask, open the Properties panel and lower the density of the layer mask to 70%. This way, the figure of the dancer will be visible (even though it’s hidden because of the layer mask).

undefined

Step 3

Let’s stop for a moment to install the two sets of brushes in case you didn’t have them.

Installing them is very simple. Once downloaded, double-click on them and they’ll automatically appear in your brushes.

undefined

Step 4

Return to the project and start using the different brushes over the parts of the dancer that you want to be visible. I think that this is the most complicated step, given that it’s basically trial and error. Remember to paint with white color to turn something visible.

undefined

Keep working until the dancer is defined enough and you’ve got a result that you like.

Step 5

Create a new empty layer and place it below the Dancer layer. We’ll be applying different brushes to this layer to get the final result.

undefined

Step 6

Choose the brush that you like the most and start applying different gray values to the image. In my case, I’ve taken some samples from the dancer.

undefined

Don’t focus on getting the exact same result as the one you see here. Trust me, it’s almost impossible, no two images are alike. Try to explore different outcomes with these brushes and see what you can get.

Step 7

Keep applying the brushes until you’re satisfied with the result. Remember to alternate some gray values with others to avoid too much overlapping.

undefined

Step 8

Group the Smoke layer and the Dancer layer. Then, adjust the size and the position of the elements to achieve a good composition.

undefined

Step 9

I wasn’t very happy with my final result, so I kept trying and playing with the brushes until I was satisfied with the changes. You can use these smoke brushes to paint, but you can also use them to erase the smoke, so try that if you need so.

At the end, this was the result that I liked the most. Again, no two images are the same. In fact, it’s going to be almost impossible to achieve the same exact result. However, keep practicing and try different things.

undefined

It’s done!

We’ve reached the end of the tutorial. I hope you had fun with this. I’m sure that you’ve tried many things until you got your final result. Please share your thoughts and questions with us in the Comments section. Here you have two of the results I got.

undefined
undefined