Creative agency glossaryVideo and Post-Production

Motion Graphics Design

Motion graphics design is the craft of animating type, shapes, illustration and imagery to carry a message on screen, from a title sequence to a product explainer to a logo that moves.

What is motion graphics design?

Motion graphics design is graphic design with a timeline. A motion designer takes the elements of visual identity, type, color, logo, layout, illustration, and gives them movement, rhythm and sound so that they communicate over time instead of in a single frame. The discipline covers title sequences, animated logos, lower thirds and supers in film, explainer animations, data visualization, kinetic typography, social animations, broadcast packages, user interface motion and the countless transitions and overlays that make a piece of video feel designed rather than assembled.

It is distinct from character animation and from visual effects, although it borrows from both. Motion graphics are usually abstract or typographic rather than narrative, and they are built in tools like After Effects, Cinema 4D and Blender, often from design files that started in Illustrator or Figma. The best motion designers think like graphic designers first and animators second: the composition has to work before anything moves.

Why it matters

Why motion graphics design matters

Screens move, and a brand that does not has stopped looking contemporary. Motion is now part of identity: the way a logo resolves, the way type enters a frame and the pace at which a brand's visual world moves are as recognizable as its color. A brand whose films, social posts and website animate consistently feels like one thing; a brand that borrows a different template for every piece feels like a committee.

Motion graphics also carry information that live footage cannot. A product's mechanism, a financial result, a process, a comparison, a statistic: all of these are clearer when designed in motion than when explained in voiceover over B-roll. And on social, where sound is often off and attention is measured in fractions of a second, motion type is frequently the only thing carrying the message at all.

In practice

How motion graphics design works in practice

  1. 01

    A motion graphics project starts with a script or a storyboard and a style frame: a single designed image that establishes the look. Once the style frame is approved, the designer builds a storyboard or animatic that sets timing and structure against the voiceover or music, and that is where most of the creative decisions get made. Production follows in the animation tool, usually After Effects for 2D and typographic work and a 3D package for dimensional pieces, with sound design added so that movement has weight.

  2. 02

    In a film project motion graphics run alongside the edit. The editor locks the cut, the motion designer builds the titles, supers, end cards and any designed sequences to picture, and the colorist and sound mixer finish everything together. For a brand identity, motion is delivered as a system: an animated logo with rules for how it enters and exits, type behaviors, transitions and templates the brand's team can reuse. Deliverables usually include the finished pieces in every format, project files or templates, and a short guide to how the motion language works.

At RIOT

Motion graphics design at RIOT

Motion is part of how we make every film. The Washington Commanders new identity trailer needed the team's new marks and type to move with the same conviction as the footage, and season trailers for a sports franchise live or die on the energy of their graphics. Our sizzle reels for Coach and Clinique rely on motion type to carry the message without a narrator, and our own RIOT brand reel is as much a motion piece as a film. We design the motion with the same people who design the identity, so the two never disagree.

See the work →

Watch out

What people get wrong about motion graphics design

Treating it as decoration added in post. Motion that is designed after the edit is locked and the budget is spent looks exactly like that; the strongest work is planned from the storyboard. The second mistake is motion without purpose: things moving because the tool can move them, which tires the viewer and buries the message. The third is ignoring sound. Motion without sound design feels weightless, and a logo that lands with the right sound is remembered far longer than one that does not.

Questions

People also ask

What is the difference between motion graphics and animation?

Animation is the broad art of making images move, including characters, stories and full animated films. Motion graphics is a branch of it focused on graphic elements: type, logos, shapes, illustration and data, usually in service of a message rather than a narrative. A motion graphics designer animates a brand; a character animator brings a figure to life.

How much does motion graphics design cost?

It is usually priced by the second of finished animation and by complexity. A simple animated logo or a set of supers for a film is a small line item; a fully designed explainer or a 3D product piece is priced like a short film, with design, animation and sound stages. Reusable templates lower the cost of everything that comes after.

What software is used for motion graphics design?

Adobe After Effects is the industry standard for 2D and typographic motion, with Cinema 4D and Blender for 3D, Illustrator and Figma for the design stages, and Premiere Pro or DaVinci Resolve for the edit it sits in. Sound design is typically finished in Pro Tools or a similar audio workstation.

Does a brand need motion guidelines?

If the brand appears on screens, yes. An animated logo, type behaviors and a few transition rules keep every film, post and presentation feeling like the same brand, and they save money because nobody has to reinvent the motion for each piece.

Next to it in the glossary

  1. Motion Capture CinematographyMotion capture cinematography is the craft of recording real human or camera movement as data and using it to drive digital characters, virtual cameras and effects that move the way the real thing did.
  2. Motion Control RigA motion control rig is a motorized camera support that stores a camera move as data and replays it exactly, so every take follows the same path at the same speed.
  3. Motion DesignMotion design is the craft of bringing graphic design into movement, animating type, shapes, illustration and interface elements so that they communicate over time rather than in a single frame.
  4. Motion Path ProgrammingMotion path programming is the plotting of a camera's or an animated element's movement through space as a defined, repeatable path, so a move can be timed to the frame and performed exactly the same way every time.
  5. Motion-Controlled Camera SystemsA motion-controlled camera system is a computer-driven rig that moves a camera along a programmed path, so the same move can be repeated exactly, take after take.
  6. Multi-Cam ShootsA multi-cam shoot records a scene with two or more cameras rolling at the same time, so an editor can cut between angles without the subject repeating the moment.

Every Video and Post-Production term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage