Motion graphics for marketing: when to use them in your clients' video production

Motion graphics are animated graphic design: typography, icons, shapes, data, and illustrations that change over time. They are a form of animation and can combine with characters or live action. Not every piece needs them; their value depends on the message and how they are integrated.

Every lower third in a corporate video, every animated YouTube channel intro, every Reel with kinetic typography synced to the beat, every logo animation, every animated data graphic on a news broadcast, these are motion graphics. Used well, they can help clarify a message and organize information. Used poorly, they overload the piece with effects that distract from the content.

This article, written for agencies, marketing teams, and freelancers, covers what they are, where they come from as a discipline, which tools can produce them, what principles distinguish professional motion graphics from decorative ones, and how to integrate them into your clients' brand production.

The origin: Saul Bass, John Whitney, and film titles

The term "motion graphics" is attributed to John Whitney Sr., an American pioneer of experimental animation and computer graphics, who in 1960 founded a company called, precisely, Motion Graphics Inc. Whitney experimented with analog and later digital techniques to create sequences of abstract motion, and his work influenced both film and advertising.

Saul Bass was an influential film-title designer, as documented by the Academy Film Archive collection. Titles associated with his work include:

• The Man with the Golden Arm (1955), Otto Preminger.
• Vertigo (1958), Alfred Hitchcock.
• Psycho (1960), Hitchcock.
• West Side Story (1961), Robert Wise and Jerome Robbins.
• Goodfellas (1990), Martin Scorsese.

Bass brought kinetic typography, geometric compositions in motion, and visual rhythm synced to music into the mainstream. His titles remain required references in motion design schools.

Pablo Ferro, also a pioneer, made the titles for Dr. Strangelove (Kubrick, 1964) and Bullitt (Peter Yates, 1968) with a more improvised, freehand style that contrasted with Bass's rigor.

Throughout the 1970s and 1980s, broadcast identities, TV program intros, network idents (BBC, MTV), consolidated motion graphics as a discipline in its own right with serious budgets. MTV, launched in 1981, was a massive creative laboratory for motion graphics applied to brand: every program intro, every ident between music videos, was an opportunity for innovative motion design.

The digital era: After Effects and democratization

After Effects is one of the tools used to composite and animate graphics.

After Effects was released in 1993 by the Company of Science and Art (CoSA). Adobe’s version history distinguishes the CoSA, Aldus, and Adobe periods. Its development expanded the compositing and animation options available on personal computers.

Training communities and complementary tools developed around After Effects. Entire communities grew around it: Andrew Kramer founded Video Copilot in 2005, popularizing free tutorials and plugins (Element 3D, among others) that democratized advanced techniques.

Other tools specialized:

• Cinema 4D: 3D creation and animation.
• Cavalry: a procedural design and 2D animation tool. Cavalry is part of Canva.
• Blender: 3D creation software released as open source in 2002, according to its official history. Its public availability in 1998 was an earlier stage.
• Adobe Animate: 2D animation. It is in maintenance mode: Adobe maintains access, support, and fixes, but does not plan new features.
• Apple Motion: integrated with Final Cut, popular among Apple-centric creators.

For websites and apps, Lottie plays exported animations, for example from After Effects using Bodymovin. It requires a compatible player and does not support every After Effects feature. Check the features supported by each renderer, required images, and fonts before delivery.

Motion graphics vs. animation: the blurry line

To distinguish the scope of each term:

• Animation: a broad category that includes characters, abstract forms, graphics, and other images designed to change over time. It does not require characters or a story.
• Motion graphics: animate graphic elements, typography, icons, shapes, data. Their ultimate purpose is to communicate information or reinforce a message.

But the line is porous. An animated SaaS explainer combines motion graphics (data, transitions) with animation elements (simplified characters, scenes). A cinematic title can mix animated typography with camera shots.

In many teams, motion design is used as an umbrella term that covers both extremes. Motion graphics is the subset focused on graphic elements; character-driven animation is the narrative subset.

Disney's 12 principles applied

The Illusion of Life: Disney Animation (1981), by Frank Thomas and Ollie Johnston, describes twelve animation principles that can serve as a reference:

1. Squash and stretch (elastic deformation).
2. Anticipation (preparation before the action).
3. Staging (clear composition).
4. Straight ahead vs. pose-to-pose (planning techniques).
5. Follow-through and overlapping action (residual movement).
6. Slow in and slow out (easing: acceleration and deceleration).
7. Arcs (movements in arcs, not straight lines).
8. Secondary action (complementary movements).
9. Timing (rhythm).
10. Exaggeration (exaggeration for emphasis).
11. Solid drawing (solid drawing, weight, volume).
12. Appeal (the appeal of the character or element).

These principles help analyze movement, but do not require the same treatment for every graphic. Easing changes how a property varies between keyframes; linear interpolation can also be appropriate when a constant change is intended.

When motion graphics add value and when they don't

The operational question before adding motion: does this clarify or just decorate?

When it adds value:

• Data and figures: an animated infographic can break down a complex explanation. Check that its pace allows the audience to read and compare the data.
• Sequential processes: how something works, step by step, with elements that appear and connect.
• Abstract concepts: ideas hard to photograph (relationships, transformations, comparisons).
• Transitions between sections: graphics that connect two rigid shots of the video.
• Typographic emphasis: key words that appear synced with the voice to reinforce points.
• Visual identity: animated logos, lower thirds, packshots, idents that reinforce the brand.
• Soundless content: graphics and text can convey information when audio is not heard. If there is speech, retain the necessary captions too.

When it decorates (and sometimes gets in the way):

