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.

Advertisement

Pin It on Pinterest

Share This
Sign up for our Newsletter

Signup today for free and receive all new free tutorials published at Photoshop Star.