How to Make Motion Graphics in 4 Simple Steps

by Katy French

From TikTok videos, to explainer videos, to expert panels on Zoom, it’s clear that marketers are embracing video more than ever. At the same time, viewers want video more than ever before. (In fact, according to Wyzowl research, 73% of people would prefer to watch a short video to learn about a product.) And while there are so many ways for marketers to play within the medium, there is one type of video that is particularly helpful for marketers: Motion graphics.

What Is a Motion Graphic?

Basically, a motion graphic is our industry’s term for an animated video. A motion graphic may be a 2D animation, 3D rendering, or GIF. It may include audio, voiceover, or sound effects. A motion graphic can even incorporate technology like 360-degree video, Virtual Reality, or Augmented Reality. But you’re probably most familiar with motion graphics as animated videos.

Note: While animated motion graphics can be added into a live-action video, if you’re talking about a strictly animated video, you’re talking about a motion graphic.

How Do Motion Graphics Help Brands?

Video as a medium is effective because it combines both audio and visual processing, making the message easier for the viewer to process. But motion graphics are particularly powerful for several reasons.

1) They’re a flexible storytelling tool.

Motion graphics give you a range of tools to tell powerful stories. Moody music, powerful voiceover, and stunning visuals can all work together to create a powerful piece of content. Best of all, motion graphics allow you to tell visual stories unconstrained by the limits of live-action video (e.g, actors, location, costumes, etc.). Whatever world you want to see, you can simply animate it—without adding a pyrotechnics budget.  

This is especially helpful when you want to tell emotional stories. Thanks to the phenomenon of emotional contagion, we immediately empathize with and mirror the emotions of the experiences we see depicted on a screen. (This is the same reason why you experience physical fear in a horror movie or joy in a rom-com.) Whether you want to elicit joy or compassion from your viewer, motion graphics are a great way to do it. 

Example: One of our favorite examples of motion graphics is this simple video by Apple. Through animation, sound effects, music, and kinetic text, they tell the emotional story of their creative process. A live-action video version of this script would simply not have the same impact. 

2) They’re a passive experience.

According to Wyzowl research, consumers spend around 19 hours per week watching video content. It’s no surprise. We all remember why we were so happy when a substitute teacher put on a video in class; it meant we didn’t have to do anything. Motion graphics are the same. Viewers don’t have to read, explore data, or exert much mental energy. They just have to press play and sit back. (Remember that the majority of consumers would rather watch something than read something.) When you need to deliver a contained message, doing so with motion graphics makes it easier for viewers to consume.

3) They distill information for easy comprehension.

Visual communication is effective because your brain processes visual information almost instantly. (In fact, an MIT study found that you can process visual information in as little as 13 milliseconds.) That’s why many things are easier to understand if you can “see” them. Through visual storytelling, motion graphics help break down complex information, delivering a brand’s message simply and clearly. This is especially useful for:

  • Tutorials: Motion graphics are helpful when you need to show someone how to do something. This is why motion graphics are often used for explainer videos.
  • Processes: Similar to tutorials, if you want to so how something works, motion graphics are a great way to break it down.
  • Data visualization: Data that seems dense and impenetrable can be easily brought to life through visualization in a motion graphic.
  • Abstract concepts: Motion graphics are a great tool to clarify, give context, or explain information.

Example: Way back in 2011 we created a handy motion graphic to explain the value of data visualization and show why it works. In under 2 minutes, we were able to explain concepts that are often considered dull and dry—and show data visualization in action in a dynamic and engaging way. For this particular subject, motion graphics let us turn the abstract into something concrete. 

4) They can be repurposed.

Now that both social and media platforms support video, you can disseminate your motion graphics in many places and in many ways, helping extend the lifecycle of your campaigns. You might break up a video to create a variety of content tailored for different groups. You might add your motion graphic to a presentation or e-book.

