How to create mist: Photoshop tricks for atmospheric landscapes

    How to create mist: Photoshop tricks for atmospheric landscapes

    Find out how to transform your sunny scenes into atmospheric landscapes by using simple tonal tweaks and other Photoshop effects to create mist in any scene.

    How to create mist: Photoshop effects for atmospheric landscapes

    There’s always something to complain about when it comes to the weather. If it’s raining we want it to be sunny, and when it’s sunny we moan it’s too hot! While we may not be able to change the weather outside, these grumbles can inspire a great Photoshop project.

    In this tutorial we’ll show you how to transform a warm sunny scene into a moody, misty landscape. To start you’ll need to cool down the tones and selectively tweak the colour saturation to replace the summer hues with a cooler colour palette.

    This is best done with a combination of Adjustment Layers, which gives you ultimate control over the image’s tones.

    Once the image is properly toned we’ll add mist. Rather than slap on a few filters and effects, we’ll build up the mist gradually using layers and masks to give it depth.

    The key is to make the mist look random, and shape it to follow the perspective of the scene. We can achieve randomness with the Clouds filter – which fills a layer with jumbled clouds – and then blend the effect effortlessly with the image using the Screen Blending Mode.

    Our before shot

    Our before shot

    Real mist would naturally appear thicker as it recedes into the distance along the waterline. We can use the Transform command to make our digital mist follow a similar perspective.

    We’ll also use the Brush and Smudge tools to create a few subtle swirls that rise upwards from the water.

    Step by step how to create mist in Photoshop

    Step by step how to add mist to your landscapes: step 1

    01 Adjust the contrast
    Open your start image in Photoshop, then go to Window>Layers. Click Create Adjustment Layer and choose Curves. Click halfway up the diagonal Curves line to place an anchor point, then drag a second point up in the lower-left half to make an inverted S shape.

    Step by step how to add mist to your landscapes: step 2

    02 Lower the blues
    Click on Create Adjustment Layer and choose Colour Balance. By default the settings affect the Midtones, but you can shift colours in the highlights and shadows. Go to the drop-down menu and choose Highlights, then drag the Yellow/Blue slider back to -65.

    Step by step how to add mist to your landscapes: step 3

    03 Reduce saturation
    Add a Hue/Saturation Adjustment Layer. Target and adjust different colours by selecting them from the Master drop-down, or click on the Hand and drag left or right over colours. Select Greens and set Saturation to -80, then Cyans and set Saturation to -80.

    Step by step how to add mist to your landscapes: step 4

    04 Add some grey
    Add a second Hue/Saturation Adjustment Layer, setting Master Saturation to -31. Click the Master drop-down and select Blues. Set Saturation to -73 and Lightness to +35. Choose Greens and set Saturation 
