7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

How to Create a Misty Landscape Photo Manipulation With Adobe Photoshop

Read Time: 7 mins
Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial I'll show you how to create a misty landscape with rocks, an arch bridge, flying birds, castles, and a medieval woman. You'll learn how to combine simple images into a cohesive scene, play with the depth and atmosphere, adjust the colors, and more. 

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Add the Sky

Step 1

Create a new 1500 x 1500 px document in Photoshop with the given settings:

new filenew filenew file

Step 2

Open the sky image. Drag this image into our white canvas using the Move Tool (V):

add skyadd skyadd sky

Step 3

Lower the opacity of this layer to 70%. Click the second icon at the bottom of the Layers panel to add a mask to this layer. Use a soft round brush with black color (soft black brush) with the opacity about 30% to paint on the area near the middle section to reveal the light (from the white background). This step is to add some depth to the scene.

sky maskingsky maskingsky masking

Step 4

Go to Layer  > New Adjustment Layer > Curves and decrease the lightness a bit:

sky curvessky curvessky curves

On this layer mask, use a soft black brush to erase the right side of the canvas—we aim to make the light come from the bright area near the section mentioned in the previous step, so this side should be a bit brighter.

sky curves maskingsky curves maskingsky curves masking

2. Add the Rocks

Step 1

Open the rocks image and isolate the rocks from the background. Add them to the sides of the canvas using the Move Tool and the Free Transform Tool (Control-T). Place the bigger rock on the left and hide a part of the light area—not much, but enough to draw the viewer's eyes to the light direction.

add rocksadd rocksadd rocks

Step 2

Add a mask to each of these layers and use a soft black brush with the opacity about 20% to blur the top of the rocks to make them fade a bit into the clouds:

rocks masking 1rocks masking 1rocks masking 1

Use the Lasso Tool (L) to draw a jagged selection on the part near the top of the left rock and turn the foreground to white (still on the mask). Hit Delete to get the result shown below:

rocks masking 2rocks masking 2rocks masking 2

Step 3

Duplicate the right rock and move it to the left a bit and flip it horizontally (Edit > Transform > Flip Horizontal). Lower the opacity of this layer to 30%:

add more rockadd more rockadd more rock

Step 4

Add a mask to this layer and erase the part covering the first one. Also lower the brush opacity to reduce its visibility on the left side, making it fade completely into the sky:

rock 2 maskingrock 2 maskingrock 2 masking

Step 5

Duplicate this layer and make it bigger. Move it to the left and lower its opacity to 10%:

add rock 3add rock 3add rock 3

Use a layer mask and remove the unnecessary details (the part covering the second one) and decrease its opacity to make it more faded than the existing ones.

rock 3 maskingrock 3 maskingrock 3 masking

Step 6

The right rock lacks details and light, especially light from the background, will reflect more on it. Create a new layer (set as Clipping Mask), change the mode to Overlay 100% and fill with 50% gray:

DB new fileDB new fileDB new file

Activate the Dodge and Burn Tool (O) with Midtones Range, Exposure about 15-25% to draw more details on the rock, and also paint its highlights on the front. You can see how I did it with Normal mode and the result with Overlay mode.

DB normal modeDB normal modeDB normal mode
DB overlay modeDB overlay modeDB overlay mode

Step 7

Select all the rocks and their relative layer (Dodge and Burn one) and press Control-G to make a group for them. Change this group from Pass Through to Normal 100%. Create a Curves adjustment layer to brighten the rocks:

rocks curves rocks curves rocks curves

Select this layer mask and paint with a medium-soft black brush. Lower the brush size when you refine the details, light and shadow, especially on the right one. Here are the results on the mask and on the picture:

rock curves maskingrock curves maskingrock curves masking
rocks curves resultrocks curves resultrocks curves result

3. Add the Arch

Step 1

Open the arch image. Take the arch only using the Polygonal Lasso Tool:

select archselect archselect arch

Place it in the space between the rocks on the two sides and use Control-T with the Warp mode to make it less bendy than the original.

add archadd archadd arch

Step 2

Use a layer mask to blend it with the rocks:

arch maskingarch maskingarch masking

Step 3

Make a new layer, change the mode to Overlay 100% and fill with 50% gray. Use the Dodge Tool to bring more light to the front of the arch where the background light shines on it.

arch DBarch DBarch DB

Step 4

Create a Hue/Saturation adjustment layer and reduce the Saturation value to -75:

arch hue saturationarch hue saturationarch hue saturation

Step 5

Add a Curves adjustment layer and decrease the lightness. Paint on this layer mask to make the front still bright:

