fbpx

How To Add Realistic Fog In Photoshop


Fog is a moody element that adds character and emotion to images and is perfect for landscape scenes. To add fog in Photoshop is easy, although it requires a few steps as well as some patience to make it look real. Once you know the process, you can add fog to any image you like.

You can either add fog to an entire image with a few quick adjustments, or you can spend a bit more time and add fog to specific areas for a more natural look, such as the horizon line. Let’s start with a general fog effect that covers the entire image.

How To Add A Hazy Fog Effect In Photoshop

You can add a fog effect that covers the whole image in a few simple steps. This method is good to use when you don’t need to section off areas to cover in fog. 

Step 1: Add A New Blank Layer Above Your Image

To add hazy fog to an image, start by opening your image in Photoshop.

Once the image is open, create a new layer by clicking the New Layer icon at the bottom of the Layers Panel

Step 2: Add A Cloud Render Filter

Then, make sure that the foreground color is set to white. If the foreground color is set to black, use the switch icon to change the colors around. A white foreground color will ensure the next effect is applied correctly.

With the new layer selected, go to Filter > Render > Clouds to add a cloud effect to the image.

When the cloud filter has been added, your image will be covered in black-and-white smudges to create a cloud-like effect.

Step 3: Change The Filter Layer’s Blending Mode

The cloud effect now needs to be blended into the image to remove the black areas and leave the white areas that will create the fog effect. To do this, change the blend mode of the cloud layer to Screen using the drop-down menu at the top of the Layers Panel.

Once the blend mode is added, the image will look cloudy, and you will be able to see the image in the background.

Step 4: Increase The Size Of The Cloud Filter

Since we are going to increase the size of the clouds and we don’t want to lose quality, we need to convert the layer to a Smart Object. To do this, right-click (Win) or Command + click (Mac) on the cloud layer and select Convert to Smart Object.

Then, scale up the cloud layer with the Transform Tool by pressing control + T (Win) or Command + T (Mac). Then, use the anchor points to drag the layer outwards, holding Shift if you want to keep the original dimensions of the layer. 

This layer will extend beyond the canvas, which means that the entire layer won’t be visible anymore, but the clouds will be larger in the image. Press the checkmark in the Options Bar when you are happy with the new size of the layer.

Step 5: Add More Fog By Duplicating The Effect

Now, because we are after a fog effect and not clouds, we need to add more clouds to the image. To do this, duplicate the first cloud layer by pressing Control + J (Win) or Command + J (Mac). 

Then, rename your two cloud layers to not get confused by the layers. Double-click on the layer name and type your new name to rename the layers.

Step 6: Resize The Duplicated Cloud Layer

The new cloud layer, which I have renamed “Small Clouds,” needs to be resized to create a dynamic cloud effect. With the Small Cloud layer selected, press Control + T (Win) or Command + T (Mac) to access the Free Transform Tool. Then, resize the layer to be smaller than the Large Cloud layer. Press Enter when you have correctly resized the layer.

The image will be covered with clouds, and the subject won’t be very visible at this stage.

Step 7: Decrease The Opacity Of The Cloud Layers

To lessen the fog effect, we need to decrease the opacity of the cloud layers. To do this, first, select the Small Cloud layer and reduce the Opacity using the slider at the top of the Layers Panel

Then, select the Large Clouds layer and repeat the step above to reduce the Opacity on this layer.

Step 8: Move The Clouds Around (Optional)

If you want to adjust the look of the clouds over the image, you can move the cloud layers around. Do this by selecting the layer, then selecting the Move Tool (V), and clicking and dragging over the image to move the layer.

Once you have the cloud layers in the correct position and at the right opacity, your image will now have the desired fog effect added to it. 

How To Add Realistic Fog In Photoshop

In some cases, you may want to add fog to certain parts of the image to create a realistic fog effect around certain elements. You may want to add fog to a tree line, a horizon, or only in the foreground. To create this effect, we use a similar technique to the method above, with a few extra tweaks.

As with any technique you learn, you can adjust the various settings outlined here to better suit the image you are using. 

Step 1: Add A Blank Layer Above The Image Layer

To start, once again, open the image you would like to add fog to.

Once the image is open, create a new layer by clicking the New Layer icon in the Layers Panel. Then, make sure that the foreground color is set to white.

Step 2: Add A Cloud Render Filter

Next, add the cloud effect by going to Filter > Render > Clouds. The effect will cover your image with black and white clouds.

Step 3: Change The Filter Layer’s Blend Mode

Blend the new layer into the image by changing the blend mode to Screen in the drop-down menu at the top of the Layers Panel.

The image will be slightly visible now but still covered in white clouds.

Step 4: Change The Perspective Of The Clouds

Since we are adding the fog effect to a horizon, it is a good idea to change the perspective of the cloud layer. This will help the layer blend into the image and match the horizon angle better. 

To change the perspective of the layer, access the Free Transform Tool by clicking Control + T (Win) or Command + T (Mac). Then right-click (Win) or Command + click (Mac) and select Perspective.

Then, drag one of the bottom anchors outward and notice how the layer tilts at an angle. Press Enter when you are happy with the angle of the layer.

Step 5: Increase The Size Of The Clouds

Before scaling the layer, we need to convert it to a Smart Object to retain the quality of the layer. To do this, right-click (Win) or Command + click (Mac) on the layer and select Convert to Smart Object.

