Whiteboard & Animated Explainers

Whiteboard & Animated Explainers — questions and answers

What distinguishes whiteboard animation from other explainer styles technically?

Whiteboard animation relies on a draw-on effect where each element appears to be sketched in real time, usually with a hand or pen visible in frame. This requires either recording actual drawing with time-lapse photography or simulating the effect digitally using reveal masks that trace vector paths. Other explainer styles use cuts, fades and position tweens without that continuous drawing metaphor.

How do you synchronise the drawing speed with the voiceover without it feeling rushed or dragging?

The reveal timing for each visual element gets keyframed to match specific words or phrases in the narration track. Simpler shapes can draw quickly, while detailed illustrations need more screen time to remain legible as they form. Most practitioners build in brief pauses after completing a key diagram so the viewer can absorb it before the next idea begins.

Can whiteboard explainers use colour, or does that break the format?

Traditional whiteboard style uses black line art on white, sometimes with one accent colour for emphasis. Full-colour whiteboard animations exist but risk losing the sketch-like immediacy that makes the format feel approachable. Many animators add selective colour to highlight key points or differentiate categories while keeping most elements monochrome.

What resolution and codec combination works for explainers embedded on websites versus sent for broadcast?

Web embeds typically use 1920×1080 H.264 with AAC audio in an MP4 container, balancing quality and file size for streaming. Broadcast delivery requires higher bitrates—often ProRes 422 or DNxHD wrapped in MOV or MXF—and may need specific frame rates like 25fps for PAL regions or 29.97fps for NTSC, depending on the broadcaster's technical specifications.

Do animated explainers need to follow a specific narrative structure?

Most follow a problem-solution arc: establish a relatable challenge, show why existing approaches fall short, introduce the solution and demonstrate its impact. This structure works because it gives the viewer a reason to care before asking them to understand details. Educational explainers sometimes use a question-and-answer flow instead, building understanding incrementally.

Why do some explainer animations feel choppy even at 25 or 30 frames per second?

Choppiness usually comes from inconsistent easing on keyframes rather than frame rate. When position, scale or opacity changes happen at constant velocity instead of accelerating and decelerating naturally, movement feels robotic. Good animation uses easing curves—often called 'ease in' and 'ease out'—so elements start and stop smoothly, mimicking how objects move in physical space.