How to make a motion design storyboard with Milanote

Motion design storyboard hero

Follow this step-by-step guide to learn the modern process of storyboarding in Milanote, a free tool used by top creatives.

Motion design storyboard hero

How to create a storyboard in 6 easy steps

Storyboards are the best way to map out the sequence, narrative, and style of a motion design project. They're also great for bringing your team and client onto the same page before you move into the production phase.

Many people devote their entire careers to storyboarding as it combines disciplines and techniques such as illustration, writing, and production. Traditionally, a storyboard would be created with analog sketches, but with a modern digital tool you can use photography, animation, color and notes to highlight key characters, scenes, and objects.

Whether you’re creating a storyboard for a TV spot, animation, or a Youtube video, this guide will take you through every step to refine your process and create a modern storyboard.

1. Identify key scenes in the script

When creating a storyboard, it’s crucial to know what story you’re telling. The best starting point is to break up the script or narrative you’ll be working from.

Mark up the key parts of the story by highlighting the important messages, locations, characters, narrative arches, and major plot points. This will help you form the frames for the storyboard and figure out how you’ll move from one scene to the next.

Motion design storyboard step01
How to do this in Milanote
  1. Create a new board for your storyboard.

    Create a new board

    Drag a board out from the toolbar. Give it a name, then double click to open it.

  2. Add a note and paste a scene from your script.

    Drag a note card onto your board

    Start typing then use the formatting tools in the left hand toolbar.

  3. Highlight the key scenes with the text highlighter.

2. Map out the key scenes

Next, map out the scenes you identified in the script. Give each one a number and a relevant title so it's easy to link them back to the broader story in the script. This is where you start to visualize the sequence of your story. Don't worry too much about the order of your scenes—you can easily update them as you go.

Motion design storyboard step02
How to do this in Milanote
  1. Add a column for each frame.

    Drag a column onto your board

    Name it, then drag any relevant notes or images into your column

3. Add images or sketches

Now it’s time to begin visualizing each scene. The images you use or create here don't need to be the finished artwork. You should be focusing on story and structure rather than finished design details.

Some storyboard artists might begin sketching with a pen and paper first, but with modern storyboards you can collect reference photography, illustrations, screenshots, and motion references from anywhere.

Motion design storyboard step03
How to do this in Milanote
  1. Drag images into your columns

4. Describe what happens in each frame

While each frame is a static image, try to communicate how it's going to look and feel as a moving sequence. Describes the style, mood, and behavior of any characters. Consider how you'll transition from one scene to the next. Add details about the sound or voice-over to help your team imagine the emotion and drama you're trying to create.

Motion design storyboard step04
How to do this in Milanote
  1. Add a note to describe each frame.

    Drag a note card onto your board

    Start typing then use the formatting tools in the left-hand toolbar.

5. Share it with your team

When you're ready, invite your team to review your storyboard and share their feedback. This is the perfect moment to see how others interpret your vision for the story.

It's also a great opportunity to make any final tweaks while in pre-production. Adjust the order of your frames or edit the content based on everyone's feedback. Remember, it's much easier to revise the sequence and story in the storyboarding phase compared to the design or production phase where simple changes can take days.

Motion design storyboard step06
How to do this in Milanote
  1. Share the storyboard with your team.

    Invite editors to your board

    Open the "Editors" menu from the title bar of your board. Add email addresses of the people you'd like to collaborate with—they'll receive an invitation via email.

  2. Start a comment thread.

    Start a comment thread

    Drag out a comment from the toolbar on the left and place it on your board. Other editors can reply to your comment.

  3. Mention teammates to get their attention.

    Mention teammates to get their attention

    Type '@' in any text field to mention someone who has access to your board. They'll receive a notification and be able to respond to your comment.

You're done!

Now that your storyboard is complete, you have a clear vision for your project! Remember, just as creativity and inspiration are constantly evolving, so are ideas. Come back and edit your storyboard when inspiration strikes. Use the template below to create a new storyboard or check out our full guide on how to plan a motion design project.

Start your storyboard

Get started for free with Milanote's easy to use storyboard template.