How to Create a Fog Effect in Photoshop

In this lesson, you will learn step by step how to create a fog. We will also add a picture fantasy character which will be walking on our landscape.

Final Image Preview

How to Create a Fog

Resources

Step 1

Start by opening forest image. Go to Image > Image size to reduce photo size to 1000px width and 669px height.

How to Create a Fog 1

Step 2

To create a sense of dense fog on the distance and dispersion on the foreground, we will make a few layers of fog, but with different gradations of saturation. Create a new layer (press Shift+Ctrl+N) and fill it with white color by using Paint Bucket Tool, then set up opacity to 95% for current layer. After that we need to create mask for current layer. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All to create mask for all layer. Now remove selection with Ctrl+D and move to the next step. Select the Gradient Tool and fill our layer with linear black-and-white gradient as you can see on the picture below:

How to Create a Fog 2

Step 3

Select the Eraser Tool (Soft Brush, Size: 100px, Opacity: 20%) and make a few strokes with brush on Layer Mask area and paint over the nearest tree and stone, the middle and foreground.

How to Create a Fog 3

Step 4

To achieve the effect of realistic fog (the fog has the ability to climb and irregularly travel along the ground) first of all press D to set up foreground and background colors black and white, then create a new layer and apply Filter > Render > Clouds:

How to Create a Fog 4

Step 5

After applying filter to layer, change layer mode to Screen and set up opacity to 40%.

How to Create a Fog 5

Step 6

We are now going to add goddess picture. Open the picture and copy it to our main canvas. Then use Edit > Free Transform to reduce picture of Goddess a little bit and move it left like on my screenshot, which you can see below:

How to Create a Fog 6

Step 7

Duplicate goddess current layer with Layer > Duplicate Layer (or press Ctrl+J) and hide the bottom copy (click on the eye, which indicates layer visibility). Go to upper copy and change blending mode to Screen for this layer.

How to Create a Fog 7

Step 8

Now we need to create mask for current layer. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All to create mask for all the layer. Now remove selection with Ctrl+D and select the Brush Tool (Opacity: 45%) with soft round brush and paint background area with black color.

How to Create a Fog 8

Step 9

Go back to the hidden copy of layer and make it visible again. Use Select > Load Selection to select layer content, then use Layer > Layer Mask > Reveal All again to create mask for all layer. Now remove selection with Ctrl+D and select the Brush Tool (Opacity: 61%) with soft round brush and paint background area with black color again.

How to Create a Fog 9

Final Image

Set opacity to 34% up for current layer and we are done with our tutorial.

How to Create a Fog

Keep on experimenting and you will get different techniques and effects.