Skip to main content

Welcome to a Grasp lesson

Create a free account to keep studying and create your own study path.

Lesson 19

Value Contrast for Depth and Separation

Recommended resources

Welcome back!

In our last lesson, we focused on the "micro" level of rendering, learning how to realistically shade a single form by identifying its core shadow, halftone, and reflected light. You learned that shading isn't just a simple gradient but a specific sequence of value changes.

Today, we're zooming out to the "macro" level. The learning outcome is to use value contrast to create the illusion of depth and separate objects in space. You'll learn how to arrange multiple forms in a believable 3D environment, making some objects pop forward while others recede into the background. This is a fundamental principle of composition and is essential for drawing compelling figures that feel present and distinct from their surroundings—a key step toward your goal of mastering human anatomy.

1. The Fundamental Rule of Depth: Contrast

The single most important principle for creating depth is contrast. Specifically, value contrast, which is the difference between the light and dark areas in your image.

The rule is simple:

  • High contrast brings elements forward.
  • Low contrast pushes elements back.

An area with a full range of values—from bright whites to deep blacks—will command the viewer's attention and feel close. An area with a narrow range of similar values will seem to recede into the distance.

To see this principle in action, let's return to the Proko channel.

The Illusion of Depth - Contrast, Aerial Perspective and Form

In this video, 'The Illusion of Depth', Stan Prokopenko provides a clear, visual demonstration of how manipulating value contrast can dramatically alter the sense of space in an image.

Watch from 01:05 to 03:35. Pay close attention to the example where he digitally alters a photograph to push the background back by reducing its contrast. This is the core concept for this lesson.

As you saw, a common mistake is to render every object with the maximum amount of detail and contrast. This creates a busy, flat image where everything competes for attention. A skilled artist deliberately sacrifices contrast in some areas to create a focal point and a convincing illusion of depth.


2. Atmospheric Perspective: Depth in the Real World

Nature gives us a perfect example of value contrast creating depth through a phenomenon called atmospheric perspective (or aerial perspective).

When you look at mountains in the distance, you're not just seeing the mountains; you're looking through miles of atmosphere filled with dust, water vapor, and other particles. This atmospheric haze does three things to distant objects:

  1. It lightens their value.
  2. It reduces their contrast.
  3. It cools and desaturates their color.

Essentially, the farther away an object is, the more its values are compressed and shifted towards the light value of the sky.

Creating Depth with Atmospheric Perspective, Value Contrast, and Color/Saturation
This diagram shows three ways to create depth. Focus on the middle panel, 'Value Contrast.' Notice how the mountains in the foreground have the darkest values and the highest contrast, while the most distant mountains are the lightest and have the lowest contrast.

Let's watch the next segment of the Proko video for a more detailed explanation.

The Illusion of Depth - Contrast, Aerial Perspective and Form

This section of the video explains atmospheric perspective as a natural consequence of looking through the air, and how you can use it to add a sense of environment to any drawing.

Watch from 03:46 to 05:31. Note how he describes atmospheric perspective as fundamentally a decrease in all types of contrast (value, hue, chroma).


3. Designing for Depth: Value Grouping

Knowing that contrast creates depth is one thing; applying it is another. How do you decide which areas get high contrast and which get low contrast? The key is to simplify your scene into large, readable value groups.

Instead of thinking about countless individual shades, try to group all the values in your image into just a few categories: lights, mid-tones, and darks. This process helps you design the overall composition and ensure it's clear and readable, even from a distance (like a small thumbnail on a web page).

A great way to see these large value groups is to squint your eyes when looking at a reference or your own drawing. Squinting blurs out small details and forces you to see the big, simple value shapes.

Study THIS before you study color

The YouTube channel 'pikat' has an excellent video that explains why value is more important than color for readability and demonstrates the power of value grouping and the squinting technique.

Watch from 00:48 to 04:19. The creator shows how a well-structured value composition works even with random colors. Pay special attention to the concept of 'grouping values' and the 'squinting' trick for identifying these groups.

To reinforce this idea, the article below explains the difference between high- and low-contrast images and the common mistake of using too narrow a value range.

Tonal Values 101: Understanding Light and Dark in Art

This article, 'Tonal Values 101', provides a good summary of how to use contrast as a deliberate artistic choice.

Read the sections titled 'High-Contrast Image' and 'Low-Contrast Image' to understand how they affect mood and clarity. Then, read the 'Common Mistakes' section, focusing on the first mistake: 'Using too narrow a value range.'


4. Practice: Arranging Forms in Space

Let's put all this theory into practice. In the last two lessons, you practiced rendering a single sphere. Today, you will draw three spheres to create a sense of depth. Your goal is not perfect blending, but to assign the correct value range to each sphere based on its position in space.

Estimated Time: 30 minutes

Objective: Draw a scene with three spheres (foreground, midground, background) using value contrast to establish depth.

  1. Setup the Scene:

    • In Procreate, create a new canvas.
    • On a new layer, draw three circles. Make one large (foreground), one medium (midground), and one small (background). Overlap them slightly to reinforce the sense of space.
    • Establish a single light source for the entire scene (e.g., an arrow in the top right).
  2. Assign Value Ranges (The Design Phase):

    • Before you start shading, think about the value structure. You are creating a controlled experiment in atmospheric perspective.
    • Foreground Sphere: This sphere will have the highest contrast. It should contain the darkest darks and the lightest lights in your entire image.
    • Midground Sphere: This sphere will have a reduced value range. Its darkest shadow should be lighter than the foreground sphere's darkest shadow. Its highlight will be less intense.
    • Background Sphere: This sphere will have the lowest contrast and the lightest overall value. Its "shadow" might just be a light gray, and it may not have a bright highlight at all. The entire sphere should look washed out and distant.
  3. Render the Spheres:

    • Work on each sphere one by one, keeping your chosen value range in mind.
    • Foreground: Render this sphere using the full range of skills from our previous lesson (core shadow, reflected light, etc.). Don't be afraid to use very dark values for the core shadow and cast shadow.
    • Midground: Render this sphere, but compress your values. Imagine you're using only the values from 3 to 7 on a 10-step value scale.
    • Background: Render this sphere using a very narrow band of light values (e.g., values 1 to 3). The shading should be very subtle.
    • Check your work: Squint at your drawing. Does the large sphere pop forward? Does the small sphere recede into the background? If not, you may need to push your contrasts further. Make the foreground darks darker and the background values lighter.

This exercise is like an algorithm for creating depth. By consciously defining the parameters (the value range) for each object based on its Z-depth, you can systematically construct a 3D scene.


Conclusion

Excellent work today. You've learned how to use value not just to describe the form of a single object, but to orchestrate the spatial relationships within an entire scene.

Key Takeaways:

  • High value contrast makes objects appear closer, while low value contrast makes them recede.
  • Atmospheric perspective is the natural application of this rule, causing distant objects to become lighter and lower in contrast.
  • You can design for depth by intentionally grouping values and assigning different value ranges to the foreground, midground, and background.
  • The "squint test" is a simple but powerful tool for checking the value structure and readability of your composition.

In the next module, we will begin our first major project: Rendering a Simple Still Life. You will take all the rendering principles we've covered—from shading a single form to creating depth with contrast—and apply them to drawing real-world objects from observation.