• Over already clear content: if the shot and the text carry the message, animating more only adds noise.
• As "filler" between clips that don't fit: a swoosh between two poorly cut shots doesn't fix the edit.
• Out of fashion: adding glitch, distortion, and VHS effects because "it looks modern" without conceptual reason.
• Continuously: when everything moves, nothing stands out. Movement as a resource is like silence in music, it's worth something through contrast.

Tools by delivery type

These tools serve different tasks. Before choosing, check the delivery format, project dependencies, and the team’s compatibility requirements:

2D production:

• After Effects + plugins (Trapcode Suite, Plexus, Particular, Element 3D).
• Cavalry for procedural design when applicable.
• Adobe Illustrator and Photoshop for source vector and raster assets.

3D production:

• Cinema 4D with Octane or Redshift as the render engine.
• Blender for 3D creation, animation, and rendering.

Rendering and post:

• Local or external render farms, where the project’s engine, plugins, and licenses are compatible.
• DaVinci Resolve for integrated color and mastering.

Web:

• Lottie (After Effects → JSON) for web/app animations.
• GSAP (GreenSock) for programmatic animations on sites.
• Motion for React, previously Framer Motion, for React interface animations.

Real-time / broadcast:

• Unreal Engine has entered strongly in live news graphics.
• Vizrt remains the broadcast standard.

Stock and libraries:

• Motion Array, Storyblocks, Envato: prefab templates and elements.
• Mograph.com, schoolofmotion.com: community and training.

Mistakes still being seen

Interpolation chosen without intent. Linear means a constant rate of change between keyframes, not constant acceleration. It can suit uniform movement; easing curves let you adjust starts and stops. The After Effects speed documentation explains the distinction.

Too many elements on screen. Several animated icons at once can make reading and visual hierarchy harder.

Animating everything "just in case." Every element moving so "something happens." Movement should serve a purpose.

Typography with tight tracking at small scales. Letters that touch in vertical motion for mobile, illegible.

An introduction longer than the piece needs. Match the logo’s duration to its role, the edit, and the channel. No universal duration guarantees attention.

Inconsistency between pieces. Every brand video with a different motion style. A defined motion system avoids this.

Ignoring vertical format. Designing everything in 16:9 horizontal and "cropping" to 9:16 produces clumsy results. Design for each format from the start.

Music poorly synced with motion. Animations that happen at arbitrary moments relative to the music. Rhythmic sync is what makes good motion feel intentional.

Rendering without testing duration. Producing 30 seconds of motion that in review they ask you to cut to 15. Test the full piece at low quality before the final render.

Unchecked frame rates. Combining rates can change cadence depending on the conversion applied. Confirm composition and delivery frame rates, and review movement in the final render.

Not documenting the system. Every motion designer reinvents the language instead of applying the brand's system. The result: inconsistent pieces.

How to fit motion graphics into creative operations

A brand that uses motion graphics regularly, reels, lower thirds, animated data, web microinteractions, needs a system, not individual improvised pieces.

The creative team defines typefaces, palettes, transitions, and approval criteria. Polimake lets you store, search, and retrieve the system’s audiovisual material, including from external sources without uploading originals. Animation and rendering are prepared in the selected production tools.

This relates to video animation in a broader sense, to postproduction as the phase where motion lives, to overlay as a related technique, and to corporate identity that defines the visual system motion is part of.

To close

Motion graphics are one of the most versatile audiovisual languages in modern marketing. They can organize information and reinforce a piece’s identity. Applied poorly, they decorate without purpose and train the viewer to ignore visual elements that would actually deserve attention.

The practice that ages best: treat motion as a narrative decision before a technical one, use animation principles as a reference, build a motion system for the brand instead of improvising piece by piece, and resist the temptation to animate more when the content already stands on its own. When that discipline exists, motion graphics are barely noticed, which is exactly the sign of good motion design.

Quick reference

• Motion graphics is animation focused on graphic elements; it can combine with characters and live action.
• Origin: Saul Bass (1955+), John Whitney Sr. (1960).
• After Effects was initially released by CoSA in 1993.
• Cinema 4D, Cavalry, Blender complement it as needed.
• Lottie (Airbnb 2017) for web/app.
• Disney's 12 principles (Thomas & Johnston, 1981) remain the foundation.
• Easing and linear interpolation serve different motion requirements.
• Adds value when: data, processes, abstract concepts, transitions, emphasis.
• Decorates when: content is already clear, fashion without reason, everything in motion.
• Documented motion system > improvising piece by piece.
• Design for each format from the start, don't crop afterward.

Frequently asked questions

Are motion graphics and motion design the same thing?

Day to day they are used almost as synonyms. When they are distinguished, motion design is the broad term for the discipline of designing movement, which includes interfaces and more narrative animation, and motion graphics refers to pieces centered on graphic elements: typography, icons, shapes and data.

What software is used to make motion graphics?

The most widespread for 2D motion graphics is Adobe After Effects. For 3D, the main tools are Cinema 4D and Blender, which is free and open source; Cavalry covers procedural 2D animation, and Lottie lets you bring After Effects animations to websites and apps.

What does rendering a motion graphic mean?

Rendering means calculating every frame of the animation from the project (layers, effects and keyframes) and saving it as a video file or an image sequence that can play outside the software. The more complex the effects and the higher the resolution, the longer it takes; the render is the last step before delivery.

At what stage of video production are motion graphics made?

They are defined in pre-production, with the script, storyboard and style frames that set the look, and animated in post-production, alongside the edit or right after it. Planning them from the start avoids shooting takes with no room for the graphics you later want to add.