Characters in a Scene: Sketch to Digital

Patrick Brown, Digital Artist and Hobbyist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Lessons (3h 18m)
    • 1. Trailer

      1:22
    • 2. Setup and preperatons

      11:18
    • 3. Line work (Part 1)

      10:05
    • 4. Line work (Part 2)

      11:40
    • 5. Line work (Part 3)

      2:34
    • 6. Flat Colors

      9:24
    • 7. Shading (Part 1)

      10:30
    • 8. Shading (Part 2)

      11:58
    • 9. Shading (Part 3)

      2:53
    • 10. Lighting (Part 1)

      9:54
    • 11. Lighting (Part 2)

      11:06
    • 12. Lighting (Part 3)

      6:36
    • 13. Details (Part 1)

      11:19
    • 14. Details (Part 2)

      11:11
    • 15. Details (Part 3)

      11:41
    • 16. Background (Part 1)

      10:05
    • 17. Background (Part 2)

      10:49
    • 18. Background (Part 3)

      10:30
    • 19. Background (Part 4)

      10:32
    • 20. Background (Part 5)

      10:58
    • 21. Background (Final part)

      11:28
55 students are watching this class

Project Description

Digitally render a character in motion

Setup & preparations

  1. Scan your sketch

    Using a scanner, scan your completed sketch into Photoshop and place it into your new canvas.

    Once placed take the opacity of the sketch layer down to about 50% to fade it back. This will be useful when doing the line work and creating our black outlines over the sketch.

  2. Set your canvas in Photoshop

    Place your scanned sketch and set your canvas to a size that gives you a flexible, functional workspace and a lot of room for movement.

  3. Understand your dimensions and resolutions

    You want your work to be high-res, but you don't want it to be so big that it slows down your progression.

    I always like to work at around an A3 size (42cm wide x 29.7cm deep), with 200 resolution.

  4. Brush presets

    It's essential to have the right brushes before begining the digital art process. Having great outlines is all about having the right brush preset.

    Below you'll see the settings I use for my hard brush:

    fc0129e8

    And here's an example of the main brushes I use:

    406e06bf

    Here are some examples of some more creative brushes:

    361b4e99

    Here are some links to the brushes I use for shading, lighting, texturing and detailing. These are the brushes I live by:

    Dan LuVisi brushes

    AlectorFencer brushes

Line work

  1. Draw over your sketch digitally

    Use strong outlines and thin detail lines. This can be explored with pressure on the wacom tablet.

    924d55fe

  2. Explore line weights with depth

    To communicate depth, play with the pressure on your wacom pen as well. Use thick outlines around the outside of your character and thin lines within to show more detail.

    e8000dd4

Flat colors

  1. Lay out flat colors under your outlines

    When placing flat colours, divide each colour into seperate layers. Not only will it make the process quicker down the track but it will help give easy selections when needed for shading and lighting.

    ee5bd3fe

  2. Keep midtones

    When placing your flat colours down, keep in mind the tone of the colour. We will be darkening it later when shading and lightening areas too. So it's smart to keep your colour to a medium tone.

  3. Group your layers

    It's important to keep your layers organised, by the end there can be up to 100 layers, on a larger scaled artwork.

    So when creating layers, group them into folders, for instance.. one character will have thier own group folder containing seperate layers for their shirt, pants, skin ect..

Shading & lighting

  1. Shade your flat colors

    Now that flat colors are down, you will shade each section with a darker tone of that same colour. I do this by going to Hue/Saturation and taking the brightness down -35 and then using the "eyedropper" I'll grab that colour, then "undo" to go back to my medium tone, ready for shading with the dark shade I grabbed.

    Make a selection of the layer, Ctrl+click on layer, using a soft brush, carefully shade your layer.

  2. Use cell shading

    My technique begins with a round of soft shading, using a feathered brush, then another round of hard/sharp shading using selections and darkening them with the same dark tone.

    This gives off a great cartoony vibe, with the cell shading, but still keeps a hint of a realistic look with the soft shading.

    f1780daf

  3. Add highlights

    Once the shading is done, you'll go through the highlights by using the same technique with shading, but bringing it all to life using the dodge tool. The trick to highlights is making smaller selections where light would hit the most, then using the dodge tool to add to it.

    ac3ed731

Details

  1. Use your grunge brush

    Add specs and textures to your characters using grunge brushes. This is great for adding depth to the atmosphere.

    a23f060b

    Here are some examples of how brushes can be used:

    1857fca3

    07165ef2

    See the Setup & preperations section for brush preset links

  2. Use color levels

    It's a great idea to add some different colour tones to your art. A good example is the face, skin tones aren't all one colour, the nose and ears are a little red, the eyes are sometimes a little more desaturated and lean into the greys.

    This can be done by making a new layer above the layer you want to change colour to, then set the colour mode to "colour", then use a different colour and brush over with a soft brush.

    e160f71b

  3. Lighten and colorise outlines

    It's a great idea to lift the brightness of your outlines instead of leaving them jet black. This will soften the overall look and actually attract the eye a lot more. It gives a polished look and adds quality.

    Select your outlines layer and use "Hue/Saturation" to lift the brightness up +10 or so. Then set the colour mode to Luminosity. Or, you can manually select sections of your outlines and colourize them to match the tone underneath.

    eb45d6c7

Background

  1. Outline the background

    This will ensure that your background is seamless and flows perfectly into the foreground.

    8858ddbf

  2. Color your background

    It's very important to match the background with the same style as our characters, using the same colour tones and techniques will make sure of that.

  3. Add shading & lighting to your background

    Use the same color techniques to add shading & lighting to your background. Also keep in mind the light source, backgrounds usually consist of solid object so make good use when casting shadows.

  4. Detail your background

    Using your grunge brushes, don't hold back on the detail, think hard about what to expect in detail. Think of rust, dirt, dust, water.. Be creative and use your grunge brush for both dark parts and go over again with lighter parts to give contrast.

    d05f6e0f

     

Student Projects

project card
Bing Ratnapala
11 comments
project card
Adrianne Georgia
4 comments
project card
Vadim Lityuk
11 comments
project card
Maddison Jones
8 comments
project card
Charles Stanley
6 comments
project card
Richard Xavier
3 comments
project card
Devonne Amos
2 comments
project card
Michael Rivera
1 comment
project card
Evan Scale
project card
Vk Stk
project card
Benjamin Faucher
2 comments
project card
Dave Beauchene
1 comment
project card
Daniel Maine
project card
Dmitry Telegin
project card
Oleg Grockser
3 comments
project card
Chris Prievo
1 comment