Motion Graphics and Titles

What counts as motion graphics

Motion graphics are graphic elements that move: animated text, shapes, icons, charts, logos and simple diagrams. They are different from filmed footage, because they are designed on screen rather than captured by a camera. In everyday online video, they usually appear as:

• Title cards at the start, showing the name of the video or section.
• Lower thirds, the name and role label placed in the lower part of the frame when someone first speaks.
• Callouts, such as arrows, highlights or boxes drawn around part of the image.
• Animated charts and diagrams that explain how something works.
• Transitions and bumpers that mark the start or end of a segment.
• End cards that suggest what to watch or do next.

The test for each one is simple: does it help the viewer understand something, or find their way through the video? If not, it is decoration, and decoration has a cost, since it competes with the footage for attention.

Clarify, do not clutter

A graphic is useful when it does a job the footage cannot. A lower third saves a presenter from saying their own title. A diagram shows something that could not be filmed. A highlighted area directs the viewer’s eye in a software demonstration or when explaining product demonstrations, where it matters which button is being discussed.

Graphics become a problem when they:

• Appear at the same time as important dialogue or action and compete with it.
• Stay on screen too briefly to be read, or much longer than needed.
• Use so many fonts, colors and animation styles that nothing looks related.
• Move more than the idea requires.

Often the right amount of animation is less than you first want. A simple fade or slide, timed well, usually reads better than a spinning, bouncing entrance.

Typography and legibility

Text is the most common graphic element, and readability should come first.

• Choose a clear typeface. Plain, well-spaced fonts are easiest to read at video sizes. Highly decorative fonts can be fine for a short title but are tiring in longer text.
• Limit your fonts. One or two typefaces across the project is usually enough.
• Size for small screens. Much video is watched on a phone, so text that looks fine on a large monitor may be too small. Considering mobile viewing while designing graphics helps avoid this.
• Contrast. Text must stand out from whatever is behind it. Light text on a dark area, or the reverse, works well. If the background is busy or changes, a subtle shadow, outline or semi-transparent panel behind the text helps.
• Keep it short. A few words per graphic is easier than a sentence. Viewers cannot reread a line the way they can on a page.
• Respect safe areas. Keep important text away from the edges, where it might be cropped or covered by a platform’s interface.

Readable, high-contrast text is also a part of video accessibility, since many viewers have low vision or watch in poor conditions such as bright sunlight.

Timing and movement

Timing makes the difference between graphics that feel polished and ones that feel awkward.

• Hold time. A common rule of thumb is that on-screen text should remain long enough to be read aloud at a comfortable pace, and then a little longer. If you only just manage to read it while editing, and you wrote it, viewers will not.
• Easing. Real objects speed up and slow down gradually. Animation that eases in and out feels more natural than movement at a constant speed.
• Entrances and exits. Short animations, often a fraction of a second to a second or so, are usually enough. Slow, elaborate reveals can test patience, particularly if repeated.
• Direction. Moving elements in and out in a consistent direction, or following the direction of the eye, keeps the screen from feeling chaotic.
• Sync with sound. Light alignment between a graphic’s appearance and a beat in the music or a spoken word can make it feel intentional.

Consistency and style

Decide on a small set of design choices and use them throughout.

• A limited color palette, ideally drawn from your logo or brand.
• The same fonts for the same purposes, for instance one for headings and one for body text.
• A consistent position for similar graphics, so viewers learn where to look.
• A repeatable animation style, such as all text fading in and sliding up slightly.

Consistent graphics make a video look planned. For anything meant to represent a brand, such as branded content, a short style guide with colors, fonts and logo placement keeps different videos feeling related.

Templates can help. Many editors include title templates, and you can save your own once you have a style you like. Templates are a good starting point, but they are most useful when you customize them, because heavily used defaults can look generic.

Working in different frame shapes

If you publish in several shapes, such as widescreen and vertical, graphics often need to be redesigned instead of simply scaled. Text placed near the sides of a widescreen frame may be cut off in a narrower one, and elements that look balanced in one shape can feel crowded in another. Planning for the main aspect ratios in advance, and keeping key information near the center, reduces the amount of rework. Shooting with vertical framing in mind can also leave room for text where it is needed.

Tools

You do not need advanced software for simple graphics. Many video editors include text tools, shapes and keyframe controls, which let you set start and end values for position, size or opacity and have the program fill in the movement between them. Dedicated animation programs offer more control over complex motion, layers and effects, but they also take longer to learn. Start with what your editor offers and learn more when a specific need arises.

Questions to ask before adding a graphic

1. What does this help the viewer understand?
2. Could the footage or the speaker do the same job?
3. Is it readable on a phone screen, at normal speed?
4. Does it match the style of the other graphics?
5. If I removed it, would anything be lost?

If the answer to the last question is no, the video is probably better without it. A few clear, well-timed graphics will serve a viewer better than many busy ones.