Storyboarding Tips on Perspective

2D vs 3D: Perspective and Depth

by Sarah Laroche

Incorporating a three-dimensional property like depth into a two-dimensional plane (a storyboard for example) can be difficult, but there are some tips and tricks to help create the illusion of depth.

Depth is always illusory in a 2-D space (photos, drawings), which are flat. Our brains are built for 3-D environments though. They take cues from lighting, shadows size, and angles in order to interpret our distance to objects, and we can apply these tricks to a 2-D medium with perspective, thereby tricking our brains into seeing distance and depth in a storyboard.

Create a Storyboard 

(This will start a 2-Week Free Trial - No Credit Card Needed)

3-D = Width x Length x Depth (or Height x Width x Length)

2-D = Length x Width

Create Depth by Manipulating Size

When looking at our surroundings, optics cause objects in the distance to appear smaller, while those which are closer in the foreground to appear larger. Our brains use context to distinguish between objects that are small, and objects that are far away. Similarly, objects that are very close take up a large portion of our vision, but we don’t usually mistake them for being extra large.

Making items huge and cropping them implies that the camera/viewer is right next to them. Look at the catcher in the example below.

The line of sight is the intended eye level in a piece of work, and is an important element of composition. It helps determine perspective and distance through lines of sight that converge at a vanishing point. In practice, an object above the line of sight will be smaller the further away they are from the line. Conversely, items below the line will appear larger the further they are from the line.

Create a Storyboard 

(This will start a 2-Week Free Trial - No Credit Card Needed)

As you can see, the baseball players are smaller in proportion to their distance above the red line, while the baseball player below the line is substantially larger.

Create Depth with Color

If you’ve ever looked across a long distance, at a mountain range, ocean, or winding road, you’ve probably noticed that distant objects appear lighter and more blurred. This effect is called atmospheric perspective, and it is caused by the quantity of air between the viewer and the viewed object. Pretty cool, right?

Using this information, you can give the appearance of distance by coloring objects meant to appear far away with lighter tones and faded hues.

Let’s take a look at an example:

Create a Storyboard 

(This will start a 2-Week Free Trial - No Credit Card Needed)

Create Depth with Detail

Standard human vision is pretty good at capturing detail, but regardless of how keen your eyes are, it is impossible to see every minute detail. Things that are farther away appear to have less detail, while those that are close are crisp and clear.

This allows a storyboarder to portray distance by using more detailed characters and objects in the foreground of scenes, and using silhouettes or simpler objects in the background.

Create a Storyboard 

(This will start a 2-Week Free Trial - No Credit Card Needed)

See how using silhouettes make the kids fall into the background, and brings out the character in the front? This is also useful when trying to show focus in a scene.

Although these tips are each good on their own, the best results will be achieved by combining all three. Try them out to add a little extra dimension to your storyboards!

Create a Storyboard 

(This will start a 2-Week Free Trial - No Credit Card Needed)


Help Share Storyboard That!

Read More of Our Blog

Looking for More?

Check out the rest of our Lesson Plans!

View All Teacher Resources

Our Posters on ZazzleOur Lessons on Teachers Pay Teachers

Clever Logo Google Classroom Logo Student Privacy Pledge signatory
Start My Free Trial
© 2020 - Clever Prototypes, LLC - All rights reserved.
Explore Our Articles and Examples

Business Resources

All Business ArticlesBusiness Templates

Film Resources

Film ResourcesVideo Marketing

Illustrated Guides

Try Our Other Websites!

Photos for Class   •   Quick Rubric   •   abcBABYart   •   Storyboard That's TpT Store
Prefer a different language?

•   (English) Incorporating Depth in Storyboards   •   (Español) Incorporación de la Profundidad en los Guiones Gráficos   •   (Français) Incorporer la Profondeur Dans les Storyboards   •   (Deutsch) Einbinden der Tiefe in Storyboards   •   (Italiana) Incorporando Profondità in Storyboard   •   (Nederlands) Integratie van Diepte in Storyboards   •   (Português) Incorporando Profundidade em Storyboards   •   (עברית) שילוב עומק לוחות הסיפור   •   (العَرَبِيَّة) دمج العمق في القصص المصورة   •   (हिन्दी) Storyboards में गहराई शामिल   •   (ру́сский язы́к) Включение Глубина в Раскадровки   •   (Dansk) Omfattende Dybde i Storyboards   •   (Svenska) Införliva Djup i Storyboards   •   (Suomi) Sisältävät Syvyys Storyboards   •   (Norsk) Innlemming Dybde i Storyboards   •   (Türkçe) Storyboard'lara Derinlik Yazma   •   (Polski) Uwzględniając Głębokość w Scenopisach   •   (Româna) Incorporarea Adâncime în Storyboards   •   (Ceština) Začlenění Hloubka Storyboardů   •   (Slovenský) Zahrnutie Hĺbky do Storyboardov   •   (Magyar) Tartalmaz Mélysége a Storyboards   •   (Hrvatski) Ugrađujući Dubinu u Storyboards   •   (български) Включване на Дълбочина в Storyboards   •   (Lietuvos) Turinti Gylis Maketų   •   (Slovenščina) Vsebujejo Globina v Scenarije   •   (Latvijas) Iekļaujot Dziļums Storyboards   •   (eesti) Sisaldavad Sügavus Süžeeskeemid