Smoke

How to Add Smoke Overlays in Photoshop (Step-by-Step Guide)

Learn how to add realistic smoke overlays to your photos in Photoshop. Step-by-step guide covering blending modes, opacity, masking, and free smoke PNG generation.

Why Smoke Overlays Transform Photos

Smoke overlays are one of the fastest ways to add mood and atmosphere to portrait photography, product shots, and digital composites. A well-placed smoke layer can turn a flat studio photo into a dramatic cinematic frame, guide the viewer's eye, or create an air of mystery around your subject.

The key to a convincing smoke composite is starting with a high-quality transparent PNG. Stock smoke images often have embedded backgrounds that make clean extraction difficult. Generating your own smoke on a transparent canvas eliminates that problem entirely and gives you full control over density, direction, and scale before you even open Photoshop.

Step 1: Generate Your Smoke Overlay

Open the FX Labs Smoke Generator and set your canvas to match the resolution of your Photoshop project. For most editorial work, 3840 x 2160 is a good starting point because it gives you enough pixel data to resize and reposition without quality loss. Choose Smoke mode for directional plumes or Isolation mode for a centered cloud that works well behind portrait subjects.

Dial in the direction and curvature sliders first to establish the overall flow. Then increase turbulence octaves to add organic detail. When you are happy with the shape, export as a transparent PNG. This file will drop directly into Photoshop with no background removal required.

Tip: Export at a higher resolution than your final canvas. Scaling down a 4K overlay onto a 1080p timeline preserves sharpness and gives you room to reposition.

Try the Smoke Generator — Free

Generate custom smoke overlays in your browser. Export transparent PNG up to 4K resolution.

Open Smoke Generator

Step 2: Layer and Blend in Photoshop

Import the PNG into your Photoshop document and place it above your subject layer. Set the blend mode to Screen if your smoke is light-colored on a dark background, or use Lighten for a subtler integration. Reduce opacity to somewhere between 40 and 70 percent depending on how prominent you want the effect. If you need the smoke to wrap behind your subject, add a layer mask to the smoke layer and paint black over the areas where the subject should remain visible.

Step 3: Match Color and Lighting

Smoke inherits the color of its environment. Add a Hue/Saturation adjustment layer clipped to the smoke to tint it toward the dominant color temperature of your scene. A warm portrait lit by candles calls for slightly amber smoke; a cold blue-toned editorial benefits from a cool desaturated haze. You can also add a soft Gaussian Blur of 2 to 6 pixels to the smoke layer to simulate defocus, which helps it sit at the same perceived depth as your background.

For additional realism, duplicate the smoke layer, flip it horizontally, reduce its opacity further, and offset it. Layering two slightly different smoke passes at different opacities creates a more complex, natural-looking atmosphere than a single overlay.

Tip: Use a Curves adjustment clipped to the smoke layer to compress the tonal range and prevent the overlay from looking too bright or too dark relative to the scene.

Common Mistakes to Avoid

The most frequent mistake is using smoke that is too opaque, which flattens the image and hides your subject. Start with low opacity and build up gradually. Another issue is ignoring the light direction: if your scene is lit from the right, the smoke should be brighter on its right side. You can fake this with a gradient mask on the smoke layer. Finally, avoid placing smoke symmetrically in the frame because real smoke drifts in one direction. A diagonal flow almost always looks more convincing than a centered blob.

Try the Smoke Generator — Free

Generate custom smoke overlays in your browser. Export transparent PNG up to 4K resolution.

Open Smoke Generator