Motion Design Storyboard Template

Motion Design Storyboard Template, within the Milanote app

Map out your next motion graphics project

This motion design storyboard template is a great way to communicate how an animated sequence will play out. The frames can be comprised of illustrations, screenshots, 3D renders, or animated GIF files.

It's where we begin to convey the visual narrative of the final piece. Choosing angles, shots, compositions and movement at this stage will save you time in production and help get your team on the same page.

This template is part of our guide on How to plan a motion design project.

  • Upload images
  • Organize visually
  • Share with your team
  • Gather feedback
  • Export to PDF

How to use this template

Whether you’re a motion designer, creative director or a client, follow this step-by-step guide to learn the modern process of creating a storyboard in Milanote, a free tool used by top creatives.

1. Start with an empty template

The Motion Design Storyboard template contains empty columns for the key parts of your story. Just drag and drop your images into each column and describe the actions to create an engaging storyboard in minutes.

Motion design storyboard template 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. Choose a storyboard template.

    Choose a template 

    Each new board gives you the option to start with a beautiful template.

2. Map out the key scenes

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. Identify the key scenes and start to map them out on your storyboard.

Motion design storyboard template step02
How to do this in Milanote
  1. Update the column titles to match the key scenes.

3. Add images or sketches

Now it’s time to begin visualizing each scene. Some storyboard artists might begin sketching with a pen and paper first, but with modern storyboards you can collect reference photography, illustrations, screenshots, location shoots, and even motion from anywhere.

Motion design storyboard template step03
How to do this in Milanote
  1. Use the built-in image library.

    Use the built-in image library

    Search over 500,000 beautiful photos powered by Unsplash then drag images straight onto your board.

  2. Upload images from your computer.

    Upload a file or document  

    Click the "Upload file" button or just drag a file onto your board. You can add images, logos, documents, videos, audio and much more.

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 template 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.

Motion design storyboard template 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.

Start your Storyboard

Visualize the outline for your next motion graphics project.