Resources
/
How to Storyboard

How to Make a Storyboard

Updated

A storyboard is a visual representation of how a story will play out, scene by scene. It’s made up of a chronological series of images, with accompanying notes.

A storyboard communicates your vision. It sets out how you want the final piece to flow - whether it’s a novel, presentation, short film, or marketing video - and simplifies the entire creative process. Although it takes time to make a storyboard, it’ll save you time (and money) in the long run.

Step 1: Online vs Paper

elearning-storyboard-slide-number Re-ordering frames in Boords. Tricky to do on paper.

There are two schools of thought on how to storyboard. The first is to grab a piece of paper or a storyboard template and start sketching. The second is to use specialist storyboard software.

Both methods have their place. The advantage of a paper template is it’s easily accessible and doesn’t require a computer. The downside is it’s tricky to make revisions. Moving frames around is nigh-on impossible, as is any kind of collaboration or sign-off. Needless to say, good online storyboard software makes the process a lot simpler.

Step 2: Draw your storyboard frames

In brief, keep it rough. This isn’t a work of art.

Sketching out your frames - a process known as ‘scamping’ - is where you turn a script from something written into something visual. It’s no place for fancy special effects. Scamping is rough, messy and raw – a storyboard in its essential form.

01A-Frame-Scamp An example scamped storyboard frame

Scamping is rough, messy and raw – a storyboard in its essential form.

A scamped storyboard’s primary function is to help you make sense of the narrative. It helps you quickly come up with ideas and make changes, without being overly concerned about visual style. You don’t need to be storyboard artist - stick figures or rough sketches will do the trick.

The scamping process is a powerful thinking tool. Here are a few guidelines to bear in mind:

  • Choose your aspect ratio. What will your storyboard be used for? Films are often shot in 16:9, whereas social media videos are often square or even 9:16 (i.e. Instagram stories). The aspect ratio will dictate how you frame your images, so get this nailed down early.
  • Keep it rough. Scamps are, by definition, rough. They’re for you, not the world to see. Don’t get too precious.
  • Keep it moving. Do parts of your script feel slow? Are there leaps in time or logic? Can some sections be removed entirely? Feed these ideas back into your script.
  • Consider continuity. If your character is trudging through a muddy river in one shot, they’ll need to have dirty trousers in the next. Consider the chronological order of what you’re writing.
Looking for storyboard inspiration? Check out our favorite storyboard examples.

Step 3: Edit your storyboard

Now that you’ve finalised your storyboard, it’s the perfect time to consider subtler visual cues. What mood do you want your piece to have, and how can you communicate it? Framing, color, and video transition effects are all great ways to amplify emotion that might be missing from the script. Here are a few things to consider:

Choose a time of day

02-Time

Setting a scene during a particular time of day will evoke a feeling in your audience. Morning is more optimistic, whereas late evening can suggest urgency or suspense.

Do a silhouette check

03-Framing2

Silhouetting a character can be a helpful way to see if your shots make sense. Look at your scenes without any detailed linework, and you’ll quickly discover whether or not your action is understandable.

Don’t upstage your character

03-Framing

Adding in staging elements and color helps convey the mood you’re after, but shouldn’t distract from the story. Character is king.

Ensure enough variety

05-Variety

Vary your shot types and camera angles. Too much of the same thing will quickly become dull and repetitive. The image on the left shows a long shot, with the image on the right showing a close-up.

Think about layering

Layering is the process of setting up subjects within different layers of a frame. It helps to establish a sense of location, while also adding an element of depth to your images. Images often have a foreground, middle ground and background layer. Consider this example:

layering

  • Foreground (red): The area closest to the viewer.
  • Middle ground (yellow): The area in the centre of a frame. It sits between the background and the foreground.
  • Background (blue): The area furthest from the viewer, behind both the foreground and the middle ground.
Create and share storyboards online. Trusted by 150,000+ creatives.

Step 4: Add camera moves

4 Dolly COMP 3

Incorporating a variety of camera moves into your shots is a great way to add interest to your finished production. Here are some well-known camera moves to get you started:

  • Zoom: Gives the impression of moving closer to or away from the subject.
  • Pan: Panning involves moving the camera horizontally from one side to the other along a central axis.
  • Tilt: The camera stays in a stationary position and focuses on upwards and downwards movements.
  • Dolly: A track-mounted camera moves towards or away from a subject.
  • Truck: Moves the entire camera along horizontally along a fixed path.
  • Pedestal: The camera ascends or descends in relation to a subject in the shot.

Pro-tip: Boords lets you add pre-built camera move indicators to your storyboards in seconds:

camera-moves-example

BONUS: Storyboarding glossary

Whether you’re just starting out with your first storyboard or you’re a seasoned pro, there are some key storyboarding terms that you need to know. To help give your vocabulary a new lease of life, we’ve compiled an extensive list of the most common storyboarding terms that you’re likely to come across.

  • Aspect ratio: The relationship between the width and the height of an image. In essence, it defines the shape of the image. Aspect ratios are written as two numbers with a colon (:) separating them. The first number represents the width of the image, while the second number refers to the height.
  • Frame: A storyboard is divided into individual frames, which are represented as square or rectangular boxes. Each frame depicts a specific moment or event in the story. Your storyboard can be made up of as many or as few frames as you like – just make sure to include enough frames to make it easy to follow the flow of actions throughout the story.
  • Shot: A shot is a series of continuous actions and is typically made up of a sequence of frames.The most basic shot-labelling option is in numerical order (i.e. 1, 2, 3, 4). In filmmaking, it’s common to see shots labelled in increments of 10 (i.e. 010, 020, 030, 040).
  • Scamps: In its initial stage, a storyboard should be made up of rough sketches. The process of creating these sketches is called scamping.
  • Script: Every good storyboard starts with a script. You’ll need to agree on a starting point before you make things visual.
  • Shot list: A shot list is a checklist that describes each individual shot in detail. It outlines what exactly will happen in the scene and what is required for the scene to be a success.
  • Voiceover: A voiceover is a person - not on screen - reading from a script. It communicates the narrative for a piece of moving image.
  • Dialogue: Dialogue refers to a conversation that takes place between two or more characters in a story. It can help to convey information and reveal character traits, and is often used to help the viewer experience the action through the character’s eyes. Dialogue shows us what the character is feeling, rather than simply telling us.
  • Style frame: A full-colour image that helps to establish the overall look of a piece of film or animation. A variety of different style frames are often produced.
  • Sound effects: Artificial sounds which enhance the illusion of reality in the scene, e.g. car horns, birds singing or other subtle sounds in the background.
  • Animatic: A series of images played in sequence, often with a soundtrack. In essence, it’s an animated storyboard. Boords turns your storyboards into animatics automatically.
Create and share storyboards online. Trusted by 150,000+ creatives.
Read Next
Neonbrand 1 aa2fadydc unsplash
How to Make an eLearning Storyboard
eLearning storyboards are a big help when you're designing eLearning development courses. We'll show you how to make them.
Ux background
How to Storyboard for UX
Learn some storyboarding tips that'll take your user experience design to the next level.
Sam mcghee kieclnzkobo unsplash
How to Storyboard a Marketing Video
Marketing's a tricky beast. But with our guide to storyboarding your marketing video, you'll be one step closer to success.