This is especially true if your motion graphic covers an evergreen topic. The time you invest in creating a motion graphic will be repaid in a strong piece of communication that can serve you for years. (Learn more about how a divisible content strategy can help you get more mileage out of your motion graphics.)

5) They communicate a lot in a short amount of time.

Most motion graphics are between 30 seconds and 3 minutes long, which is incredibly helpful when you need to make an impact ASAP. (This is especially relevant on social. According to a Facebook study, even watching under 10 seconds of a video can help increase brand awareness and build purchase intent.) By combining audio and visuals, motion graphics make the most of humans’ information-processing abilities, letting you say more with less content. What might be explained in a 1,500-word article can be shown in a minute. A complicated process can be visually explained in 15 seconds. Their inherently visual nature also makes motion graphics useful if you are in an environment where you can’t rely on audio (e.g., a busy trade show floor).

Thus, motion graphics can be used to communicate across a variety of touchpoints, including:

  • Traditional ads: Online or television commercials (national or regional).
  • Promo videos: Viral videos, case studies, testimonials, product reviews—anything that publicizes your work or brand, whehter editorial or advertorial.
  • Explainer videos: Introductions, overviews, processes, tutorials for products, services, or ideas.
  • Culture marketing videos: Content to showcase your brand, people, or causes.
  • Social videos: Content to engage followers on social—Facebook, Instagram, Snapchat, YouTube, etc. May be educational or pure entertainment. (According to Tubular Insights, 46% of consumers said they’ve made a purchase as a result of watching a brand video on social media.)
  • Sales collateral: Company info, product info, or anything that a sales team regularly communicates. (Turning that info into a motion graphic can save time and energy.)

Example: We created this simple motion graphic to help Intuit explain how their Google Calendar for Quickbooks app works. (Learn more about how explainer videos help your brand.) 

How to Create Motion Graphics 

While motion graphics are an entertaining medium to experiment with, not all are created equal. There are many elements that go into motion graphics, from scripting and audio to design and animation. If any of these are poorly executed, your final product won’t be as effective. And even if you know what you’re doing, simple oversights or mistakes can cause a major headache, especially if you’re collaborating with others.

We know this firsthand, as we’ve been making motion graphics for over a decade. Luckily, we’ve learned a lot along the way (and probably made every rookie mistake ourselves), so we know what you need to get through the process smoothly. Here, you’ll find our step-by-step guide to get through motion graphic production, plus our best tips to save your time and energy.

What to Know Before You Start

Motion graphics can be tricky, as there are a lot of moving parts. To set yourself up for success and keep you and your team on the same page:

  • Write a strong creative brief. This should include any and all relevant information to help everyone from your writer to your animator do their job. You can adapt this template as you like.
  • Have a distribution plan set up ahead of time. If your promotion team isn’t prepped from the beginning, they will be scrambling to get the views you want. To avoid that, make sure the plan is documented. You can also try these 8 distribution tactics to get more eyes on your motion graphic.
  • Get approval. We can’t say it enough (and we’ll remind you throughout this). Make sure to get sign-off at every stage to save everyone’s sanity. We designed this process intentionally so that each step builds on the next. You shouldn’t move on to the next stage until everyone gives the OK

With that said, let’s get into it.

Step 1: Write a script that tells a story.

A motion graphic does not start with a storyboard. It starts with a story, distilled into a script. Even though motion graphics are short, usually ranging from 30 seconds to 3 minutes, you still need a script to detail either dialogue or story direction. (BTW, if you’re not sure how long your motion graphic should be, use this helpful guide to figure it out.)

To find your story, ask yourself these questions:

  • Who am I trying to re­ach?
  • What do I want them to learn? Remember? Do?
  • How do I want to make them feel?

As you dive into your script, be aware of word count. It’s tempting to cram as much as possible into your script, but simplicity and clarity are key. Remember, too, that one of the advantages of motion is that it gives you multiple ways to tell your story. Unlike static infographics where you rely on visuals and copy to tell your story, motion graphics give you movement, sound, and other tools that can do some of the heavy lifting.