Next, scale the layer up by pressing Control + T (Win) or Command + T (Mac) and using any of the anchor points to increase the size of the layer while holding Shift. When scaling the layer, be mindful that the angled layer may not cover parts of the image. Click and drag the layer to make sure that the cloud effect covers the entire image.

Press Enter when you have increased the size enough.

Step 6: Duplicate The Filter Layer And Resize

Next, duplicate the layer by pressing Control + J (Win) or Command + J (Mac). Then, re-size the new layer to create slightly smaller clouds by pressing Control + T (Win) or Command + T (Mac) before using the anchor points while holding Shift to decrease the size of the layer.

Step 7: Duplicate The Cloud Layer Again And Stretch It

Then, once again, duplicate the new layer you just created and resize it once more. When resizing this layer, you want to make it small enough to just cover the horizon. You can stretch the layer outwards by holding in Alt (Win) or Option (Mac) and dragging out the side anchor to make sure the layer covers the entire horizon across the image.

You can hide the other two cloud layers to make sure you are covering the horizon with this new layer.

Hit Enter and switch the layer visibility back on for the other two layers. Your image should now be full of dense-looking clouds of various sizes.

Neaten up your Layers Panel by renaming each layer. This allows you to easily go back and edit layers as needed.

Step 8: Group The Fog Layers

Next, group your layers by selecting the three fog layers. To do this, hold in Shift and select the first and last fog layer. This will select all the fog layers. Then press Control + G (Win) or Command + G (Mac) to group the layers. You will now have a new layer group in the Layers Panel.

Step 9: Add An Inverted Layer Mask To The Grouped Layers

Now, add a Layer Mask to the Grouped layers by selecting the Layer Mask icon at the bottom of the Layers Panel.

Then press Control + I (Win) or Command + I (Mac) to invert the layer mask. The layer mask will turn black in the Layers Panel, and you will see your image clearly.

Step 10: Paint The Fog Back Into The Image

Now, you can use the Brush Tool to carefully paint the fog over the horizon line. To do this, select the Brush Tool (B), make sure your foreground color is set to white, and change the brush size using [ to decrease the size and ] to increase the size.

When using the brush, you don’t want to paint all of the fog back in but a faded version of the fog you created. You do this by lowering the opacity of the brush tool in the Options Bar.

When brushing the fog onto the horizon line, start by drawing a line across the horizon.

Then, decrease the brush size slightly and add more fog to some areas where you want the fog to look denser.

Next, increase the brush size and lower the opacity before adding slight bits of fog in the trees and over the water.

Continue brushing fog over the areas you want to add the fog, adjusting the opacity based on how dense you want the fog to be in certain areas. You should be focusing on the placement of the fog here more than the intensity.

Step 11: Adjust The Opacity Of The Fog Layers

Once you are happy with the fog placement, open the layer group and adjust each fog layer’s opacity to reduce the intensity of the fog to create a natural look.

Step 12: Adjust The Fog Visibility (Optional)

Once you have adjusted the opacity for each fog layer, you can always go back and touch up the fog by continuing to brush over the image. Just make sure you have the layer mask selected.

After adding in as much or as little fog as you would like, you should now have an image with natural-looking fog added to it. The fog may be quite subtle, but it adds depth and character to the image.

Note: It is usually better to add subtle fog to an image as this looks more realistic than adding lots of fog unless that is the effect you are after.

Happy editing!

Article By

Brendan Williams

Hey, I'm Brendan! I'm a professional photographer and photo retoucher who has spent the majority of his career shooting or retouching outdoor lifestyle and social media campaigns for brands like G-Adventures, xoxo Bella, P&G, Fitbit, Chevy, Tourism California, and more. These days I primarily focus my efforts on this site, creating guides and tutorials that I wish I had earlier in my career. Each week I publish new tutorials on Photography, Photoshop, Lightroom, and Canva to help you unlock new skills and bring your creativity to new levels! Everything you learn here is backed by real experience, so you can finally skip the fluff and focus only on what matters.


Continue Reading:

How To Invert Colors In Photoshop

Learn how to quickly invert the colors of an image or a layer mask in Photoshop along with tips to selectively invert your colors instead!

How To Invert A Selection In Photoshop

Learn the importance of learning to invert a selection in Photoshop with the help of simple keyboard shortcuts and several other methods.

How To Use The Gradient Tool In Photoshop

Learn the ins and outs of how to use the gradient tool in Photoshop with useful tips to help make the most of this impressive tool!

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 Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Use Dehaze In Lightroom

Learn how to use dehaze in Lightroom along with five different ways you can use the dehaze tool to improve your images in Lightroom.

35+ Best Fonts For Logos In Canva

Here's a list of the best fonts for logos in Canva to help give you inspiration in your next logo design!

How To Create Curved Text In Canva

Learn how to quickly create curved text in Canva desktop and mobile with just a few clicks to spruce up any design!

35 Best Fonts For Teachers In Canva

Discover the best fonts for teachers in Canva to help with your next worksheet or presentation for your class!

The 9 Best SD Cards For Sony

Discover the best SD cards for Sony to find the most reliable and best valued memory cards for your photo and video needs.

The Best Canon Lens For Low Light (10 Top Picks)

Get a complete view of the best Canon lenses for low light photography and video along with tips to make the right buying decision.

Affinity Photo VS Photoshop – Which Should You Choose?

Let's take a deep look at the similarities and differences between Affinity Photo and Photoshop to see which program you should pick.