LESSON 21 · COLOUR
Grayscale to Colour vs Direct Painting
There are two ways to get a finished colour painting: solve the values in grey first and add colour afterwards, or choose colour and value together from the first stroke. Both are legitimate professional workflows, both have real limits, and this lesson shows you exactly what those limits are so you can pick the right one for the job.
45 min
TIME
Intermediate
LEVEL
Photoshop
SOFTWARE
What you'll learn
Colour a greyscale study using Color and Overlay blend modes and a Gradient Map
Explain why blend-mode colouring goes flat in the darkest and lightest areas
Paint directly in colour from a mid-tone ground
Choose the workflow that suits the piece instead of always using the same one
Finish either workflow with a direct-paint pass on a normal layer
Before you start
Finish first: L17, L18, L20
- A finished greyscale value study — your L16 or L17 work is ideal
- Your L19 saved palettes
- Photoshop, Layers panel open, blend mode dropdown within reach
WATCH
Watch this first
Understanding Layers in Photoshop - Day 4
PHLEARN — Teaches the layer stack, blending modes and non-destructive editing on a current Photoshop build - the mechanics the 2021 Marco Bucci demo relies on.
Beginner's Guide to Digital Illustration in Photoshop | From Sketch to Base Colour
Sogand Illustration — Sketch-to-base-colour illustration pass in current Photoshop. Shorter and lighter than the Proko original - adequate for the brushwork/colour slot but preview it before committing.
THE LESSON
Workflow one: solve grey, then colour it
The idea is simple. Because value carries the picture, get the values completely right in greyscale — where nothing distracts you — and then add hue on top. It is a genuinely useful way to work, particularly when the lighting is complicated or you are not yet sure what the image is.
The mechanics in Photoshop: finish the grey painting, then add a new layer above it, set its blend mode to Color, and paint. Color mode keeps the luminosity of the layers beneath and takes only hue and saturation from your stroke, so the values underneath survive untouched. Overlay and Soft Light layers do something different — they push value as well as hue, so they are useful for warming lit areas and cooling shadows, but they will alter your carefully built greys. Use Color for local colour, Overlay or Soft Light for the light.
The Gradient Map shortcut, and the honest limitation
A Gradient Map (Layer > New Adjustment Layer > Gradient Map) maps your greyscale from dark to light onto a colour ramp. Build a ramp that runs from a deep blue-violet at the black end, through a mid neutral, to a warm cream at the white end, and you get the warm-light-cool-shadow relationship from L20 across the whole image in one move. Drop the layer opacity to 40 to 70 per cent and it stops shouting.
Now the limitation nobody mentions. Blend-mode colouring cannot create saturation that the underlying value will not support. Paint a brilliant yellow in Color mode over a mid-grey and you get a dull olive, because Color mode holds the mid value and yellow only looks yellow when it is light. Over near-black or near-white areas, colour barely registers at all. This is exactly why a lot of grey-to-colour work has the same slightly grey, muted look — the workflow itself is pushing it there.
The fix is not to abandon the method, it is to finish properly. Once your colour layers are in, flatten a copy or add a normal layer on top and paint directly into it — reclaiming saturation in the halftones, warming the highlights, putting real chroma back into the shadows. Every good grey-to-colour painting ends with a direct pass.
Workflow two: direct painting
Direct painting means choosing a colour that has the right hue, saturation and value all at once, and putting it down. This is how oil painters work, and it is what Modules 4 and 5 have been preparing you for. It demands more of you at every stroke, and it gives more back: colour is alive from the first block-in, and you never have to fight a workflow to get saturation.
Start on a mid-tone ground rather than white. Fill the background with a mid grey, or better, a colour near your subject's overall temperature at about B50. Painting on white makes everything you put down look dark and makes judging value nearly impossible. From the mid-tone you work in both directions, lights and darks, which is far closer to how your eye actually compares things.
Then block in the big shapes at their correct value and colour — no detail, no edges yet. Squint at your reference until it turns into four or five flat areas and match those areas. If the block-in is right at thumbnail size, the painting is already working. If it is wrong, no amount of rendering will fix it.
Choosing between them
Use grey-to-colour when the drawing or the lighting is the hard part, when you want to iterate on value quickly, or when a client or a brief might change the colour scheme later. Use direct painting when the colour idea is the point of the picture, when the piece is small or fast, or when you want the study to build your colour judgement — which it does, faster than anything else.
In practice most working artists do a hybrid: a quick greyscale or two-value thumbnail to test the composition, then a coloured underpainting, then direct painting on top of that. Nobody is checking which method you used. The only thing that matters is whether the finished image holds together, and the Black & White adjustment layer from L18 will tell you that in one click, whichever route you took.
Color mode preserves luminosity
A layer set to Color takes hue and saturation from your stroke and luminosity from everything underneath. That is what protects your value study — and also what stops a bright yellow from ever looking bright over a mid-grey. Knowing that one fact explains most of the frustration people have with this workflow.
PRACTICE · 45 MIN
The same image, both ways
- Open L21-grayscale-start.psd. Spend two minutes checking the value study reads clearly at thumbnail size.
- Duplicate the file and work on copy A. Add a Color-mode layer and block in local colours for each object.
- Add a Soft Light layer above it: warm strokes in the lit areas, cool strokes in the shadows. Keep it under 40 per cent opacity.
- Add a Gradient Map above everything, dark end at a deep blue-violet and light end at a warm cream, opacity around 50 per cent.
- Add one normal layer on top and repaint the halftones with real saturation. Note how much of the piece needed this.
- Now open copy B, hide the grey study, and fill the canvas with a mid-tone. Paint the same scene directly, from your L19 palette, blocking in big shapes first.
- Stop copy B at 20 minutes whether it is finished or not.
- Place both versions side by side and add a Black & White adjustment layer over both.
Done when: Two colour versions of the same subject exist side by side, and under the Black & White layer both still read as the value study you started from. Write two sentences: which one you enjoyed more, and which one is actually better.
Practice files
Download these and work along with the lesson.
Greyscale Study to Colour
2400 x 1800 px, 300 ppi, sRGB, 8-bit, but painted entirely in neutral greys. A simple still life — a mug, an apple and a folded cloth on a table, lit from the upper left — rendered in five values only (#1A1A1A, #4D4D4D, #808080, #B3B3B3, #F0F0F0) with soft edges only on the cast shadows. Layers: 'Background' (mid grey #808080), 'Table', 'Cloth', 'Mug', 'Apple', 'Cast Shadows', each on its own layer with the object isolated on transparency. Two empty layers on top named 'COLOR mode - local colour' (blend mode already set to Color) and 'SOFT LIGHT - the light' (blend mode already set to Soft Light, opacity 35%).
Four Gradient Maps
Photoshop gradient file (.grd) containing four three-stop gradients for use as Gradient Map adjustment layers, each running dark stop at position 0 to light stop at position 100: 'Warm Light Cool Shadow' (#241B3C, #8A7F7A, #FFF0D4), 'Overcast Day' (#1E2733, #7A828C, #E8EEF2), 'Firelight' (#1A1020, #7A4A32, #FFD9A0) and 'Moonlight' (#0C1220, #40566E, #C6D6E8). Name each gradient exactly as listed so it is identifiable in the Gradient Map preset list. Photoshop .grd is an undocumented descriptor-serialised binary and a malformed one can make Photoshop reject the whole preset set, so no .grd is shipped. The zip holds a printed chart of all four gradients with every stop colour and position, each gradient as a 2048x256 PNG strip, an .aco of the twelve stop colours, and step-by-step instructions for building the four presets in the Gradient Editor (about 30 seconds each).
CHECK YOURSELF
Can you answer these?
Answer out loud first, then open each one to compare.
Can you explain what a Color blend mode layer takes from your stroke and what it takes from below?
A Color-mode layer takes hue and saturation from your stroke and luminosity from everything underneath it. That is exactly what protects a value study: you can paint local colour over a finished greyscale painting and the greys you built stay untouched. Overlay and Soft Light layers behave differently — they push value as well as hue, so they are the right choice for warming lit areas and cooling shadows, but they will alter your values. Use Color for local colour and Overlay or Soft Light for the light.
Can you say why a saturated yellow painted in Color mode over a mid-grey does not look saturated?
Because Color mode holds the luminosity of the layer underneath, and yellow only reads as yellow when it is light. Paint a brilliant yellow over a mid-grey and the value stays mid, so what you get is a dull olive; over near-black or near-white the colour barely registers at all. Blend-mode colouring cannot create saturation the underlying value will not support, and that is why a lot of grey-to-colour work ends up with the same slightly muted look. The fix is not to abandon the method but to finish it: add a normal layer on top and paint directly, reclaiming saturation in the halftones and putting real chroma back into the shadows.
Can you set up a Gradient Map that gives warm lights and cool shadows in one step?
Layer > New Adjustment Layer > Gradient Map, then build a ramp that runs from a deep blue-violet at the black end, through a mid neutral, to a warm cream at the white end. Because a Gradient Map assigns colour by value from dark to light, that single ramp gives you the warm-light, cool-shadow relationship from Lesson 20 across the whole image in one move. Drop the layer opacity to about 40 to 70 per cent so it stops shouting, and expect to paint over it afterwards to recover saturation.
Can you name a situation where direct painting is the better choice, and one where grey-to-colour is?
Direct painting is better when the colour idea is the point of the picture, when the piece is small or fast, or when you want the study to build your colour judgement — which it does faster than anything else. Grey-to-colour is better when the drawing or the lighting is the hard part, when you want to iterate on value quickly, or when the colour scheme might have to change later. In practice most working artists hybridise: a value thumbnail to test the composition, a coloured underpainting, then direct painting on top. Nobody is checking which route you took, and the Black & White adjustment layer will tell you in one click whether the result holds together.
Go deeper
Ctrl+Paint free library - complete digital painting curriculum
https://www.ctrlpaint.com/library
← Previous
Local Colour vs Light Colour
Next →
ArtRage Orientation