Book summary “The art of the storyboard”: summary

Introduction

You often struggle to translate a written script into a coherent visual sequence that every production department can understand. Without a clear plan, shooting becomes chaotic, costly, and misaligned with your initial creative vision.

A storyboard translates a script into visual frames that organize action, camera angles, and production departments before filming begins.

John Hart presents The Art of the Storyboard to guide you through this preproduction process. You will learn how storyboards evolved, how to master composition and cinematic grammar, and how to build animatics.

The book answers these core questions:

• How do you translate written words into visual frames?
• What rules govern camera angles and perspective?
• How do you draw kinetic motion and figure action?
• How do animatics pre-visualize edits and special effects?

1. History and Preproduction Fundamentals

A storyboard serves as the primary preproduction and pre-visualization tool that translates a shooting script into a sequence of individual concept drawings, enabling the production team to organize action, lighting, and sets before filming begins.

John Hart explains that the storyboard artist illustrates key shots and camera angles to establish the visual spine and narrative flow of a film project. This process allows producers, directors, cinematographers, and production designers to evaluate the spatial world and logistical requirements of the script.

Winsor McKay created early animated milestones like Gertie the Dinosaur and Sinking of the Lusitania, while George Méliès used inventive optical tricks and story concepts in A Trip to the Moon.

Traditional animation requires thousands of individual cels at 24 frames per second. By comparison, modern screens project at 30 frames per second to induce persistence of vision.

The Bayeux Tapestries of 1050 depicted William the Conqueror's invasion, providing an early precedent for sequential visual storytelling. Pixar released Toy Story in 1995, marking a new milestone in computer-generated imagery. Walt Disney Studios pioneered the cartoon-style storyboard process for Snow White and the Seven Dwarfs. David O. Selznick applied these animation preplanning techniques to Gone with the Wind under production designer William Cameron Menzies with a production cost of $6 million in 1939. By 1999, Titanic reached a production cost of $200 million.

Collaborative Preproduction Teams

Storyboard artists function as essential members of a collaborative preproduction team, directly supporting the director's vision while addressing the practical and creative needs of producers, cinematographers, and designers.

By translating written script descriptions into tangible visual frames, the storyboard artist helps departments estimate costs, build sets, plan lighting setups, and execute complex special effects.

Ben Wooten noted the importance of collaborative design on Lord of the Rings. Ray Harryhausen described learning storyboarding methods from Willis O'Brien during work on pre-production drawings, where O'Brien created 20 or 30 drawings a day for early projects like Creation. On James and the Giant Peach, cinematographer Hiro Jarita transitioned between lighting setups in 29 minutes due to pre-rigging.

Intensive preproduction planning and adherence to storyboards prevent runaway budgets, production delays, and creative failure during filming. Directors who fail to plan and attempt to improvise scenes on the set risk open-ended costs and compromised production morale. Conversely, detailed blueprints and storyboards ensure that every department operates efficiently.

Terry Gilliam encountered severe budget and communication problems on The Adventures of Baron Munchausen when preparation was lacking, noting that the storyboards served as a vital saving factor.

You must apply specific planning and management principles to your own projects:

• Remember director Ronald Petrie's nine Ps: Prodigious Preproduction Planning Prevents Piss-Poor Postproduction.
• Use the storyboard as a day-to-day guide for setting up shots, addressing lighting problems, blocking actors, and controlling production pace.

2. Composition and Cinematography

Mastering composition rules, perspective grids, and camera angles allows you to guide the audience's eye and establish spatial depth.

Centering actors or objects exactly in the middle of a frame is boring. Splitting a composition evenly in two is also a mistake. Professional storyboard artists and production designers use the rule of thirds both vertically and horizontally.

• Divide the rectangular frame horizontally and vertically into three sections.
• Place the center of interest at the points formed by the intersection of the three verticals and three horizontals.

Elements like landscapes distribute two-thirds to the sky and one-third to land, or vice versa. In a photograph of Central Park by Hart, moving figures in the foreground occupy the lower third of the picture as the center of interest.

Perceived reality in a frame is constituted by three basic visual planes that maintain visual interest and depth. These planes are foreground, middle ground, and background, which are often abbreviated as FGD, MGD, and BGD. Using these separate receding planes divides the scene and gives it an in-depth, three-dimensional dynamic, helping to throw the viewer's eye further into the mise-en-scene.

• Identify and arrange elements across foreground, middle ground, and background planes in every storyboard frame.

