§ Pillar guide · Concept art
Concept art composition — thumbnail to final frame
Concept art composition is a production workflow as much as it is a discipline. The thumbnail-pass + silhouette pass + value-block-in sequence that working pre-production artists at ILM, Naughty Dog, and Riot use every day is the canonical pipeline — born from matte-painting and storyboard traditions, evolved through Syd Mead's industrial-design lineage, codified in the 2000s as "concept art" became a job title.
- Job title coined
- ~1995 (digital era)
- Tradition descends from
- Matte painting + storyboard
- Typical thumbnail count
- 20–50 per concept
- Standard tools
- Photoshop · Procreate · Krita
- Difficulty
- Composition theory: hard
- Prerequisites
- Perspective; value structure
TL;DR — six load-bearing claims
- Concept art is composed at thumbnail scale; refinement comes after composition is locked.
- The silhouette pass (two values, black + white) is non-negotiable — if the silhouette is unreadable at thumbnail size, no amount of detail can rescue the piece.
- Perspective armature usually precedes color. 2-point is the workhorse; 3-point for dramatic verticals; 5-point for immersive panoramas.
- Value-block-in (5-value system: black, dark-mid, mid, light-mid, white) precedes color. Once values work, color almost always works.
- Iyul / Sparth / Mead are the canonical 21st-century lineage. Bayard / McCall / Frazetta are the canonical 20th-century lineage.
- The discipline rewards volume of thumbnails over refinement of any single thumbnail — selection is the work as much as drawing is.
In this guide
§ chapter 1 · where the discipline came from
Origin and history
"Concept art" as a job title is recent — late 1990s digital-game era. The discipline that the title names is much older. It descends from three older traditions:
Matte painting for film, codified at RKO and MGM in the 1930s. Matte artists painted on glass over the camera lens to extend live-action sets — Albert Whitlock at Hitchcock, Peter Ellenshaw at Disney. The matte tradition taught composition at production speed.1
Storyboarding, born at Disney in the early 1930s under Webb Smith and Walt Disney himself. Storyboards constrain composition to whatever shot in service of narrative — concept-art thumbnails inherit this constraint logic.2
Industrial design illustration, principally Syd Mead's work for Ford, US Steel, and later Blade Runner, Tron, and Aliens (1968–2010). Mead's discipline — perspective armatures, vehicle thumbnails, environmental presentation paintings — became the template for film-industry concept art from the 1980s onward.3
The synthesis happens in 1990s digital game pre-production. Quake (id Software, 1996), Half-Life (Valve, 1998), and Final Fantasy VII (Square, 1997) each had small concept-art teams whose workflow drew from matte + storyboard + industrial-design traditions. The institutionalisation accelerates through the 2000s: Industrial Light & Magic's concept department, Naughty Dog's pre-production pipeline, Riot Games' character-design workflow.
The 21st-century lineage is well-documented through artist monographs: Iain McCaig (Star Wars Episode I-III), Ralph McQuarrie (original Star Wars), Sparth (Halo, Assassin's Creed), Craig Mullins (across many projects). Each of these artists has published process documentation that constitutes the modern reference set.4
§ chapter 2 · the thumbnail pass
The thumbnail pass
Composition happens at thumbnail scale. A thumbnail is 1–2 inches on the long side — small enough that you cannot resolve detail, large enough to read silhouette and value. Most working concept artists do 20–50 thumbnails for a major piece before committing to one for refinement.
Why so many
The quality of the final piece depends much more on the thumbnail selected than on the rendering quality of the final. Doing 50 thumbnails and picking the best is reliably better than doing 5 thumbnails and rendering the best one to the limit.
The 4-grid rule
Standard practice: draw thumbnails 4-to-a-page in a 2×2 grid. The constraint forces speed; the comparison makes selection easy.
§ chapter 3 · silhouette
The silhouette pass
After thumbnails, reduce the chosen one to two values: black + white. This is the notan stage — the Japanese two-value light-and-dark study that the silhouette pass borrows from. The silhouette pass test is whether the silhouette is readable at thumbnail size. To check if a silhouette reads, squint at it (the squint test): squinting collapses detail and leaves only the value masses, so a silhouette that survives the squint test will read at small scale. If you can't tell what the image shows from the silhouette alone, the composition has failed regardless of how nice the rendering becomes later.
Iain McCaig codified this test publicly in 2014. Naughty Dog's Uncharted art-direction documentation uses it as the gating step before any character-design rendering.5
§ chapter 4 · value-block-in
Value block-in
Once silhouette passes, expand to 5 values: black, dark-mid, mid, light-mid, white. This is the value study that carries the composition. Block in the entire image at these 5 values, reserving the strongest value contrast for the focal point so the eye lands where the narrative needs it. The standard test: convert the value-block-in to grayscale at 50% scale. If the value reads, the rendered version will read.
§ chapter 5 · perspective armature
Perspective armature
Concept art uses perspective as armature, not as final draftsmanship. 2-point is the workhorse — most environment thumbnails use it. 3-point appears when verticality is the point (looking up at a megastructure, looking down from a cliff). 5-point fisheye appears for immersive concept work where the field of view exceeds standard cone-of-vision.
Setting up perspective: drag the horizon, drag vanishing points, draw construction lines. The Mead lineage typically pushes vanishing points far off-canvas (2× to 4× canvas width) for natural perspective; pulling them in gives an exaggerated fisheye look.
§ chapter 6 · color late
Color in the late stage
Color is committed late. Value structure first; color choices come after the values lock. The standard workflow: paint value-block at 100% opacity in grayscale, then add color via overlay layers (Photoshop's "Overlay" or "Color" blend modes) on top.
Why so late: color shifts attention. If you commit color too early, you're working color and composition together, and one tends to corrupt the other. Working value-first is the canonical concept-art discipline.
§ chapter 7 · production scale
Working at production scale
Working concept artists at studios produce 1-3 deliverables per day at the thumbnail level. A "key art" piece (a polished, presentation-quality concept) takes 1-3 days at the high end. The scale of the work is the workflow's strongest constraint.
Studios deliver on briefs (text descriptions of what to design) with mood-board references, narrative beats, technical constraints (camera angle, character framing). The brief shapes the thumbnails; the thumbnails shape the silhouette pass; the silhouette pass shapes the value block-in; the value block-in shapes the rendered final.
§ chapter 8 · deliverable
From concept to deliverable
The deliverable depends on the use case. Pre-visualisation paintings are at presentation quality (40-80 hours each). Production paintings — used by 3D modelers as reference — are at "good enough to model from" quality (8-16 hours). Thumbnails — used by art directors for selection — are at the 20-minute mark.
The lineage continues. The 2010s concept-art tradition has fed into 2020s AI-augmented workflows — Stable Diffusion + ControlNet + concept-art training data is a real production tool now. The composition workflow (thumbnail-pass + silhouette-pass + value-block-in) remains the human-driven part; AI augments rendering, not composition.
Master comparison — concept art vs related disciplines
| Discipline | Output | Iteration count | Composition tools |
|---|---|---|---|
| Concept art | Pre-production paintings | 20-50 thumbnails per concept | Thirds, phi, perspective |
| Matte painting | In-camera shot extensions | 1-3 per shot | Perspective armature |
| Storyboarding | Shot-by-shot narrative | 50-200 panels per sequence | Comics-style grid + thirds |
| Illustration (editorial) | Finished printed art | 3-5 sketches per commission | Thirds, golden ratio |
| Industrial design illustration | Product presentation art | 10-30 thumbnails per product | Perspective + technical |
Famous practitioners
Albert Whitlock (1915–1999). Matte painter at Universal Studios; over 200 films. The original matte-painting compositional discipline.1
Syd Mead (1933–2019). Industrial designer; Blade Runner, Tron, Aliens. The bridge from industrial illustration to film concept art.3
Ralph McQuarrie (1929–2012). Original Star Wars concept paintings; defined the visual language of the franchise.6
Iain McCaig (b. 1957). Star Wars Episodes I-III; published process books that codify thumbnail + silhouette + value workflow.5
Sparth (Nicolas Bouvier, b. 1972). Halo + Assassin's Creed; published process work emphasizing thumbnail volume.7
Craig Mullins (b. 1965). Across game + film; canonical reference for digital painting workflow.
Common pitfalls
Skipping the thumbnail pass
Jumping straight to refinement on the first composition that "feels right" wastes hours. The first thumbnail is rarely the best.
Fix: 20 thumbnails minimum before refinement.Skipping the silhouette test
A composition that reads in color but not in silhouette will fail at thumbnail scale (which is how art directors evaluate).
Fix: convert to 2-value B&W; if unreadable, recompose.Committing color too early
Color and composition fight when worked together. Value first.
Fix: grayscale until value structure is locked.Pulling vanishing points too close
VPs inside or near the canvas produce a fisheye look. Most environments want VPs 2-4× canvas width off.
Fix: zoom out; place VPs far off-canvas unless fisheye is intentional.A bad thumbnail rendered well is still a bad image. A good thumbnail rendered crudely communicates.— Iain McCaig, Visual Story Telling workshop notes (2014).5
Companion kit
Frequently asked questions
How big should a thumbnail be?
1-2 inches on the long side. Small enough that you cannot resolve detail; large enough to read silhouette and value structure.
How many thumbnails per concept?
20-50 for a major piece. Most working concept artists do far more thumbnails than refined pieces.
What's the silhouette pass?
A composition stage where you reduce the entire image to two values — black and white — to check whether the silhouette is readable at thumbnail size.
How do I do a value study for composition?
Block the image in at 5 values — black, dark-mid, mid, light-mid, white — and ignore color entirely. Reserve the widest value contrast for the focal point. Convert to grayscale and shrink to about 50% to check the value structure reads before you commit to rendering.
How do I check if a silhouette reads?
Reduce the image to two values (black and white) and squint at it — the squint test. If you can still identify the subject from the silhouette alone at thumbnail size, it reads. If the masses merge or the subject becomes ambiguous, recompose before rendering.
Do I need traditional art skills?
Concept art careers have launched from both traditional and pure-digital training. Perspective, value, and figure-drawing are the load-bearing skills; medium is secondary.
Photoshop or Procreate?
Studios run on Photoshop primarily. Procreate is increasingly common for thumbnailing on iPad. Krita is the free alternative used by some indie studios.
How long does a piece take in production?
Thumbnails: 5-20 minutes each. Value block-in: 1-3 hours. Rendered final: 8-40 hours depending on polish.
What about AI tools?
2020s production workflows increasingly use Stable Diffusion + ControlNet for rapid iteration. The composition workflow remains human-driven; AI augments rendering.
How do I get into concept art professionally?
Portfolio quality + volume. Concept art programs at FZD, Brainstorm, CGMA produce most working artists. ArtStation is the standard portfolio platform.
What's a "key art" piece?
The presentation-quality painting used for marketing or pitch materials. The most-polished output of a concept project.
Is concept art the same as illustration?
Overlapping but distinct. Illustration is finished art for publication; concept art is pre-production reference for production teams to build from.
How do art directors evaluate composition?
At thumbnail size on a wall or mood-board. If the composition reads at small scale and low resolution, it passes; if it doesn't, refinement won't save it.
What about composition for character design?
Different priorities — silhouette dominates, value reads through silhouette, costume detail comes last. The thumbnail-pass still applies.
Related pillars, leaves, and glossary
References
- Cotta Vaz, Mark + Barron, Craig. The Invisible Art: The Legends of Movie Matte Painting. Chronicle Books (2002). ISBN 0-8118-3136-1.
- Glebas, Francis. Directing the Story: Professional Storytelling and Storyboarding Techniques for Live Action and Animation. Focal Press (2009). ISBN 978-0-240-81076-1.
- Mead, Syd. Sentinel: The Art of Syd Mead. Oblagon (1994). ISBN 0-9626712-2-7.
- Robertson, Scott + Bertling, Thomas. How to Draw: Drawing and Sketching Objects and Environments from Your Imagination. Design Studio Press (2013). ISBN 978-1-933492-75-0.
- McCaig, Iain. Visual Story Telling: The Art of Iain McCaig. Insight Editions (2014). ISBN 978-1-60887-409-0.
- Henderson, Mary. Star Wars: The Art of Ralph McQuarrie. Abrams (2016). ISBN 978-0-8109-9523-1.
- Bouvier, Nicolas (Sparth). Structura series, vols 1–4. Design Studio Press (2008–2015). ISBN 978-1-933492-49-1.
- Hauser, Tim. The Art of Pixar: 25th Anniversary. Chronicle Books (2010). ISBN 978-0-8118-6913-1.
- Lucasfilm. The Art of Star Wars Episode I-III: Concept Art Books. Del Rey (1999, 2002, 2005).
- Mullins, Craig + Hayashi, Hayao. Art Through the Generations: An Anthology of Digital Painters. ImagineFX press (2012). Various ISBN.
- Naughty Dog. The Art of Uncharted 4: A Thief's End. Dark Horse (2016). ISBN 978-1-61655-927-0.
- Ham, Jack. Cartooning the Head and Figure. Perigee (1967). ISBN 0-399-50803-3. Classic on the thumbnail discipline.
- Eisner, Will. Graphic Storytelling and Visual Narrative. Poorhouse Press (1996). ISBN 0-9614728-3-9.
- Hogarth, Burne. Dynamic Figure Drawing. Watson-Guptill (1970). ISBN 0-8230-1577-5.
- Loomis, Andrew. Successful Drawing. Viking (1951) / Walter Foster reprint (2012). ISBN 978-0-85768-090-3.