What is motion graphics?

Definition

Motion graphics combine graphic design with timing and movement. Common examples include lower thirds, callouts, logos, mascots, charts and website overlays that animate independently of filmed footage.

Delivery format depends on the destination. Video production may use high-quality files with alpha, websites may use compressed transparent video, and simple vector animation may use SVG and CSS when the motion can be reproduced faithfully.

ELI5

Motion graphics are designed pictures, text or shapes that move. They include animated titles, callouts, logos and overlays rather than ordinary filmed action.

For example, a name label can slide onto a video while the footage remains visible behind it. The graphic needs a transparent export or a clean key so it does not cover the video with a solid rectangle.

Frequently asked questions

What are common examples of motion graphics?

Examples include lower thirds, title cards, callouts, logo animation, charts, interface demonstrations and website overlays.

Which formats can deliver motion graphics?

Options include transparent video, image sequences, ordinary video, animated SVG, CSS animation and other web or production formats.

Videos explaining motion graphics