Fog

How to Create Fog Effects in Your Photos

Step-by-step tutorial on adding realistic fog and mist effects to photos. Covers generation, compositing, color matching, and depth simulation techniques.

What Makes Fog So Effective in Photography

Fog is nature's depth cue. It softens backgrounds, separates foreground subjects, and adds an emotional weight that clear-sky shots rarely achieve. Landscape photographers wait hours for natural fog, but digital compositors can add it in minutes with the right overlay and technique.

The challenge with stock fog assets is uniformity. Most free fog PNGs are low resolution and designed for a single scene. Generating your own fog with adjustable density, scale, and warp lets you tailor the effect precisely to the depth and lighting of each individual photo.

Generating Custom Fog Overlays

Open the FX Labs Fog Generator and start with the density and scale sliders. Low density with large scale produces a subtle atmospheric haze, while high density with small scale gives you thick patchy fog with visible pockets and tendrils. Increase the octave count to add fine-grained detail, and use the warp controls to introduce natural drift and swirl.

For ground fog specifically, reduce the vertical coverage by adjusting contrast and depth so the fog concentrates in the lower portion of the frame. Export as a transparent PNG at your target resolution.

Tip: Generate two or three fog layers at different densities and scales. Stacking them in your editor at varying opacities produces far more realistic depth than a single fog pass.

Try the Fog Generator — Free

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

Open Fog Generator

Compositing Fog for Depth

Import your fog PNG above the background layer but below any foreground subjects. Use the Screen or Lighten blending mode. The goal is to make distant elements less visible through the fog while keeping foreground subjects crisp. Add a gradient mask to the fog layer so it is fully visible at the horizon and fades to transparent at the bottom of the frame, mimicking how atmospheric fog naturally increases with distance.

Color Grading Fog for Realism

Fog scatters light, so it takes on the color of the ambient illumination. In a sunrise scene, your fog should lean warm with a soft pink or gold tint. In a twilight or moonlit setting, push it toward pale blue or lavender. Clip a Color Balance or Photo Filter adjustment layer to the fog layer and shift it to match your scene's dominant light source.

Also consider reducing the saturation of background elements that sit behind the fog. Real fog desaturates the colors behind it, and replicating this effect on your background layer sells the illusion far better than the fog layer alone.

Advanced Techniques: Animated Fog in Video

For video projects, generate several fog frames with slightly different seed values and crossfade between them on a timeline. This creates a gentle drifting motion without needing a full particle simulation. In After Effects, you can also use the Turbulent Displace effect on a static fog PNG to animate it procedurally. Position the fog layer in 3D space and parent a slow drift animation to a null object for a parallax effect that responds to camera movement.

Tip: When animating fog in After Effects, set the fog layer to 3D, push it back in Z-space, and reduce its opacity slightly. This integrates it with camera moves and gives the composite real volumetric depth.

Try the Fog Generator — Free

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

Open Fog Generator