In Memoirs of a Geisha, the camera operator and sound man are in the foreground, the actresses are in the middle ground, and the background sets the scene.

Perspective and Camera Angles

The laws of perspective, utilizing vanishing points and orthogonals, project three-dimensional reality onto a two-dimensional screen.

Receding lines converge at one or more vanishing points located on an imaginary horizon line corresponding to the viewer's eye level. As you move vertically or horizontally, the eye level and vanishing point move accordingly, known as the elevator effect.

• Establish an imaginary horizon line extending across the pupils.
• Locate vanishing points where receding lines converge.
• Draw orthogonals leading to the vanishing points.

For two-point perspective, far end vanishing points are placed at 180 degrees on either side. In Alfred Hitchcock's Vertigo, distorted one-point perspective and a structural sway add to the terror experienced by James Stewart going down tower steps.

Directors use a wide vocabulary of shots and angles to avoid a monotonous single point of view. Low camera angles make actors appear taller and more imposing, while overhead or high extreme angles provide a bird's-eye view of the action.

• Select appropriate shot types such as Close-Up, Long Shot, Medium Shot, and Tracking Shot based on script requirements.
• Combine diverse camera angles with storyboard frames.

Alfred Hitchcock used an extremely high angle attic view in Psycho when Norman stabs the detective at the top of the stairs.

The key light is the primary and strongest light shining directly on the face or focus of a scene. Fill light reduces shadows, and back light separates the actor from the background.

• Apply key light as the primary light source on the subject.
• Use fill light to reduce and fill shadows.
• Position back light or hair light to separate the actor from the background.

Director Joseph von Sternberg noted that mastering the key light makes everything else fall into place.

Colors and their intensities carry psychological weight that alters the tone and mood of a scene. Comedy is traditionally light and tragedy is dark. Warm colors like yellow denote cheerful and optimistic feelings, while blue is often used for depressing scenes or night shots. Red signals danger and should be saved for peak moments.

• Match color choices to the emotional tone of the scene.
• Save blatant and saturated colors for peak moments in the script.

In John Ford's The Quiet Man, lush green landscapes project calm until John Wayne encounters Maureen O'Hara with her flaming red hair.

Black-and-white filming and high-contrast chiaroscuro lighting create a visceral dramatic impact reminiscent of classic detective films. Originating partly from wartime shortages of elaborate sets and electricity during World War II, film noir relies on shooting in low light with deep black shadows to convey mood and narrative tension.

• Execute storyboards in black and white with gray shadows to provide visceral impact and test compositional strength.

Alfred Hitchcock simulated the realistic looking blood in the infamous shower scene of Psycho using chocolate syrup in black and white.

3. Drawing Action and Cinematic Grammar

You must render motivated figures that move kinetically through three-dimensional space, progressing from stick figures to fully shaded human forms.

John Hart used quick sketching in the semidarkness of an IMAX theater to capture action in Superman Returns (2006).

• Do a dozen quick sketches of figures in motion, starting with stick figures.
• Add the dimension of light and shade, paying particular attention to the light sources and the resulting shadows.

Light Sources and Depth of Field

Controlling key, fill, and hair lights adds visual appeal and depth, separating performers from the background and flattering facial features.

In a studio portrait setup for Kathleen Richard, a key light illuminated the face, a backlight highlighted the hair, a scoop light softened with diffusion acted as fill, and an eye light gave the eyes a lively highlight.

• Select 12 examples of photos from magazines, film stills, or newspapers that indicate various depths of field and light sources.
• Make a simple sketch of each, noting the FGD, MGD, and BGD, and add light and shade to each sketch.

The Shot and Montage

The shot is the foundational visual unit of movie-making, requiring careful placement, lens choice, and composition to elicit an emotional response.

Alfred Hitchcock utilized a stunning variety of angles and quick cuts in the shower scene of Psycho (1960) to maximize suspense. Sergei Eisenstein compressed the entire Russian Revolution in Battleship Potemkin into 75 shots. Francis Ford Coppola combined parallel action in The Godfather (1972) by cross-cutting between a solemn church baptism and brutal executions accompanied by organ music.

• Study Eisenstein's film form and look for one- and two-point perspective in his film shots to sketch six of each.
• Render one local street in two-point perspective, indicating figures in action in the FGD, MGD, and BGD.
• Find a light source and indicate the appropriate shadows.
• Write two pages of original script, break it into shots, and design a basic storyboard for it.