As you craft your script, consider which parts of your story may be best communicated through the following:

1) Kinetic (or onscreen) text: Text-only storytelling can be great for situations like trade shows where sound isn’t an option. It’s also a smart way to engage people, as they have to pay more attention when they read.

2) Voiceover: In marketing, we talk a lot about finding your brand’s voice. Voiceover is an opportunity to literally do that. VO accompanies on-screen animation, so the two work in tandem. But be wary of over-scripting. Having your voiceover artist read off your sales numbers from last year is a waste when that same information can be quickly and efficiently shown on screen with some animated data visualization.

3) Kinetic and voiceover: As mentioned before, voiceover and visualization combined work well for data visualizations, explainer videos, or any time you need to clarify or label something onscreen.

4) Visuals only: While not as commonly used, you can still create a compelling graphic with no text. (Again, think tradeshows.)

For more writing tips, follow our guide to write a motion graphic script. And make sure to get script approval from any relevant stakeholders before you head into design. (Trust us: There’s nothing more irritating than having to go back to square one once you’re already in the storyboard phase.)

Step 2: Storyboard while you brainstorm the visual treatment.

Once you have your script, you can start to visualize it during the storyboard phase. This is when you bring together the script and visuals and start to see the final product take shape.

Start your storyboarding sessions with a brainstorm with members from your design and production team. For us, that includes the scriptwriter, producer, and storyboard sketch artist (aka designer) together. (You may also include your creative director.)

During this stage, you’ll want to draw out frames on a whiteboard and review the final script together before you get started. Then you can start sketching ideas to bring the script to life.

If you need a little visual inspiration, here are 100 awesome motion graphic examples to geek out on.

Step 3: Take your storyboards into design.

As with any visual project you create, style and color communicate just as much as the story itself. Even when you’re working with your own brand guidelines, simple design choices can greatly impact the experience.

Once you have an idea of the storyboard with sketches, you can begin translating your storyboards into actual designs. Note: Everything at this stage is used in the final animation stages, so take time to get the details right. It also helps if the person who sketched the storyboards also handles the design.

During this stage, write out your visual notes and have your production team (and any other stakeholders) review them before passing them along to the animation team for use in the final cut.

Step 4: Animate the final designs.

The animation phase is when everything comes together. If you’ve done your job and gotten sign-off on each stage, by the time you start animating, everyone should have a really good idea of what’s to come.

Some things to think about:

  • Animation style: This isn’t just about fading in and out of scenes; how you transition from one point to the next influences how cohesive the story is. Wiping away a scene communicates finality, whereas moving from point A to point B keeps the story moving. Remember: You don’t want to confuse or jar your audience.
  • Timing: Pacing can make or break your motion graphic. Too rushed and people won’t “get” what you want to tell them. Too slow and you’ll lose people’s attention. Pace keeps people interested. Consider strategic variations to add excitement.
  • Music: Like with all the other elements, music is another layer to drive your narrative. It can set the mood, fill gaps, and affect the tone of the story.
  • Sound effects: This can be hit or miss depending on who you’re working with. Some animators believe that you should let the other elements speak for themselves. Others think they’re a necessity. The key is to only use what adds value to your project and doesn’t distract from the story you’re trying to tell. (That goes for everything we’ve discussed here.)

If you’ve done your job well, you should have a final result you’re proud of—and have learned a few things along the way.

But if you get stuck at any point, or if your team is having trouble getting things over the finish line, you might consider bringing in some outside reinforcements. See our tips for how to choose a video agency, and find out how to work with the video agency you choose.

Until then, keep learning and practicing. If you’re looking for a next step, take a look at this roundup of tips for making motion graphics to improve your game. And if you have any more questions, we’re always happy to have a chat.

Leave a Reply

Your email address will not be published.

Comments