LESSON 14 · VALUE & LIGHT
The Five-Value System
Value is how light or dark something is, and it does more work in a picture than colour ever will. This lesson gives you a five-step system, teaches you to squint, and shows you how to lock your digital palette down to five greys so you are forced to make decisions instead of blending everything into mush.
50 min
TIME
Intermediate
LEVEL
Photoshop or ArtRage
SOFTWARE
What you'll learn
Define value independently of hue and saturation
Squint to compress a scene into readable value groups
Build and use a five-step value scale
Restrict a digital palette to exactly five swatches
Check any painting in greyscale with an adjustment layer
Set your screen brightness so your value judgements are consistent
Before you start
Finish first: L7, L9
- A blank 2000x1500 canvas
- One high-contrast reference photo with clear light and shadow
- Your Artist 12 at a fixed, moderate brightness in a room that is not dark
WATCH
Watch this first
How to Shade with Only 5 Values
Brent Eviston — The exact system this lesson is built on, demonstrated end to end on a real drawing.
Using 3 values for lighting
Aaron Blaise — Shows how far you can get with even fewer values - a good reality check on how little you actually need.
Make Shading Easy with Rapid Value Sketches
Proko — Turns the theory into a fast, repeatable exercise you can run in ten minutes a day.
THE LESSON
Value is the load-bearing wall
Value is how light or dark a thing is, with the colour stripped out. A lemon-yellow and a mid-grey can be the same value. A navy blue and a dark brown can be the same value. Your eye reads value far faster and far more reliably than it reads hue, which is why a black-and-white photograph is perfectly legible and a photograph with the values flattened out is not.
That has a blunt consequence for painting. If the values are right, the picture works even when the colour is mediocre. If the values are wrong, no amount of beautiful colour rescues it. Take any painting you admire, convert it to greyscale, and look at how much structure survives. That structure is the thing you are learning to build in this module.
It also explains why this whole module comes before the colour module. Colour is easier to learn once value is automatic, and much harder to learn while you are still guessing at value.
Squint, and why it works
Squinting is not a folk habit, it is a deliberate reduction of information. Narrowing your eyes cuts the light reaching your retina and throws the image slightly out of focus, which destroys detail and forces neighbouring areas to merge into a few large value shapes. Those large shapes are what you need to paint. The detail was never the picture.
Do it constantly - at your reference, and at your own canvas. The most useful moment is when you squint at your painting and the shape you spent twenty minutes on disappears, because that tells you the shape had no value separation from its neighbour and was therefore invisible from the start.
Digitally you have two extra versions of the same tool. Zoom out until the canvas is a couple of centimetres across on screen, which does the same job as squinting and is easier on your eyes. Or duplicate the file, blur it heavily, and look at what remains. Whatever survives the blur is what a viewer sees from across a room.
Five steps, and why not five hundred
The system is simple. Value 1 is your lightest light. Value 5 is your darkest dark. Values 2, 3 and 4 sit evenly between them, so 3 lands in the middle. Every part of your painting has to be assigned one of those five, and nothing is allowed to sit between two of them.
That restriction feels absurd until you try it. Its purpose is to force separation. When you have unlimited values available, the natural instinct is to keep nudging things closer together until nothing is clearly lighter or darker than anything else, and the whole picture goes grey and soft. Snapping every area to one of five steps guarantees that adjacent shapes actually read as different.
Reserve the ends. Do not spend pure white and pure black early - they are the only two values you cannot push further, so save them for the one or two places that genuinely need maximum contrast. A painting where the darkest dark appears in forty places has thrown away its own punchline.
Locking your palette in software
Build the five greys once and reuse them forever. A workable set is roughly 90 percent, 70, 50, 30 and 10 percent brightness - as hex, #E8E8E8, #B4B4B4, #808080, #4C4C4C and #1A1A1A. Paint five squares of them across the top of your canvas and save them into your Swatches panel in Photoshop. In ArtRage, colour sample collections are saved as .col files, so you can keep the same five greys and load them into any painting.
Now work with the eyedropper rather than the picker. In Photoshop, holding Alt on Windows or Option on macOS while the Brush is active turns the cursor into an eyedropper for as long as you hold it, so you can pick a value off your five swatches without ever leaving the brush. Assign that to one of your Express Keys if you would rather use your thumb. The rule for this lesson is that every colour on the canvas comes from the swatch strip. If you did not pick it, you cannot paint with it.
To check yourself, put a Black and White adjustment layer at the very top of the stack in Photoshop, via Layer > New Adjustment Layer > Black and White, and toggle its visibility. Later, when you are painting in colour, that single toggle will be the fastest way to catch a value mistake. A Threshold adjustment layer is even more brutal: it crushes everything to pure black or pure white at a level you choose, showing you instantly whether your big shapes hold together.
Trusting your screen
One practical note about the hardware. The Artist 12 3rd Gen covers 99 percent of sRGB with a Delta E under 1.2, which means the values it shows you are accurate - you are not fighting your monitor. What you can get wrong is the environment. Judging values on a bright screen in a dark bedroom will make you paint everything too dark, and the same file will look muddy on someone else's monitor in daylight.
So fix your conditions. Keep the room lit, keep the display at a consistent brightness rather than nudging it every session, and check your work occasionally at a smaller size and a different brightness. Consistency matters more here than any particular setting.
Zoom out is the new squint
Set a keyboard shortcut or Express Key for Fit on Screen. Every few minutes, drop to full-canvas view for three seconds. If a shape you are working on vanishes at that size, it has a value problem, not a detail problem.
PRACTICE · 40 MIN
Build the scale, then use nothing else
- On a 2000x1500 canvas, draw five squares in a row across the top.
- Fill the first with your lightest light and the last with your darkest dark. Now fill the middle three by eye so the steps look evenly spaced. Do not use numbers yet.
- Use the eyedropper and the Info readout to check what you actually made. Most people bunch the light end together. Correct the steps until they are even, then save all five to your Swatches panel or a .col file.
- Open your reference photo. Squint at it and decide, out loud, which of the five values each major area belongs to.
- Paint the reference at small size - no bigger than 800 pixels on the long edge - using only the five swatches. No blending, no soft brushes, no intermediate values.
- Repeat with two more references, ten minutes each.
- Put all three studies side by side, zoom out until they are thumbnail sized, and see which one still reads clearly.
Done when: An even five-step scale saved as swatches, plus three small studies painted with those five values and nothing else.
Practice files
Download these and work along with the lesson.
Five-Step Value Scale
2000x1500 px PSD, 300 dpi, RGB/sRGB. Top strip 2000x300 px divided into five equal swatches filled #E8E8E8, #B4B4B4, #808080, #4C4C4C and #1A1A1A, each labelled 1 to 5 in 40 px sans-serif in the contrasting value, on a locked layer named SCALE. Below it a locked layer named BLANK SCALE with five empty outlined squares for the student to fill by eye. Working layer STUDY beneath, and a Black and White adjustment layer at the top of the stack, hidden by default and named GREYSCALE CHECK. The five greys embedded as a saved swatch group named Five Values.
Squint Comparison Plates
1920x1080 PNG. Three pairs of images arranged in a row: each pair shows a simple still life - a mug, an apple and a folded cloth - rendered at full detail on the left and reduced to five flat value shapes on the right. Bottom strip repeats all six at 120 px wide to demonstrate what survives at thumbnail size. Neutral #3A3A3A background, 24 px white captions.
CHECK YOURSELF
Can you answer these?
Answer out loud first, then open each one to compare.
Can you explain why two completely different colours can be the same value?
Because value is how light or dark something is with the colour stripped out, and hue has nothing to do with it. A lemon-yellow and a mid-grey can sit at the same point on the scale, and so can a navy blue and a dark brown. Your eye reads value faster and more reliably than it reads hue, which is why a black-and-white photograph is still perfectly legible while a photograph with the values flattened out is not. It also means that if your values are right the picture works even when the colour is mediocre, and if they are wrong no amount of good colour rescues it.
Can you build a five-step scale by eye and have the steps come out evenly spaced?
This is a doing check. Fill the first square with your lightest light and the last with your darkest dark, then place the middle three by eye, and only afterwards check them with the eyedropper and the Info readout. Most people bunch the light end together, so expect to correct. A workable target set is roughly 90, 70, 50, 30 and 10 percent brightness — #E8E8E8, #B4B4B4, #808080, #4C4C4C and #1A1A1A. You have passed when the steps look evenly spaced at thumbnail size, and you save them to your Swatches panel in Photoshop or a .col colour sample collection in ArtRage so you never build them again.
Can you paint a whole study using only five swatches, without reaching for the colour picker?
The rule for this lesson is that every value on the canvas comes from the five-swatch strip: if you did not pick it, you cannot paint with it. In Photoshop, hold Alt (Option on macOS) while the Brush is active to turn the cursor into an eyedropper for as long as you hold it, so you can sample a swatch without leaving the brush — or bind that to an express key and do it with your thumb. The restriction exists to force separation: with unlimited values you keep nudging areas closer together until nothing clearly reads as lighter or darker and the whole picture goes grey.
Can you toggle a greyscale check over your work and say what it is telling you?
Put a Black and White adjustment layer at the very top of the stack — Layer > New Adjustment Layer > Black and White — and toggle its visibility. What it tells you is whether your shapes are separated by value rather than only by hue: any two areas that merge into one shape when the colour is removed will merge for the viewer too. A Threshold adjustment layer is the harsher version, crushing everything to pure black or white at a level you choose, which shows you instantly whether the big shapes hold together. Zooming out to thumbnail size does the same job as squinting and is easier on your eyes.
Go deeper
Ctrl+Paint library
https://www.ctrlpaint.com/library
Winged Canvas digital art resources
https://www.wingedcanvas.com/digital-art-resources
Drawspace
https://www.drawspace.com/
← Previous
Gesture & Line of Action
Next →
Form Shadow vs Cast Shadow