Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Painting Tutorial

Here's a quick tutorial on how I paint, based off of a sketch by Strawberry. This is not the only or necessarily best workflow, but it works for me at least for the moment. Finished image:

640f5028c13ed26ce454214673f7eb93.png


First, let me talk about technique a little bit. I used the hard round brush in Photoshop with opacity and size set to pressure for the whole image, and I have my tablet stylus button set to alt, which is the key shortcut for the eyedropper in Photoshop. This makes it extremely easy to blend colors together. I take the color I want to blend and paint it lightly over an existing color, then sample the result. The biggest caveat with this painting style is that you have to be careful of streakiness caused by a lot of low-opacity brush strokes and be constantly blending them away. For big areas, I typically blend whatever color I want at the moment and push down fairly hard to get the brush at or near full opacity, using lighter strokes only for blending color groups together. I also never use black lines or a white canvas, which in addition to making the result warmer and more energetic also lets me use the canvas color and line color as highlight and shadow shades respectively. The darkest and lightest colors in all of the color ramps typically blend into these colors.

Before I begin, here's a diagram of a few important technical notes:

7471094919771c05ddaf62dbef8dc5e7.png


With that out of the way, let's get to the demonstration.

6cf7c1e613547f42e8adb6a1e377b7e9.png

I started with this sketch by Strawberry and made the canvas a nice pale yellow.

ea85a941879b2a695707f25557c816d5.png

I inked the sketch with a dark purple-blue color.

d671f812669db760372a6771ed22f283.png

Flats. You'll notice that because the brush had opacity set to pressure, some of the areas on the face are a little lighter where the light is hitting them. One thing that's nice about this technique is that it's easy to blend colors into the background, but since I planned to do a lot of heavy painting, I didn't make extensive use of this.

97553d26c9aee6870722085bd0a723d8.png

I created the new color on the palette for the skin shadow, making it darker, redder, and more saturated than the starting color. Then I quickly and loosely blocked in the shadows, not worrying too much about visible brush strokes.

8448277ea46beee983ec9acadc84f65e.png

Blending step. Specifically, I sampled the base face color again and faded it into the edges of the shadows and sampled some of the new colors created when I was blocking to smooth out some of the more obvious brush strokes.

d5f9ec1fad2d761a9bc4fff4688f512a.png

The nose, cheeks, and lips should be redder than the rest of the face, so I made a new color for that and dabbled it on. I made the colors a little stronger and larger in area than I wanted them to end up being because I intended to blend the face color back into them on the next step.

dbf65b71e4533bf541ec121aaf8d6fe8.png

Like so. Again, this is just sampling colors created in the blocking stage and painting hard with them to smooth everything out. I also cleaned up the nose a bit and added highlight and shadow to the lips.

021364fedd7aa24501edf536475c58a3.png

Blocking and blending with another layer of shadows. Skin's midtones are more saturated than the highlights or shadows, so I made it less saturated than the midtone.

4839cab7a0bc0b5845105cb7e595f06b.png

For the final shadow color, I blended the line color into the existing darkest part of the skin. I also shaded the eyeballs and added some highlights on the forehead, nose, chin, and lip by blending the canvas color into the face color.

The hair followed a similar process of adding in shadow layers one at a time, getting increasingly smaller in size.
c87fb4deecde5ab479b819f4cc5b8019.png

7c9265b404c0ff35e0294bb92187e34c.png

Blonde hair has brown undertones, so I made sure to work a brownish color into the palette.

8741bd6faae6dbd412312a0829165ed5.png

Blending and cleaning up the hair a little bit. I smoothed things out, added some dark lines to define additional softer clumps, and started picking out light and dark clumps. Hair tends to fall in layered clumps, so some will be closer than others. Notice on the back part of the hair in particular how light and dark clumps alternate.

90c999b6825a474525fd02735956d3ad.png

Another layer of shadow detail focusing on the farthest part of the hair and the part. I actually borrowed one of the shadow colors from the skin to make the whole image look more unified.

f62d7efa14ff5c1c15d30f44cc0ef672.png

Cleanup and detailing. I also added a few faint highlights using the canvas color and shaded the antlers.

Okay, so that looks pretty good, but what if we wanted to get rid of the lines? Well, that's a lot more work. If I had planned to do it for this image, I would have drawn a lot fewer lines in the first place, but I'll do a little bit on the face to demonstrate. Basically, you just make a new layer on top of the lines and start going over it with colors adjacent to the lines, leaving the lines visible in places of sharp dark shadow (for example, the line of the mouth and some spots around the nose).

28bbf5c562c006ade859eecf18cf4521.png


After that, you just do some cleanup and add details.
faaae4ba157078869c61585d5deca6a5.png


And that's it. I hope this was helpful! Here's a GIF of the whole process:

VwxDl5y.gif
 
Probably. The principles are the same, and I mean, the hard round brush is pretty much the most basic tool Photoshop has. I'm not sure if other programs can set opacity to pressure, but if you can figure out another way to blend colors, that'll work too.

If you paint anything, I'm happy to give you advice, by the way.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top