fbpx

How To Create Smoke In Photoshop (3 Easy Ways)

Last Updated:

Photoshop allows you to create realistic-looking elements out of thin air. For instance, you can create smoke in Photoshop in a few easy steps. In this article, I will show you how to quickly make smoke in Photoshop using realistic-looking overlays and smoke brushes, as well as how to make the effect from scratch. 

So before we get started, be sure to get these five free smoke brushes for Photoshop if you want to save yourself a ton of time!

Lesson Summary

  • Step 1: Place A Smoke Overlay Over The Image
  • Step 2: Change The Overlay’s Blend Mode To Screen Or Lighten
  • Step 3: Adjust The Overlay’s Opacity Accordingly
  • Step 4: Use A Layer Mask To Remove Harsh Edges From The Overlay

Option 1: How To Add Smoke In Photoshop Using Overlays

Step 1: Place An Overlay Over Your Base Image

With your base image open, go to File > Place Embedded, and find the overlay image in your files. Once you locate the image, select it and click Place. Your overlay image will be placed on top of the base image.

Note: I recommend looking at Pexels or Unsplash to look for overlays. An image with a dark or black background works best as an overlay.

Step 2: Resize And Position The Overlay

Next, open the Transform Tool by pressing Control + T (Win) or Command + T (Mac). If you need to rotate the overlay, hover your mouse just outside the transform box, then click and drag the overlay to the side when the double arrow icon appears.

Then, resize the overlay if needed by clicking on any of the corner anchor points and dragging the layer inwards or outwards. Press Enter to confirm the changes.

Step 3: Change The Overlay Layer’s Blend Mode

Once the overlay is in position, find the Blend Mode in the Layers Panel, which is set to Normal by default. Use the drop-down menu to change the Blend Mode to Lighten or Screen, depending on what works best for your image.

You will notice the overlay blends into the image at this stage.

Step 4: Adjust The Overlay Layer’s Opacity (Optional)

In some cases, the overlay will be too intense, and you need to tone down the smoke effect. To do this, reduce the Opacity of the overlay layer by dragging down the Opacity Slider in the Layers Panel.

The smoke effect will be reduced and blended into the image better.

Step 5: Use A Layer Mask To Customize The Effect (Optional)

If you want to remove some of the smoke or fix up the edges of the overlay, you can do this using a Layer Mask. First, add a layer mask to the overlay by selecting the layer and clicking on the Layer Masks icon at the bottom of the Layers Panel.

Then, select the Brush Tool (B) and set the foreground color to Black.

Adjust the Opacity of the brush in the Options Bar to allow the effect to blend in.

Then, brush over the areas of the smoke overlay you want to remove.

You can keep customizing the overlay until you’re happy with the smoke effect on your image.



Option 2: How To Add Smoke In Photoshop Using Brushes

Step 1: Download And Import Your Smoke Brushes 

Before you can start using smoke brushes, you first need to download some Photoshop brushes. To make life easy, I’ve created 5 free smoke brushes for Photoshop that you can download here. I’ll be using this brush pack in the following examples.

Once your smoke brushes are downloaded, select the Brush Tool (B) and open the brush tip preset panel. 

In the window that pops up, click on the Gear Icon and select Import Brushes. Locate the brushes on your device, select them, and click Open.

From here, you can click on the Brush Settings button to find your imported brushes. 

Step 2: Set The Foreground Color To White And Add A New Layer 

Now that you have access to your Smoke Brushes make sure your Foreground Color is white. Then, add a new layer in the Layers Panel with the Create A New Layer button

Step 3: Click To Stamp A Brush Stroke Onto The Image 

After your new layer is added, use one of your smoke brushes to add the smoke effect. Since these are premade smoke effects, think of them like a stamp rather than a brush. Clicking once over the image to apply the smokey effect.

You can combine multiple brushes are varying opacities to get a variety of unique effects.

Step 4: Use The Transform Mesh To Form Your Shape (Optional)  

If you used multiple layers for the brush strokes, merge the layers. Then open the Transform Tool using Control + T (Win) or Command + T (Mac) and click on the Warp Tool

You will now have a grid where you can manipulate the shape of your smoke. You can add more squares to your grid in the Options Bar. Use the grid to help shape your smoke form the way you want it. 

Step 5: Adjust The Opacity And Fill Of Your Smoke Layer (Optional)

Once your smoke is properly formed, you can adjust the Opacity and Fill with their respective sliders in the Layers Panel. You should now have a realistic-looking form of smoke. 

Option 3: How To Create Smoke From Scratch In Photoshop (Advanced)

Step 1: Add A New Layer And Select The Brush Tool (B)

First, add a new layer to your design by clicking the Create A New Layer button in the Layers Panel. Select the Brush Tool (B) in the Toolbar. Then, change your Foreground Color to white. In the Options Bar, click on Brush Preset Picker. In the list of available brushes, choose the Soft Round Brush

The size of the brush stroke you need depends on the size of your project. The general rule of thumb is that you want your first brush stroke to be a good size, usually between 250 px to 400 px. 

As for the rest of the options: 

  • Keep your Hardness at 0%
  • Keep your Opacity at 100%
  • Set the Flow to 40%

Step 2: Paint An S-Shaped Brush Stroke 

