Create a Medieval Landscape in Photoshop

Create a Medieval Landscape in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS3+
  • Difficulty: Intermediate
  • Estimated Completion Time: 1 - 2 Hours
Download Source Files

Final Product What You'll Be Creating

In this tutorial we will demonstrate how to create a medieval landscape using digital painting and photo manipulation techniques. We will begin by sketching out a rough idea of how we want our image to look. Then, we will then add various stock images and build upon them until we produce the scene below. Let’s get started!


Tutorial Assets

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


Before You Begin

This piece has been done with the help of a graphic tablet, to be precise a Wacom Bamboo Fun. If you’re painting with a mouse, the technique is always the same. Only thing that changes is the time you’ll spend on it. In order to get a good effect, remember to vary often opacity and flow jitter.


Step 1 – Sketch on paper

Like many of my pieces, this has been drawn away from my computer with a blue pen and a piece of paper. When I made this, before starting drawing, I already had a precise idea of what I wanted. The cave here works like a frame and everything in it it’s the actual piece. I wanted to focus the viewer into only a few elements and I wanted it to have a strong impact, which is why I choose as central element the sun.


Step 2 – In Photoshop

First thing I did after scanning the piece and importing it into Photoshop was to create that frame. To do it, you can use different Photoshop tools. You can use the Brush Tool (B), the Lasso Tool (L), the Pen Tool (P), and probably a couple more. It doesn’t matter which one you’re going to use, just try to create an interesting shape and try to make it precise, without having soft edges (in this case, Pen Tool is the most accurate, but it’s also an hard tool to manage, if you’re not confident with it, my advice is to spend time trying to understand how it works, it is really an amazing tool once you get how it works. Hundreds of tutorial has been written about how to master it. Learn the shortcuts, they’ll save you a lot of time. It might be a pain at first, but when you’ll know how to use it at his best, you’ll be grateful to have learned something so useful).


Step 3 – Choosing a color palette

A thing that I think is very important is choosing a color palette before you start looking for stocks. This way you can get already an idea of what is that you’re going to look for. It’s a way to know which kind of photo do you need (in this case, which kind of sky) and you can directly look for that. In this case I limited myself into painting with a soft brush a very simple sunset. In this step I also created, on a different layer, the ground of the cave using the Lasso Tool, which is the best tool when painting to create the sharp shapes of the rocks.


Step 4 – Hills

Ok, Hills! Very simple to make: I divided them into layers. First layer is for the furthest ones, made them just using the hard round brush and a desaturated green.

On the second layer, which is going to be on top of the first layer, we will paint a closer hill using again the same brush, this time with a more orangish green.

Here I’ve added the first castle. It’s a simple photo rendered using the Pen Tool.

In order to blend the castle, I created a new layer and a clipping mask with a brown/orange layer set on lighten. This way the darkest colors of the castle will become like the colors in the clipped layer. In this step I also texturized the hills using brush number 5 of the brush set. Grass has many colors and based on the lights and shadows these colors become even more, so for giving it a nice effect try to use more than a couple of them. As you can see, other than the green, I used different tones of brown, orange and yellow.

Just like in the initial sketch, I made these weird castle walls. I did them using the hard round brush (number 1) and the palette knife brush (number 2). This one took me a while before figuring out how to do it, but once you get it it’s pretty easy to make. To make those straight lines, just press the ALT key while making your brush stroke.


Step 5 – Castle

Now we get into a slightly harder step. First I painted the big cliff using brushes number 1, 3 and 5. Use 1 and 2 to create the shapes and number 5 to texturize it. At this point I wasn’t satisfied of it at all, so in the next steps you’ll see that I almost completely modified it (but using the same technique I explained in this step).

For the Castle I used a great photo downloaded from deviantART and made by =prolific-stock, you can find it in the tutorial assets.

Using the Pen Tool (P) (but here as well you can use different tools, such as the Eraser Tool (E) and the Polygonal Lasso Tool (L)) I rendered the image, erasing the sky and the foreground of the photo.

Using the Perspective Controls (Edit > Transform > Perspective) I gave to the stock a more suitable perspective that can match the rest of the elements in the piece.

Here I painted another part of the cliff in order to blend more in the castle.

As said before, I wasn’t satisfied about this cliff, so I darkened it and using brush number 1, 3, 4 and 5 I added more details.

In this step I just added some orange on the border of the castle using a clipping mask and I painted on the left some dark lines with brush number 3 for blending more the castle.


Step 6 – Sky

Searching on sxc.hu I found this very nice picture of a sunset. As you can see there is some tree foliage and the photo does not completely fill the piece. A quick and easy solution is to use the brush tool and a soft round brush (it’s a great brush for this kind of skies) and using the Eye Dropper Tool (I) to select the same colors of the sky. You can download a cloud brush as well and use that one instead, it’s not important. As always, what matters is the result. Also, if you’re using a more complex sky stock, try use the Clone Tool (S), with some practice you can get great results.


