Nothing Creates Interest Like a Good Old Fashioned Fog Bank
There are times when our landscape, seascape, or cityscape images could use a little extra oomph to put them in the fantastic category.
One such tool for this is fog.
Unfortunately, sometimes it’s not foggy!
In this blog post, I will walk you through the steps of adding fog to an image using Photoshop. The technique will also work in any other layering program.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/001-alexander-kluge-u7HTdpOiAV0-unsplash-e1664226885856.jpg)
001 – Photograph by Alexander Kluge
This is a nice shot. But, I think an early morning misty fog would ramp up the drama and storytelling.
Let’s do it!
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/002-749-Adding-Fog-in-PS-1.jpg)
002
First, we open the image in Photoshop and have the Layers palette visible.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/002-a-749a-Duplicate-Background-Layer-2.jpg)
002a
We right-click on the Background layer and duplicate it.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/003-750-Camera-Raw-Filter-DeHaze-3.jpg)
003
Select the duplicate second layer and open it in the Camera Raw filter. Set Dehaze to a negative number (between -70 to -100). I chose -78.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/004-751-Add-Reveal-All-Layer-Mask-4.jpg)
004
Go to the Layer dropdown menu and click on ‘Layer Mask.’ From the sub-menu select ‘Reveal All’ Layer mask.
A white box appears on the duplicate layer within the Layers Tab next to the thumbnail image.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/005-1.jpg)
005
Select the Brush Tool and set the color to Black. Set the color opacity to 50%, the pixel size to 444, and the Hardness to 0.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/005a.jpg)
005a
Make sure the Mask icon is selected in the Layers tab. Paint the mask on the Preview image at the bottom of the frame, as shown in image 005a.
Note: Fog is less noticeable when it is close to us than when it is off in the distance. This step helps to mimic that effect and add realism to our edit. It will be less foggy in the foreground than in the background.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/006.jpg)
006
Now set the Black color opacity to 30% and paint the area between where you just painted and the boat. We are layering the fog effect into the shot.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/007-756-Set-Brush-to-70_-Paint-the-sky-7.jpg)
007
Now set the color Black opacity to 70%.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/007a.jpg)
007a
Paint the sky from the top of the clouds to the top of the frame. Notice how the Mask icon is changing as you paint out the mask.
Note: When fog forms along a body of water, it is most dense near the water and dissipates as it rises into the sky. This step mimics that effect for realism.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/008-759a-Duplicate-second-layer-8.jpg)
008
Right-click on Layer One (not the background layer) and duplicate it.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/009-759-Apply-layer-mask-on-third-layer-9.jpg)
009
On the newly created Layer Two, right-click and apply the Mask. You should now see only the thumbnail image on Layer Two.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/010-808-Create-new-blank-layer-rename-layer-4-fog-10.jpg)
010
Create a new blank layer and name Layer Three “Fog.”
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/011-809-Filter-render-clouds-11.jpg)
011
With the Fog Layer selected, go to the Filter dropdown menu and choose Render/Clouds.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/012-810-Opacity-to-40_-12.jpg)
012
Set the opacity of the Fog Layer to 40%.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/013-811-Edit-Transform-Perspective-13.jpg)
013
With the Fog Layer selected, go to the Edit dropdown menu and choose Transform/Perspective.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/014-Creative-depth-perspective-14.jpg)
014
Drag the handlebars outward at the bottom to create a shape similar to image 014.
Note: This step creates the illusion of depth and distance. When an object is closer to us, it appears larger and more prominent, and as the view moves into the distance, it becomes smaller.
In this step, we create the illusion of a fog bank drifting across the water.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/015-812-Reveal-All-Layer-mask-15.jpg)
015
Select the Fog layer and select the Layer dropdown menu. Then, select Layer Mask/Reveal All.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/016-813-Paint-foreground-at-50_-15.jpg)
016
Select the Paint Brush and the color Black. Set the color opacity to 50%. Paint the bottom third of the image (similar to the earlier step).
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/017-815-Paint-sky-at-80_-16.jpg)
017
Set the color Black opacity to 80%. Paint the area from the base of the clouds to the top of the frame (similar to the previous step, only at 80%).
Can you begin to see how it looks like fog rolling across the water?
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/018-816-Paint-line-around-the-boat-at-35_-17.jpg)
018
Set the opacity of the color Black to 35% and paint the remaining area around the boat.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/018a.jpg)
018a
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/019-817-Touch-Up-areas-that-appear-fake-18.jpg)
019
Examine your result and touch up as necessary. Save a layered .psd file in case you want to make changes later.
Flatten the image to output a .jpg for printing or sharing.
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/020-820-FinalEdited-with-Fog-alexander-kluge-u7HTdpOiAV0-unsplash.jpg)
020 – Editing by Kent DuFault
Here is the final image!
If you would like to try this out step-by-step using this same photo, you can download it for free HERE.
Here’s a Before and After comparison
![Fog Bank](https://cdn.contrastly.com/wp-content/uploads/021.jpg)
021
If you want to learn more about how to instantly begin “creating” photographs- not just relying on what Mother Nature delivers to you, then check out the Understanding Masking Guide. This guide includes 171 easy-to-follow pages of training, illustrations, and self-check quizzes, whilst covering all the masking techniques and secrets. Read all about the guide here.