arch curvesarch curvesarch curves

Step 6

Create a new Color Fill layer and pick the color #656568. Lower the opacity of this layer to 30% to add some subtle haze to the arch, because it looks more obvious than the rocks. Here are the parts to paint on the layer mask (the lower one).

arch fill layerarch fill layerarch fill layer

4. Add the Model

Step 1

Isolate the model from the background and place her onto the arch. Use Control-T to make her much smaller to fit the size of the arch:

add modeladd modeladd model

Step 2

On the original model image, take the cloak part and add it to the model in the current document. Use the Warp Tool to bend the part to make a larger cloak for the model.

add cloakadd cloakadd cloak

Step 3

Use the Dodge and Burn Tool to change the light and shadow a bit for the cloak.

cloak DBcloak DBcloak DB

Step 4

Create a new layer under the model one and use a soft black brush with the opacity about 30% to paint a subtle shadow on the arch:

model shadowmodel shadowmodel shadow

5. Add the Towers

Step 1

Open the tower 1 image and cut it out from the background. Add it to the current document and duplicate it several times. Place the towers in front of the rocks and lower the opacity of the ones placed on the misty rock (30%) to fit the atmosphere there.

add towers 1add towers 1add towers 1

Step 2

Use the layer masks to blend the towers with the rock, soften the edges, and make them fade.

towers 1 maskingtowers 1 maskingtowers 1 masking

Step 3

Make a group for the tower layers and use a Hue/Saturation adjustment layer to desaturate their existing color:

towers 1 hue saturationtowers 1 hue saturationtowers 1 hue saturation

Step 4

Use a Curves adjustment layer to darken the towers. Here are the areas to paint on the layer mask, mostly on the tower on the right rock and other illuminated sides.

towers 1 curvestowers 1 curvestowers 1 curves

Step 5

Open the tower 2 image and take a tower on the top only. Place it beside the tower on the top of the left rock.

select tower 2select tower 2select tower 2
add tower 2add tower 2add tower 2

Blend it with the rock using a layer mask:

tower 2 maskingtower 2 maskingtower 2 masking

Step 6

Make a Curves adjustment layer and reduce the lightness a lot. Paint on the front of the tower to keep a subtle reflected light shown on there.

tower 2 curvestower 2 curvestower 2 curves

6. Add the Birds

This stage is quite easy. Create several layers on top of the layers. Change the foreground to black and the brush to the bird ones. Take different birds and paint them above the model and in the same direction as the light. You can duplicate and arrange the birds in the way you want, but make them very small as they're seen from afar.

add birdsadd birdsadd birds

Make a group for the birds, and lower the opacity of the group to 70% (the right opacity to make the birds integrated better with the background but not be hidden from it).

lower birds visibilitylower birds visibilitylower birds visibility

7. Make the Mist

Step 1

Duplicate the sky layer and move it to the top of the layers. Lower the opacity of the layer to 70%:

duplicate skyduplicate skyduplicate sky

Step 2

Add a mask to this layer and reduce the mist intensity. Lower the brush opacity when painting on the rocks area to leave some mist there.

mist maskingmist maskingmist masking

Step 3

Use a Curves adjustment layer to make the effect brighter. The screenshot below shows where to paint on the layer mask:

mist curvesmist curvesmist curves

8. The Final Adjustment

Step 1

Create a Gradient Map adjustment layer on top of the layers and pick the colors  #a1753c and #73e2cc. Change this layer mode to Soft Light 100% and reduce the effect by painting on the mask:

gradient mapgradient mapgradient map
gradient map resultgradient map resultgradient map result

Step 2

Make a Color Balance adjustment layer and change the Midtones and Highlights settings:

whole scene color balancewhole scene color balancewhole scene color balance
color balance resultcolor balance resultcolor balance result

Step 3

Add a Photo Filter adjustment layer and pick the color #8db5c5:

whole scene photo filterwhole scene photo filterwhole scene photo filter

Step 4

Create a Curves adjustment layer and bring the lightness down. On its layer mask, paint on some parts to keep the brightness there, mostly on the light area:

whole scene curveswhole scene curveswhole scene curves

Step 5

Use a Levels adjustment layer to make the upper part darker and increase the contrast. Paint on the lower part and the light area so that they're not affected by this adjustment layer:

whole scene levelswhole scene levelswhole scene levels

Congratulations, You're Done!

I hope that you've learned something useful for your future projects. Feel free to leave your comments in the box below—I'd love to see them. Enjoy Photoshopping!

final resultfinal resultfinal result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads