Animated explainer videos: motion graphics, characters or whiteboard

An animated explainer video can be motion graphics, character animation or whiteboard. Compare the three by job, effort and scale before choosing a tool.

By Videngine8 min read
The short answer

An animated explainer video is one of three different things: motion graphics, where type, shapes, screenshots and images move; character animation, where illustrated people act out a story; or whiteboard, where a hand draws the explanation. Choose by the job. Motion graphics suit software, products and anything that changes; characters suit stories about people; whiteboard suits a process or an idea. Videngine makes motion-graphics explainers from your pages and text.

Three styles of animated explainer video, compared

“Animated” covers three styles that differ in what the viewer sees, how much work each video takes and how well the style holds up when you need dozens of videos rather than one.

StyleWhat's on screenBest forEffort per videoHow it scales to many videosTools by kind
Motion graphicsType, cards, charts, screenshots and product images that move with the narrationSoftware, products, data, release notesLow once a template exists; high if each video is designed from scratchWell: the template stays, the content changesTemplate editors, motion designers, programmatic engines such as Videngine
Character animationIllustrated people and settings acting out a situationCustomer stories, behaviour, brand and culture piecesHigh: every beat needs staging, poses and timingPoorly: each new story needs new actingCharacter animation tools such as Animaker or Powtoon, or an animation studio
WhiteboardA hand drawing images and words as the voice explainsA process, concept or lesson that builds step by stepModerate: drawings are sequenced and timed to the voiceModerately: the look repeats, the drawings don'tWhiteboard tools such as VideoScribe, or an illustrator

Most products sold as an animated video maker lean towards one style. A character library makes characters easy; a programmatic engine makes motion graphics repeatable and draws no characters at all. Where styles mix, the one that carries the explanation sets the effort.

Which style suits software, products, processes, training and ads

Match the style to what the viewer must recognise afterwards: a screen or an object points to motion graphics, a situation between people points to characters, and a sequence of ideas points to whiteboard.

JobStyle that usually fitsWhy
Software feature or releaseMotion graphics with real screenshotsThe viewer must recognise the real screen. A drawn interface teaches the wrong picture.
Physical productMotion graphics with product photosReal images show size, colour and detail.
Process or conceptWhiteboard, or motion graphics with a simple diagramDrawing each stage as it is explained lets the viewer follow the sequence.
Procedure trainingMotion graphics, one task per videoProcedures change. Cards and screenshots can be rendered again; drawings must be redrawn.
Behaviour or soft-skills trainingCharacter animationA scene between two people shows a behaviour better than a list of rules.
AdsMotion graphics for products and offers; characters for a story-led brand adA product ad must show what is on sale quickly. A story ad needs a person to care about.

For software and training, the deciding question is what happens next month. A motion graphics explainer built from screenshots and text can be rendered again from the updated source; a drawn version has to be redrawn and retimed. Our explainer video maker guide covers the structure that works for help articles, release notes and training documents.

Cost and effort, without price tags

The cost of an animated explainer is mostly people's time, and the style decides where that time goes: once at the start, on every video, or every time the subject changes.

StyleUp frontOn every videoWhen the subject changes
Motion graphicsDesigning the template: type, colours, logo, motionScript, assets and review; little design work if the template fitsSwap the screenshot or text and render again
Character animationDesigning or choosing characters and settingsStaging and timing every scene; usually the most hours per minute of videoRe-stage the affected scenes, often with new voice lines
WhiteboardChoosing a drawing style and an image librarySequencing drawings and timing them to the voiceRedraw and retime the affected images

Agencies usually quote per project and software charges by plan, so compare what each price includes: script, voice, revisions and changes after delivery.

A flagship brand explainer can justify bespoke character work because it is made once. A library of fifty help explainers rarely can, because keeping each one accurate is a cost that repeats. On Videngine's launch pricing, a video is one finished render up to two minutes, plans start at $79 a month for 50 videos, and re-rendering the same video in the same month is free.

How to make a motion graphics explainer

A motion graphics explainer takes eight steps, and most of its quality is decided before anything moves.

  1. Name one viewer and one action. “A new admin sets up single sign-on” is a brief; “our security features” is a topic.
  2. Collect the real material: the source page, current screenshots, product photos and the logo.
  3. Write the script for the ear: the problem, how it works, one example, one next step. Read it aloud and time it.
  4. Plan the scenes, one idea each: a title card per chapter, an information card for a figure or menu path, a side-by-side comparison for before and after, a screenshot for the interface.
  5. Set the brand once: typefaces, colours, logo, safe areas and motion.
  6. Record the voice after deciding how product names and acronyms are said.
  7. Caption from the finished audio, so the captions match what was said.
  8. Render and review: 16:9 for a web page, 9:16 for Shorts. Watch with sound and without, and note which version of the source each video came from.

The script decides most of the result. Our guide to the AI explainer video maker covers turning what you have already written into a spoken script.

How Videngine makes animated explainer videos

Videngine is an animated explainer video maker for one style, motion graphics: it turns a page, a block of text or a row of data into a narrated, captioned explainer rendered from coded templates.

  • Source: a URL, plain text or markdown, a CSV or a JSON payload. It can read your sitemap so you can pick pages to turn into explainers in batches.
  • Script and scene plan: AI writes a spoken script and a timed scene plan. Accept it, edit a line, or supply your own script.
  • Scenes: chapter title cards, information cards, side-by-side comparisons, and narration over your own screenshots, images or footage, which move with a slow pan and zoom.
  • Brand: typefaces, colours, logo, safe areas and motion are set once as tokens in coded templates (Remotion and React scenes), so the fiftieth explainer looks like the first.
  • Voice and captions: a synthetic voice by default or your own recording, with a pronunciation lexicon per brand; English narration only. Captions are transcribed from the finished audio, burned in or exported as an .srt file.
  • Output: MP4 or WebM at 16:9, 9:16, 1:1 or 4:5, up to 1080p, reviewed in the studio before it goes out.

It does not generate footage, animate a still photo into new motion, draw characters or make whiteboard animation, and it has no avatars or on-camera presenters. Every picture in the video is material you already own.

When you need characters or a whiteboard instead

If the explanation needs illustrated people or a drawing hand, Videngine is the wrong tool, and a character animation or whiteboard tool fits better.

  • Characters: Animaker says it lets people without animation experience make animated videos, with a character builder and an AI that generates videos with animated characters and voiceovers from a text prompt. That is what most people mean by an AI animation video generator. See our Videngine and Animaker comparison.
  • Whiteboard: VideoScribe describes itself as whiteboard animation software for explainer videos, with hand-drawn animation that unfolds in real time, aimed at educators and learning and development teams. See when hand-drawn whiteboard explainers work and the Videngine and VideoScribe comparison.
  • Animated presentations: Powtoon lists animated presentations as a core feature, offers whiteboard explainers, and has a character builder for hair, clothing, facial expressions and gestures. It is the broader choice if you want one animated presentation maker across styles; see the Videngine and Powtoon comparison.
  • A flagship piece: for one bespoke brand film, an animation studio or motion designer gives art direction no template will.

The two can work together: one hand-made character piece for the homepage, and a motion graphics explainer for every feature and help article behind it. The explainer videos hub covers all three styles.

Animated explainer questions

What is an animated explainer video?

It is a short video that explains one thing with animation rather than filmed footage. The animation is usually one of three styles: motion graphics, character animation or whiteboard. Narration carries the explanation, and the animation shows what the narration describes.

Which animated explainer video style is best for software?

Usually motion graphics with real screenshots, because the viewer needs to recognise the screen when they open the product. Screenshots can also be swapped and the video rendered again when the interface changes.

How do I create an animated video without an animator?

Pick a tool built for the style you need: a character animation tool, a whiteboard tool, or a motion graphics tool that works from templates. Write the script first, collect real images, and let the template carry the design. For many explainers from existing pages, Videngine builds each one from its source and a fixed set of scenes.

Is an AI animation video generator the same as an animated explainer video maker?

Not always. An AI animation video generator usually creates the scenes or characters from a prompt, while an animated explainer video maker may only assemble your script, images and brand into a video. Videngine is the second kind: AI writes the script and the voice, and the pictures come from your own material.

Does Videngine make character or whiteboard animation?

No. Videngine makes motion graphics explainers: animated type, cards, comparisons and your own images, with narration and captions. For characters, a tool such as Animaker or Powtoon fits better; for whiteboard, a tool such as VideoScribe.

Choose your next step

See the other explainer styles, or how an explainer is built from a page you have.

Build your video workflow.

Bring one help article, product page or release note. Approve the script and a representative scene, then turn the rest of the library into motion graphics explainers.

Join the waitlist ↗

Published by Videngine, a video rendering product built and run by Wall & Fifth. External links refer to the original documentation or product descriptions; examples are illustrative unless stated otherwise.