Step 7 – Cave

This is the step that is going to take you most of the time because you need to understand how to create volume in the cave, but once you do understand it, and you understand the technique used, you’ll do it in a few minutes.

Before painting on it, I downloaded a rock texture from CGTextures, I imported it into Photoshop, darkened it and clipped into the cave layer. Try to be as ordered as possible with layers, create groups and rename your layers, this way you can easily move through your PSD, create clipping masks and avoid any sort of annoying problems.

Using brushes number 3, 4 and 6 (mostly 6) and a light gray I painted on the borders of the cave the highlights of the rocks.

Take your time while painting. Trying to get a good effect may take you a while. Spend time trying to alternate those brushes, also use the eraser tool with number 6, this way you can get better texturing.


Step 8 – Cave’s Ground

Let’s go back at step number 3, when we created that layer for the ground. I created a clipping mask and I filled the layer with some ground. Using the Lasso Tool (L) I created the shapes of the puddles and I filled them using a lighter brown. Using a big hard round brush I painted the reflections of the ground into the water.

From CGTextures I downloaded another rock texture and using the perspective controls I manipulated the image in order to get the same perspective of our painted ground. I clipped this layer into the ground layer and set it to Overlay.

Using brush number 5 I painted some highlights and shadows on the ground in order to make it look more realistic.


Step 8 – Stalactites

Our piece is completed, but as I always do, I like to add small particulars to the piece that can make it more interesting. This time I choose to paint some stalactites. I did it using the exact same technique of the cave, so New Layer > paint stalactites shapes > New Layer > Clipping Mask > dark gray and rock brushes (3-4-5-6).

To add some more tiny particulars, I painted a couple of water drops falling from the stalactites using the hard round brush (number 1).


Final Image

  • http://gashone.com gashone

    Amazing.. I wish I could sketch like this.. But I’m a drawing noob.. :\

    • http://gashone.com gashone

      btw, couldn download brushes:

      NoSuchKeyThe specified key does not exist.0723_Medieval/Brushes.abr.zipE6699BB6B4148BFC275FLvw5Zp6gnZ8ngg53xNmbMXV3Ocoi6LQVTEzLBsZDMV5PAWpZzoui0tpJFox6

      • http://psd.tutsplus.com/ Grant Friedman

        Fixed the link. Sorry about that.

  • http://www.behance.net/pixelremix Mihai

    Such an amazing way of acomplishing something apparently difficult.

  • Ondra

    Great result! Love it
    (the weird walls are called palisade and were commonly used for Motte and Bailey type of fortification)

  • http://iiipod.deviantart.com WillG

    The brush link doesn’t work, but this is one of the best tutorials on PSDTuts, :)

  • hedley

    Possibly the nicest final result I’ve ever seen on this site. Really well done!

  • http://www.gamereverb.com Matthew Booth

    Sir, I bend my knee in the presence of your greatness.

  • Cactus

    Fabulous tutorial! Love the brushes too!

  • http://www.maribol.ro Maribol

    Wow! That’s quite cool :D

  • http://crackingzone.ucoz.com Crackingzone

    it’s a good tutorial but very difficult for me

  • http://www.psd-dude.com PsdDude

    Difficult for me too, especially the painting part :) but I will keep practicing
    Thanks for sharing!

  • http://www.blogandtuts.com/ Jermaine

    I wish I had a tablet still this is a great tutorial, awesome work

  • http://coderscab.in/ Akshay

    This is super amazing! .. and the way the tut was presented… it all looked so simple!

  • http://tutorialblog.info/ tutorial blog

    I like it. Thank

  • http://melodynieves.com Melody

    Great example of how to use textures differently in one piece..well done (:

  • http://faridasadi.ir/ Farid

    Wow , thanks for it

  • Eric

    I wish they made a video out of this one. it looks amazing!

  • JM

    nice

  • http://www.eliezergrawe.com.br Eliezer

    Hey, great tut and very beautyfull final image. I’ll try to make my own version.

  • http://www.rudragraphics.com radha

    its soo nice I like your website its too good

  • UsH

    This is cute and sweet. Thank you. Amazing nice and easy. Handsome.

  • http://budiarto1.wordpress.com Budiarto

    thanks… its brilliant……

  • Diego

    hey great!, I made medieval landscape in photoshop for my personal website, one year ago :), you can see here http://www.diegosalvajan.com , what is your opinion, of my world medieval-anime? :)

  • http://lifebypixels.blogspot.com Mark Heaps

    Beautiful, I love this tutorial! Really good job!

  • Riguk

    thanks…

  • http://designartprint.com artfreak

    Great work indeed. Would’ve been even better if you could hand draw the castles. In that manner it would’ve been more exciting.

  • irina

    Wonderful work! I learned a lot following this tutorial but unfortunately my final result is very different from the original one. I still did not succeed to render 3 dimensional cave. My drawing skills suck…