Motion Design Moodboard Template

Motion Design Moodboard Template, within the Milanote app

Gather inspiration for a motion graphics project

A moodboard is the perfect way to set out the visual direction for a new motion graphics project. It helps you gather inspiration and visualize your ideas quickly before starting any animation work. Simply drag in new images, videos, text, and links from the web to evoke the style you're looking for.

Building a dynamic vision for your project is simple, and with Milanote's integrated image search, you can find the perfect images without even leaving your board.

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

  • Explore ideas
  • Organize visually
  • Share with your team & clients
  • 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 motion graphics moodboard for your project in Milanote, a free tool used by top creatives.

1. Start with an empty template

The Motion Design Moodboard template contains beautifully composed placeholders for images, video and color swatches. Just drag and drop your content onto the board to create a moodboard in minutes.

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

    Create a new board

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

  2. Choose a moodboard template.

    Choose a template 

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

2. Collect existing material

Now that you've chosen a moodboard template, start adding any existing material you have—this could include examples from previous projects, client references or images you've saved as inspiration. Just drag and drop them onto your board.

Motion design moodboard template step02
How to do this in Milanote
  1. Drag files 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.

3. Add inspiring imagery

The imagery you bring into your moodboard is what helps you express the look and feel of your project. Images can define things like character style, font choices, colors, scenes, and more. Use Milanote's built-in image library, draw from previous projects or search for visual elements from around the web.

Motion design moodboard 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. Install the Milanote Web Clipper

  3. Save images from other websites straight to your board.

    Save content from the web

    Roll over an image (or highlight text), click Save, then choose the destination in Milanote. Return to your board and find the content in the "Unsorted" column on the right.

4. Add examples of motion & sound

With an online moodboard you can collect references showing how animation sequences could work. This is the fastest (and cheapest) way to help your team or client visualize the animation style you have in your head. Grab some animated GIFs from Giphy, video from YouTube, or even audio from Soundcloud.

Motion design moodboard template step05

5. Refine the layout

Once you have all your inspiration in one place, start refining your ideas to create the perfect composition.

Begin by exploring layout and introducing hierarchy. Place a key element to anchor your board, and change the size and position of the remaining elements to indicate their importance and relationships to one another.

Motion design moodboard template step06
How to do this in Milanote
  1. Resize your images to add hierarchy.

    Resize images

    Drag the corner of an image to resize it. Double-click the corner to return it to its original size.

  2. Crop images.

    Crop images

    Double-click an image and press edit to crop or rotate it.

6. Finally, share your moodboard

A moodboard helps you communicate the visual and animation style with a team early on in the project. Collect suggestions and feedback from collaborators so you can bring together ideas, inspire and stay on track.

Motion design moodboard template step07
How to do this in Milanote
  1. Invite others to edit to your board.

    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. Collaborate in real time.

    Collaborate in real time.

    When multiple people on your team edit a board at once you'll see their updates appear in real-time.

Start your Moodboard

Gather inspiration for your next motion graphics project.