Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Rss Bot

Create a realistic fantasy knight

Recommended Posts

In this workshop, we'll show you how to paint a knight using Photoshop, as well as painting with traditional media. 

Painting digitally of course makes it easier to make changes, fix mistakes and paint faster in order to meet those pesky deadlines. However, with a purely digital artwork you don’t have a finished painting to hold onto. So why not combine both, using Photoshop to digitally plan out your composition, values and colour, then moving onto traditional painting with acrylic and watercolours?

Let me show you how I do it.

01. Obtain a photo reference

Photo of a person dressed in a knight's suit of armour in a battle enactment, with people sitting on the grass watching in the background

Take your own photographs at events or find references online

I’ve been going to local Renaissance festivals every summer for my entire life. Each time I go, I take hundreds of photographs to use as reference for my artwork. I don’t go into it thinking, “I need this exact pose from this knight for my next illustration”. I just make sure I take pictures of everything. I photograph the buildings, the costumes, and of course the armoured joust.

02. Plan the composition in Photoshop

Screenshot of the knight photo in Photoshop

Crop in close to your subject (click the arrows icon to enlarge this image)

I open a 5x7-inch Photoshop document and create a 1/4-inch border. This will be the exact size of my painting. I create a border layer and set it on top, because when I put the final painting into a frame, it crops off about a 1/4-inch of my painting on all sides. Then I drag in my reference underneath the border, and rotate and resize it until the composition is to my liking. 

03. Mask the background

The knight photo is now on a white background

Mask out distracting background elements (click the arrows icon to enlarge this image)

Now I have to get rid of the grassy knoll with people's legs and picnic blankets in the background. I create a mask on the same layer as the photo reference and erase the background with a Photoshop brush that has soft edges. I use a mask rather than an eraser so that I can add or take away things without them being lost forever.

04. Add another photo reference

A photo of a hand holding a sword

Use props as references if you have them

I now realise that this knight would look a lot cooler with a sword in his right hand. So I steal my brother’s collectible Lord of the Rings sword and position my hand exactly how it should look if the knight were holding it. Then I create a new layer, resize the sword and mask out the background.

05. Choose a focal point

Knight image in Photoshop, in greyscale, with a highlight on the arm, shoulder and head

Add a gradient to draw focus to the key areas  (click the arrows icon to enlarge this image)

I switch the image over to greyscale and consider the focal point. Which area of the painting should I focus on the most? In this case, it’s the centre of the image (the pauldron/breast plate area). Therefore, no other area should achieve a higher level of contrast or detail. To remind myself of this, I create a transparent and white radial gradient. This fades off the less-important areas.

06. Identify landmarks

A piece of paper taped to the computer screen, and a person holding a pencil. A second image shows the finished trace of the knight's main outline

Trace the most important parts

Next, I use my computer screen as a make-shift lightbox and tape up my drawing paper. I’m not just tracing the image like a robot – I’m trying to find the most important visual landmarks so that I can effectively draw this knight to accurate proportion and scale.

07. Use pencils to produce a value study

A pencil drawing of the knight takes shape, with the top shaded while the bottom is still white

Pay attention to your values as you build a pencil drawing

Using the initial landmarked lines as my starting point, I use Lyra Pencils in HB, 2B and 4B sizes with a blender tool to start my drawing. I begin at the top of the page and work my way down. I’m trying to get the values as accurate as possible at this stage. I have my photo reference in front of me as I work and I constantly refer to it while drawing.

08. Prepare to paint

A print of the knight illustration, a wide paint brush and tubs of medium

Create a print to work from

I scan the drawing and bring it into Photoshop. I go to Filter>Noise>Median. This will smooth out my pencil strokes and make the drawing more photographic-looking. Sometimes I even overlay the original photo on top of certain areas because I want the armour to look as realistic and functional as possible. I then produce a giclée print and mount it to board with a combination of Moulding paste and Matte medium.

09. Choose your colours

Knight picture in Photoshop, with colour palette tools up to give it a grey, blue and yellow tint

Having a digital drawing means you can test out colour palettes (click the arrows icon to enlarge this image)

Now I’m ready to paint, but what colours do I use? The beauty of Photoshop is that it enables me to try a whole bunch of them out before I paint traditionally. First I create a Gradient Map on top of the greyscale image, mess around with different colours, and adjust the sliders until I get them where I want. Then I take the original coloured photo and overlay it in the focal point area.

10. Achieve texture with watercolour

Watercolour palette, bottles of salt, paintbrush, cotton bud and rubbing alcohol

Create texture by adding different ingredients

I achieve different textures by adding sea salt, table salt, rubbing alcohol and plastic wrap to my watercolour washes. After the first wash is applied, I apply these techniques in a few specific areas. After it’s dried, I add a second wash on top and apply some of these techniques again. The watercolour repels the salt and alcohol, leaving interesting textures behind.

11. Make an abstract background

Painting of the knight with a pink blobby painted background

Make a dynamic background by tilting your watercolours

At this stage I don’t really know what will happen – I just let the watercolour do its thing. I keep the Photoshop colour version in front of me and choose a colour from it. I blob on the colour and tilt the board so that the watercolour flows in the general upper left direction (because the knight is moving that way). I apply my watercolour textures, wait until they dry and repeat.

12. Apply acrylic washes

Acrylic paints and paint brushes

Seal the watercolour, then apply acrylics

I seal the watercolour with Matte medium and use Golden Fluid Acrylics to paint on top of the watercolour. Golden’s acrylics go on thinner than regular acrylics. This is why I like them. I don’t paint with opaque gobs – instead I use a number of transparent thin layers so that I don’t lose my value study underneath too quickly.

13. Start at the top

Painting of a knight

Work from the top-down when applying acrylic

I begin at the top of the illustration board and work my way down. I know many artists who work all over the painting at once. I’ve been known to do this as well, but there’s something I like about the feeling of being done with one area before I move on to the next.

14. Unify the colours

Finished painting of a knight in a suit of armour, sword in hand

Unify the piece with colours

Towards the end, however, I do work all over the painting. I look for different colours that might unify the piece together and place them throughout the work.

This article was originally published in issue 155 of ImagineFX, the world's best-selling magazine for digital artists. Buy issue 155 here or subscribe to ImagineFX here.

Related articles:

View the full article

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×