to -64, then choose Yellows and set Saturation to -59.

    Step by step how to add mist to your landscapes: step 5

    05 Remove the clouds
    Click on the Background Layer, then go to Layer> Duplicate Layer to copy it. Grab the Spot Healing Brush, then zoom in closer to the clouds. Ensure Sample All Layers is unchecked, then use the Spot Healing Brush to paint over and remove the clouds.

    Step by step how to add mist to your landscapes: step 6

    06 Clone to tidy
    If the Spot Healing Brush tool has left some rough patches, grab the Clone tool and set Opacity to 20%. Hold Alt and click to sample from a clean area of sky, then clone over the patches to blend tones. Set the Opacity of the layer to 74% for a hint of original clouds.

    Step by step how to add mist to your landscapes: step 7

    07 Whiten the sky
    Create a layer called Gradient. Grab the Gradient tool and choose the Linear Gradient Style. Click on the Gradient Picker and select Foreground to Transparent. Hit D then X to set the colour to white. Hold Shift and drag a line as above. Set Opacity to 43%.

    Step by step how to add mist to your landscapes: step 8

    08 Darken the hills
    Hold Alt and click Create New Layer. In the New Layer box choose Mode: Overlay, then check ‘Fill with Overlay-neutral colour’. Hit OK. Grab the Burn tool and set Range to Midtones and Exposure to 20%. Paint with the tool to burn (darken) the land on the right.

    Step by step how to add mist to your landscapes: step 9

    09 Apply a Clouds filter
    Highlight the top layer, then click Create New Layer and name the layer Mist. Hit D to reset the colours, then go to Filter>Render Clouds to fill the layer with random clouds. Click the Blending Mode drop-down and choose Screen, so only the lighter tones appear.

    Step by step how to add mist to your landscapes: step 10

    10 Add a graduated mask
    Go to Filter>Convert for Smart Filters, then to Filter>Blur>Gaussian Blur. Set Radius to 45px and hit OK. Click on the Smart Filter mask thumbnail, then grab the Gradient tool. Hit D then X to set colour to black. Hold Shift and drag a line from bottom to top.

    Step by step how to add mist to your landscapes: step 11

    11 Mimic the perspective
    Click on the top layer, then go to Edit>Transform> Distort. Hit Cmd/Ctrl and the – key a few times to zoom out, then drag the bottom right and left corners outwards and the top right and left corners downwards until they meet the skyline. Hit Enter to apply.

    Step by step how to add mist to your landscapes: step 12

    12 Paint a mask
    Hold Alt and click Add Layer Mask to add a full mask that hides the clouds. Grab the Brush tool, choose a soft-edged circular brush tip and set the brush opacity to 20%. Set the foreground colour to white, then paint over the water to reveal the mist.

    Step by step how to add mist to your landscapes: step 13

    13 Copy and transform
    Hit Cmd/Ctrl+J to make a duplicate layer, then right-click the Layer Mask (not the Smart Filter mask) and choose Delete Layer Mask. Hit Cmd/Ctrl+T, then drag the bottom middle points upwards. Hit Enter, then click Add Layer Mask to add a new empty mask.

    Step by step how to add mist to your landscapes: step 14

    14 Mask the mist
    Grab the Gradient tool, go to the options at the top and choose Reflected Gradient. Select Foreground to Background and hit D to set the colour to white. Drag a short line down from the water line so only a thin strip is visible. Set the layer Opacity to 75%.

    Step by step how to add mist to your landscapes: step 15

    15 Make another copy
    Hit Cmd/Ctrl+J. Delete the Layer Mask and transform it to make it thinner. Add a reflected gradient on a Layer Mask to make a smaller strip. Set Opacity to 45%. On a new Swirls layer, grab the Brush tool set to white with an Opacity of 20% and Flow of 35%.

    Step by step how to add mist to your landscapes: step 16

    16 Paint random mist
    In the Brush Preset Picker, select Spatter 14 (if you can’t see it, go to Reset Brushes). Go to Window>Brush>Brush Tip Shape. Set Size to 300px and Spacing to 50%. Click Shape Dynamics and set Angle Jitter to 100%. Paint to add mist on the water line.

    Step by step how to add mist to your landscapes: step 17

    17 Use the Smudge tool
    Grab the Smudge tool, then go to the options bar and set Strength to 50%. Make sure both Finger Painting and Sample All Layers are unchecked, then use the tool to smudge the white brush strokes into swirls of mist that rise up from the lake.

    Step by step how to add mist to your landscapes: step 18

    18 Final tonal tweaks
    Ensure the top layer is highlighted, then add a Curves Adjustment Layer. Make a shallow S-shaped curve by dragging one point upwards, and a second downwards to boost contrast slightly. Make any other tonal tweaks with further Adjustment Layers.

    This entry was posted on Tuesday, February 19th, 2013 at 7:00 am and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a comment. Pinging is currently not allowed.

    Tags: ,

    | Tutorials | 19/02/2013 07:00am
    No Comments

    Share This Page

    Practical Photoshop Cover

    Practical Photoshop is the world's biggest and best creative Photoshop magazine, packed with tutorials, tips and video training.