The most common way to shape the first brushstroke is in the shape of an S.

Step 3: Add Two More Brush Strokes At Different Sizes

To add dimension to your first brushstroke, you will want to add at least two more brushstrokes. For your second brush stroke, cut the size of your brush in half. You can do this in the Options Bar or by pressing [

Drag your mouse around the edge of the first stroke. The second brushstroke should appear slightly bolder than the first one. 

For the third brushstroke, increase the Smoothing to 100%. This will keep your stroke as tight as possible. 

Run your third brushstroke around the other edge of your first stroke. 

Step 4: Convert Your Brushstrokes To A Smart Object

You must convert your layer into a smart object to properly manipulate your brushstrokes. To do this, select your layer and click on the Hamburger Menu. Select Convert To Smart Object

Step 5: Go To Filter > Other > Maximum To Add A Filter

Applying the Maximum filter to your smoke effect will spread out the white areas of your brushstrokes and choke in the black areas. To apply this filter, select your layer, then go to Filter > Other > Maximum

In the Maximum Properties Panel, ensure Preview is checked and that Preserve is set to Roundness. You can use the Radius slider to adjust the effect to what looks best. Click OK when ready.

Step 6: Adjust Your Smoke Effect With A Transform Mesh

Before using the Transform Mesh, you need to ensure your layer is in Free Transform mode. Go to Edit > Free Transform, or press Control + T (Win) or Command + T (Mac)

Once your layer is in Free Transform mode, click on the Warp Tool button in the Options Bar

You can adjust your smoke effect by manipulating the mesh’s lines, anchor points, and intersections. 

If you need to, add more lines to your mesh with the Split options in the Options Bar

Take the time to adjust your smoke effect with the mesh so that it forms contours the way you need it to. Once you’re done forming your smoke effect, press Enter to accept the changes. 

Step 7: Add Another Base Brush Stroke 

To give this effect more dimension, you need to do everything you just did a second time, forming a second smoke effect near the first. Repeat steps 2 to 6 to create a second layer of smoke for a bolder effect.

Step 8: Mask The End To Taper The Effect

To make your smoke effect look more realistic, you can taper it so it looks like smoke is coming from a center point. 

First, select your first layer, then click the Mask button to add a mask to the layer. You will see this reflected in the Layers Panel. Make sure the mask itself is selected. 

Then, change your Foreground Color to black. Now, the areas you brush over will conceal the pixels on this layer. With the Brush Tool (B), brush each side of the end of your smoke effect until you form a more tapered shape. 

Step 9: Paint A Dot As Background Smoke

To add even more realism to your effect, you can add a little background smoke. To start, add a new layer with the Add New Layer button

Make sure your Foreground Color is white. With your Brush Tool (B) selected, hold the ] key to make the size of your brush more than double the size of your smoke effect. 

Click once on your smoke effect to leave a big white dot on your smoke effect. 

Step 10: Add A Clouds Filter

Add one final layer to the Layers Panel

Make sure your Background Color is white. Then, double-click the Foreground Color to open the Color Picker Properties Panel

If you move your mouse outside the Color Picker, your mouse will turn into an Eyedropper Tool. Choose a color that best represents the background by clicking on a good base color. 

Once your Foreground and Background are set, go to Filter > Render > Clouds. This will fill the screen with computer-generated clouds using a combination of your background and foreground colors. 

Step 11: Clip The Clouds Layer To The Placeholder Layer 

To do this, right-click the clouds layer, choose Create Clipping Mask from the list, or press Alt + Control + G (Win) or Option + Command + G (Mac). You will know if this worked if you see an arrow on the cloud layer pointing down. 

Your cloud layer should now be contained within the white dot, giving an almost mist-like feel. 

Step 12: Adjust The Opacity, Fill, And Position (Optional)

If you need to, you can adjust the Opacity of the effect by selecting the background smoke layer and adjusting the Opacity slider

If you need to move the entire smoke effect, select all your layers except your background and then right-click them. Select Merge Layers. You can now select that merged layer and drag it to where you need it. 

The last way to polish your smoke effect is to bring down the fill of the layer. To do this, select your layer, then adjust the Fill to what looks the best for you.  

You now have a complete, realistic smoke effect. 



Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Create Adjustment Presets In Photoshop

Learn how to create adjustment presets in Photoshop in a few easy steps to speed up your work and create consistent edits across multiple images

How To Use The Marquee Tool In Photoshop

Learn how to use the Marquee Tool in Photoshop to crop layers, create basic selections, add selective adjustments, and more with ease.

How To Crop A Layer In Photoshop (3 Simple Methods)

If you're struggling to figure out how to crop a layer in Photoshop, you're not alone. Fortunately, there are a few easy (not so obvious) methods to help you crop a single layer in Photoshop.

How To Use Generative Remove In Lightroom – Complete Guide

Learn how to use the Generative Remove feature in Adobe Lightroom to seamlessly remove large objects from your photos with AI.

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Outline An Image In Canva

Learn how to outline anything in Canva from outlining images, shapes, text, designs, and more with a few easy steps.

How To Add A Border In Canva (To Images, Shapes & Text!)

Learn how to easily add a border to your designs, images, shapes, and text in Canva using these step by step techniques.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments