Create a Fantasy Landscape Matte Painting in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial I’ll show you how to create a fantasy landscape matte painting named “Eagle’s Land”. 

We’ll start this tutorial by sketching out the concept/idea, and then combine some stock photo references in Adobe Photoshop. Throughout this tutorial you’ll learn how to use adjustment layers, masking and brushes, as well as how to manage the color and atmosphere to achieve a beautiful result. You’ll also learn how to work with groups, create lighting, pay attention to details and more. 

Tutorial Assets

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

1. Sketching the Idea and Finding the Photo References

Step 1

The
first step is sketching your idea to plan out what you’re going to
create. Use a tablet pen and draw it on a
canvas. You can draw it on paper using pencils and scan it to your computer if that’s
more
familiar for you. My idea is to create a beautiful landscape with
medieval elements, covered by a misty atmosphere and illuminated by the
sunlight. I made a rough sketch in black and white, and then added some
colors:

sketch lines
sketch BW
sketch colored

In the sketch, the main light source appears from the upper right of
the scene. It’s very important to define the light source right at the beginning, so that you can manipulate properly later.

Step 2

Finding
decent photo references is not an easy task. It’s very important to
find images with appropriate perspective, shadow and light. Here are the photos I’ve chosen for the next stages.

images sources

2. Adding the Base Landscape

Step 1

In Photoshop, create a new document of 2200 x 2200 px and fill it with white.

new file

Step 2

Open the landscape image. Use the Move Tool (V) to drag it into our white canvas and convert this layer to a Smart Object.

adding landscape

Step 3

Go to Layer > New Adjustment Layer > Selective Color and change the Yellows settings.

landscape selective color

Step 4

Drag the sky 1 image onto the top of the landscape.

adding sky 1

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) to
remove any hard edges and blend it smoothly with the background:

masking sky 1

3. Adding the Mountains and Rocks

Step 1

Open the mountain image. Select the mountains area with the Rectangular Marquee Tool (M).

select mountains

Add this selected area to the top of the landscape.

adding mountains

Add
a mask to this layer and use a soft black brush to blend the mountains
with the background. The aim is to make the mountain layers appear
further and higher than the existing landscape, and it will help to create a depth of field. You need to vary the brush opacity while masking to get
a better result. You may notice that these mountains should look
blurrier and more faded compared to other elements, as they’re at a
greater distance from the viewer.

masking mountains

Step 2

Use
an adjustment layer and set it as Clipping Mask to match the mountains’ color
with the background. Go to Layer > New Adjustment Layer > Hue
Saturation
and drag the Saturation value down to -86.

mountains huesaturation
mountains huesaturation result

Step 3

Open
the rock image. Use the Polygonal Lasso Tool (L) to select the rock
area and add it to the bottom right of our main image where the knight
and his horse will stand. Use the Free Transform Tool
(Control-T)
to rotate the rock a little.

select rock
adding rock

Step 4

There is an unwanted shadow at the right corner of the rock. To remove it, make a new layer above the rock one and remember to set it as Clipping Mask.
On the rock layer, select a part of the rock surface with the Lasso Tool.

select rock surface

Press
Control-C to copy this selection. Highlight the new layer and
press Control-V to paste the selected area to the indicated
shadow.

hide shade

Use a layer mask to blend the copied part with the surface and hide the unwanted shadow.

hide shade-masking

Step 5

Use
a Hue/Saturation adjustment layer and decrease the Master Saturation value
to -61. Also remove the blue cast at the edge of the rock by bringing the Blues Saturation value down to -82.

rock huesaturation
rock huesaturation 1

Step 6

Make a Color Balance adjustment layer and increase the Red and Yellow values of the Midtones.

rock color balance

Step 7

Add a Curves adjustment layer to darken the rock as it’s too bright compared to the background at the moment.

rock curves

On
this layer mask, use a soft black brush to erase the front of the rock
that catches the light from the sky. You can see the result on the layer
mask and the result of the picture.

rock curves layer mask
rock curves masking result

Step 8

Create a new layer (set as Clipping Mask), change the mode to Overlay 100%, and fill with 50% gray.

rock new layer dodge  burn

Use the Dodge and Burn Tool (O) with Midtones Range, Exposure about 20–30%,
to refine the light and shadow of the rock. Use the Dodge Tool to
brighten the front and the edge, and the Burn Tool to darken the back.
You can see how I did it with Normal mode and the result with Overlay
mode.

rock dodge and burn normal mode
rock dodge and burn overlay mode

4. Adding the Mist

Step 1

Add
the sky 2 image to the bottom of our working document and set this
layer between the mountains and the rock layers. We’re going to use it to
create the mist.

adding mist

Add a mask to this layer, and use a soft black brush to soften the hard edges and reduce the mist intensity.

masking mist

Step 2

Make a Color Balance adjustment layer (set as Clipping Mask) to change the mist color to a warmer one.

mist color balance

Step 3

Make
a Curves adjustment layer (set as Clipping Mask) to increase the
visibility of the mist. On this layer mask, use a soft black brush to
erase the mist above the trees/plants area.   

mist curves

This step is to create a distance between the rock and the base
landscape and increase the depth as well as the atmosphere of the scene.

5. Combining the Knight and the Horse

Step 1

Open
the knight image. The knight in this image looks as if he’s ready for a
battle, whereas we want him to stay calm to enjoy the beauty of the landscape. It was
too hard to find a photo with a similar pose to the one in the sketch, so I
decided to combine several photos to get what I desired. 

First use the
Polygonal Lasso Tool to select the knight and the back of the horse, and then
press Control-J to duplicate the selected part into a new
layer. Make a new layer between the extracted knight layer and the
background, and fill it with the color #918989.

isolate knight

Step 2 

Open
the horse image. Use the Polygonal Lasso Tool (or any tools you’re
familiar with) to select the horse and drag it into the knight image.
Place this layer under the knight one and use Control-T to scale
it down to a suitable size.

select horse
adding horse

Step 3

Use a Hue/Saturation adjustment layer (set as Clipping Mask) for the horse layer, and set Saturation to -55 and Lightness to +1.

horse huesaturation

Step 4

Add a Curves adjustment layer (set as Clipping Mask) to brighten the horse.

horse curves

Step 5

Make
a new layer (set as Clipping Mask), change the mode to Soft Light 100%
and fill with 50% gray. Use the Dodge Tool and the Burn Tool to refine the
contrast of the horse: lighten the shadows and darken the highlights.

horse dodge  burn

Step 6

Make
a new layer and use a soft round brush with the color #e6e6e6 to paint
on the shadow under the horse’s head to lighten it a bit more. Change this
layer mode to Soft Light 100%.

horse lighten shade

Step 7

Come
back to the knight layer. Go to Edit > Puppet Warp and drag the points
on the arm and the sleeve down onto his thigh. The aim is to make his
arm look as if it’s holding the bridle (we’ll add it in the next steps).

knight puppet warp
knight puppet warp result

Step 8

Make
a new layer (set as Clipping Mask), change the mode to Overlay 100%, and
fill with 50% gray. Apply the Dodge Tool and the Burn Tool to the sleeve
and coat to refine the shadow/light there.

 sleeve dodge and burn

Step 9

On a new layer, use a soft black brush with the Opacity about 40% to paint the shadow of the sleeve.

sleeve shadow

Step 10

Make
a new layer and active the Clone Tool (S), remembering to check the option
All Layers. Use this tool to clone over the hole between the sleeve
and the coat which is created after applying the Puppet Warp.

coat clone

Step 11

Open
the bridle image. Take the bridle only using the Polygonal Lasso Tool
and add it to the horse in the knight document. Use the Warp Tool (Edit
> Transform > Warp)
to tweak the bridle a bit to fit the horse’s head.

select bridle
adding bridle

Add a mask to this layer and use a hard black brush to remove any unwanted details.

bridle masking

Step 12

Make
a Hue/Saturation adjustment layer to change the color of the bridle.
Change Saturation to +20 and Hue to -17 to get a similar color to the
saddle.

bridle huesaturation

Step 13

Add
a Curves adjustment layer to darken the bridle a little. On this layer
mask, use a soft black brush to erase the darkening effect on the areas
which are dark already.

bridle curves

Step 14

Make
two new layers on top of the layers. On the first, use a hard round
brush with the color #3f1d20, and on the second use a lighter color
(#a1403c) to paint the missing bridle part which the knight is holding in his hand.

bridle painting

Step 15

Create
a new layer and use a hard round brush with the color #f8f8f4 and the size
about 2–5 px to paint more hair for the horse’s head.

horse hair painting

Step 16

Make a new layer and use a hard round brush with the color #decab7 to paint the tail of the horse.

horse tail painting 1

On a new layer, use a lighter color for the brush (#f8f8f4) and paint the lighter hairs of the tail.

 horse tail painting 2

Step 17

Make a new layer under the bridle one, and use a soft black brush to paint the shadow of the bridle on the horse’s head.

bridle shadow

Turn
off the background and the fill layer, and then press
Control-Alt-Shift-E to merge all visible layers into a
new one.

6. Adding the Knight and his Horse

Step 1

Move the knight into the landscape document, and place him onto the rock.

adding knight and horse

Make a Hue/Saturation adjustment layer for the knight (set as Clipping Mask) and change the settings of Reds and Cyans.

knight huesaturation red
knight huesaturation cyans

Step 2

Add a Color Balance adjustment layer (set as Clipping Mask) and change the Midtones values.

knight color blanace

Step 3

Use a Curves adjustment layer to darken the back of the knight and
horse. On this layer mask, use a soft black brush to
erase the front of them as they’re illuminated by the sunlight.

knight curves

Step 4

Make
a new layer (set as Clipping Mask), change the mode to Overlay 100% and
fill with 50% gray. Use the Dodge Tool to brighten the front of the
knight and the horse, and the Burn Tool to darken the back.

knight dodge and burn

Step 5

Create
a new layer under the knight one. Use a soft black brush with the Opacity about 40% to paint a small soft shadow under the horse’s feet.

knight shadow 1

Name this layer “shadow 1”.

Step 6

We’ve
determined the light source to be from the upper right of the scene, so the
knight and the horse should have a shadow behind. Make a new layer under the
shadow 1 one, and hold down the Control key while clicking the
knight thumbnail layer to load its selection.

select knight selection

Fill this layer with black (Shift-F5). Go to Edit > Transform > Flip Vertical.

fill knight shadow

On this shadow layer, use the Polygonal Lasso Tool to select a hind leg, and then right click this selection and choose Layer via Cut.

cut a hind leg shadow

Convert
these two layers to Smart Objects. Use Control-T to distort
these shadow parts to fit the position of the correlated legs.

shadow transform 1
shadow transform 2

Lower
the Opacity of these shadow layers to 50%. On each shadow layer, go to
Filter > Blur > Gaussian Blur and set the radius to 4 px.

shadow blur

Add
a mask to the shadow layer of the cut hind leg, and use a soft black
brush to erase the area that overlaps the other leg’s shadow.

shadow masking 1

Use a layer mask to reduce the opacity of the top of another shadow layer:

shadow masking 2

7. Adding the Castle

Step 1

Open
the castle image. Use the Magic Wand Tool (W) to select the castle and
drag it into our landscape file. Put the castle on the top of a misty
mountain.

select castle
adding castle

Add a mask to this layer, and use a soft black brush to erase the hard edges and make it fade into the mountain.

masking castle

Step 2

Create
a Curves adjustment layer (set as Clipping Mask) to darken the castle.
On this layer mask, use a soft black brush to erase the upper of the
castle, as it should be brighter than the lower.

castle curves

Step 3

Make a Hue/Saturation adjustment layer and decrease Saturation to -66.

castle huesaturation

Step 4

To
match the contrast of the castle with the mountain, go to Layer >
New Fill Layer > Solid Color
and pick a color from the misty
background (#bec2c5). Lower the Opacity of this layer to 60% to make the
castle blend smoothly with the scene.

castle fill layer
castle layer fill result

8. Adding the Eagles

Step 1

Open
the eagle 1 image. Select the eagle using the Magic Wand Tool and add
him to the left side of the image. Flip him horizontally by using Edit >
Transform > Flip Horizontal
.

select eagle 1
adding eagle 1

Press Control-J to
duplicate this layer. Move the duplicated one to the lowest edge of the
foreground and enlarge the size.

duplicate eagle 1

Step 2

On the duplicated eagle layer, go to Filter > Blur > Gaussian Blur and set the radius to 8 px.

eagle 1 blur

Step 3

Make
all the eagle layers selected, and then press Control-G to group them. Change this group mode from Pass Through (default group
mode) to Normal 100%. To remove the blue cast on the eagles, create a
Hue/Saturation adjustment layer on top of these layers. Choose the
Blues channel and change Hue to +49, Saturation to -75 and Lightness to
-38
.

eagles 1 huesaturation

Because the group mode is changed to Normal 100% (no Pass
Through
), this adjustment layer only affects the layers within this
group (the eagle ones).

Step 4

Create a Color Balance
adjustment layer within the group, and alter the Midtones settings by
increasing the Red and Yellow values. On this layer mask, use a soft
black brush to reduce the effect of this adjustment layer on the bigger eagle
wing in the foreground.

eagles 1 color balance midtones

Step 5

Use a Curves adjustment layer
to brighten the eagles. On this layer mask, use a soft black brush to
erase the lower part of the eagles to balance their body contrast (the upper
is brighter, the lower is darker).

eagles 1 curves

Step 6

Make a new layer
above the smaller eagle layer (set as Clipping Mask), change the mode to
Overlay 100% and fill with 50% gray. Use the Dodge Tool to brighten the
tail and the Burn Tool to darken the belly.

eagles 1 dodge and burn

Step 7

Open the
eagle 2 image. Isolate him from the background using the Magic Wand
Tool
and add him to the top of the sky, above the castle.

adding eagle 2

Step 8

Use a Curves adjustment layer (set as Clipping Mask) to brighten the eagle.

eagle 2 curves

Step 9

Make a Hue/Saturation adjustment layer and change the Cyans settings to reduce the cyan cast on the eagle wings.

eagles 2 huesaturation

9. The Basic Color Adjustment

Step 1

Make
a Gradient Map adjustment layer on top of the layers, pick the
colors #0f264b and #d3ce97, and change the mode of this layer to Soft
Light 100%
.

gradient map soft light mode

Step 2

Create a Color Balance adjustment layer, and change the Midtones and Highlights settings.

color balance midtones
color balance highlights

Step 3

Go to Layer > New Fill Layer > Solid Color and pick the color #2e2001. Change this layer mode to Exclusion 100%.

fill layer exclusion mode

Step 4

Use a Curves adjustment layer to darken the scene.

curves darken

On
this layer mask, use a soft black brush to reduce the contrast of the
upper part of the scene, mostly on the mountains, trees, and eagles.

curves masking
curves result

10. Adding the Sunlight

Step 1

Make
a new layer on top of the layer, and change the foreground color to
#2c1602. Take a soft round brush and paint on the top of the scene where
you’ve aimed to make light. Change this layer mode to Linear Dodge
100%
.

light normal mode and linear dodge mode

On a new layer with the same mode, use the same brush to paint on the trees, mountains, castle and the eagle in the middle.

adding light 2

Step 2

Change
the brush color to #dccdc0 and start painting the light on the front of
the rock, the knight and the horse. Also use the same brush to paint on
the tree, the castle, and the sides of the mountains which catch the light. Alter this
layer mode to Overlay 100%.

light effect  normal mode
light effect overlay mode

Step 3

Change the brush type to the light rays and the color to #fdf3ea. Choose the brush you like and paint it on the canvas.

paint light ray

Use Control-T to distort the light a little, and place it in the sunlight area.

distort light ray

Add
a mask to this layer and use a soft black brush to erase any undesired
light rays, such as on the back of the mountains, the middle eagle, and the
rock.

light ray masking

To soften the light a bit, go to Filter > Blur > Gaussian Blur and set the radius to 6 px.

light ray softening

11. The Final Adjustment

Step 1

Create a Gradient Map adjustment layer and pick the colors #db9d68 and #2c1602. Change this layer mode to Soft Light 100%.

gradient map soft light 2

On this layer mask, use a soft black brush to reduce the Gradient Map effect at the sides of the scene.

gradient map layer mask
gradient map result

Step 2

Make a Channel Mixer adjustment layer and change the Red settings.

channel mixer red

Set
this layer mode to Soft Light 50%. On this layer mask, use a soft black
brush to decrease the effect of this adjustment layer on the sun area and the
back of the rock.

channel mixer soft light mode

Step 3

Create a Selective Color adjustment layer and change the values for Yellows, Greens and Neutrals.

selective color yellows
selective color greens
selective color neutrals

Step 4

Make a Vibrance adjustment layer to enhance the color.

vibrance adjustment 1

Step 5

Use another Selective Color adjustment layer to add some blue/magenta to the scene.

selective color reds yellows cyans blues magentas neutrals
selective color result

Step 6

Make a Photo Filter adjustment layer and pick the color #01e9ec.

photo filter

Step 7

Create another Vibrance adjustment layer to boost the colors.

vibrance 2

On this layer mask use a black brush to remove or reduce the effect on the areas you feel oversaturated.

vibrance masking

Congratulations, You’re Done!

Here
is the result you should get with this tutorial. I hope you’ve found it useful
and learned some new techniques. If you have any question or idea, feel free to
leave it in the comment box below.

Final result

{excerpt}
Read More

Leave a Reply

Your email address will not be published. Required fields are marked *