Key Visual Concepts: Visual Components & Contrast & Affinity
The Visual Story and Its Visual Components
The Visual Story teaches structuring visuals with the same care as a writer structures a story or a composer structures music. It uses the basic visual components—space, line, shape, tone, color, movement, and rhythm—to convey mood, support the story, and shape the visual style. These components guide choices about camera angles, lenses, staging, composition, lighting, and editing, and help connect visual structure to the narrative.
The Basic Visual Components
There are seven basic visual components present in every moving or still picture: space, line, shape, tone, color, movement, and rhythm. Each component communicates mood or ideas and creates the picture’s visual structure. They appear in every picture and are read together with the story, sound, and performances.
Space
Space can be categorized in three ways: the physical space in front of the camera, the space as it appears on the screen, and the size/shape of the screen itself. Pictures communicate through story, sound, and visuals—the visual building blocks are the seven components, not “scenery” or “costumes.”
Line & Shape
Line results from tonal contrast; it helps control space, movement, and rhythm. Shape is built from lines and is essential to composition.
Tone
Tone refers to brightness or value (not to musical tone). It matters in both black & white and color photography and helps define contrast and depth.
Color
Color is powerful but often misunderstood. The book clarifies color usage and how color can communicate mood and meaning beyond simple stereotypes.
Movement
Movement is what first attracts attention. It can be created by objects, by the camera, or by the viewer’s attention shifting on the screen.
Rhythm
Rhythm is visible as well as audible, found in static elements, moving elements, and in editing.
Controlling the Visual Components
The visual components form a “cast” that works with actors to communicate mood and meaning. Visual structure should be understood and controlled to support the story. Visual stereotypes exist (e.g., red = danger), but they can be innovated or subverted. Even shooting in black & white leaves the visual components active. Visual structure is not math; it’s a set of guidelines and rules to help you create stronger images.
Visual Progressions
Progressions move from simple to more complex visual states (point → line → plane → volume). Visual progressions should support the story’s progression and intensify scenes as appropriate. The book emphasizes practice and applies progressions to cinema, television, animation, gaming, and digital media.
Terms: The Real World, The Screen World, and The Picture Plane
The real world is three-dimensional; the screen world is two-dimensional (screens, canvases, pages). The picture plane is the two-dimensional surface of the image; its size depends on lens and distance and is framed by a window in the viewing environment.
Foreground, Midground, and Background
Visual depth is organized into FG (closest to camera), MG (mid distance), and BG (farthest away). These layers form the basis for depth, composition, and movement.
Practice: Visual Progressions in Production
Understanding progressions helps you plan how images evolve across shots, sequences, and edits to reinforce the narrative.
CHAPTER 2: Contrast & Affinity
Contrast means difference; affinity means similarity. Tone demonstrates contrast and affinity on the gray scale; maximum contrast is black vs white, while affinity uses similar grays to reduce visual intensity.
Contrast
The greater the contrast in a visual component, the greater the visual intensity of the image.
Affinity
The greater the affinity in a visual component, the lower the visual intensity.
Summary
Visual structure uses the Contrast & Affinity principle across the seven components to control how dramatically an image affects the viewer, from the level of a single shot to whole sequences.