4. Animatics and Motion Control

An animatic is an animated storyboard that brings drawings to life with motion, serving as a visual preview and substitute for special effects. You can incorporate scans, pans, zooms, and transitional devices like fades and cuts to give storyboards integrated motion control. These tools let you pace narratives, time actions to soundtracks or scripts, add musical scores, and incorporate voice-overs or printed dialogue before embarking on expensive filming.

Animatics integrate motion, timing, and transitional devices into storyboards to pre-visualize edits and special effects before filming.

John Hart collaborated with animatics artist Winnie Tom on Ludovica Villar-Hauser's film version of Gregory Murphy's The Countess, creating an animatic from over 200 scenes. This tool appeared on the scene as a pre-viz tool approximately 10 years ago.

The Purpose of Animatics

Editing through animatics before actual filming saves time and budget by eliminating unwanted scenes or locations beforehand. Industry professionals agree that editing prior to shooting is vastly superior because locations and actors are frequently unavailable after the physical shoot concludes. You use animatics to solidify preproduction planning and prevent mistakes for both crew and actors.

Animatics act as visual stand-ins for special and visual effects during key storyboarded sequences. You can test effects such as pyrotechnics, miniatures, compositing, matte shots, stop motion, or digital doubles before production. Amateurs can evaluate whether an entire scene's mood or aesthetic is working and make necessary adjustments.

Preproduction Editing and VFX Stand-Ins

Special effects and visual effects require precise mapping of non-real elements, miniatures, greenscreen footage, and computer animations. Storyboards act as the blueprint that unifies live-action actors with digital environments. Industrial Light and Magic utilized concept drawings and storyboards to manage computer-generated pirates and supernatural horror effects in Pirates of the Caribbean and tornado sequences in Twister, while Spielberg's The War of the Worlds required an approximate budget of $100 million.

Filmmakers can explore external websites and tutorials to examine professional animatic examples and references. Because producing animatics is expensive, you can consult specialized web productions or industry websites to view live examples of storyboard-based animatics.

• Select images directly from the original storyboard and put them in order.
• Ensure movement is timed to the script or soundtrack.
• Show transitions between shots such as fades or cuts.
• Emulate and time out camera movements.
• If you have a friend who works for a studio that makes animatics, do a segment of a storyboard that you have drawn.
• Visit www.animatics.com for more information on animatics.
• Check out www.hiroadproductions.com for diverse examples of animatics.
• Visit www.artofthestoryboard.com to view the animatic for The Countess.

Conclusion

Rigorous storyboarding and animatics unify your creative vision with strict production logistics. You connect abstract script pages with concrete camera angles, spatial perspectives, and department budgets before a single physical frame is shot. The technical mechanics of perspective grids, kinetic figure drawing, and cinematic grammar transform static sketches into fluent visual motion. You must apply these foundational principles to maintain spatial continuity and guide the audience across every cut.

1. Master the basic rules of perspective and composition to establish visual depth in every frame.
2. Treat the individual shot as the fundamental unit of cinematic grammar for all action sequences.
3. Plan camera movements and transitions carefully to preserve spatial orientation for the viewer.
4. Convert your finalized boards into timed animatics to test pacing and editing choices beforehand.
5. Communicate production requirements clearly across all departments using your detailed visual blueprints.

10 Key Ideas

1. A storyboard translates a script into visual frames that organize action, camera angles, and production departments before filming begins.
2. A storyboard serves as the primary preproduction and pre-visualization tool that translates a shooting script into a sequence of individual concept drawings, enabling the production team to organize action, lighting, and sets before filming begins.
3. Mastering composition rules, perspective grids, and camera angles allows you to guide the audience's eye and establish spatial depth.
4. The laws of perspective, utilizing vanishing points and orthogonals, project three-dimensional reality onto a two-dimensional screen.
5. You must render motivated figures that move kinetically through three-dimensional space, progressing from stick figures to fully shaded human forms.
6. Controlling key, fill, and hair lights adds visual appeal and depth, separating performers from the background and flattering facial features.
7. The shot is the foundational visual unit of movie-making, requiring careful placement, lens choice, and composition to elicit an emotional response.
8. Animatics integrate motion, timing, and transitional devices into storyboards to pre-visualize edits and special effects before filming.
9. Editing through animatics before actual filming saves time and budget by eliminating unwanted scenes or locations beforehand.
10. Rigorous storyboarding and animatics unify your creative vision with strict production logistics.