Motion Fundamentals

B-roll & cutaways

Also searched as: b-roll, cutaway, cutaway footage, inserts, supplementary footage

Canonical Definition

B-roll is supplementary footage, device mockups, or motion diagrams cut over primary footage to illustrate the speaker's words and seamlessly conceal edit seams.

Duration

45 to 90 frames per B-roll insert (1.5s - 3s)

The term comes from early film editing: A-roll was the primary dialogue reel; B-roll was the secondary reel spliced over it. Beyond illustration, B-roll performs an essential editing function: it hides cuts where the speaker hesitated, repeated words, or made a mistake.

In modern AI-generated video and talking-head cutdowns, synthetic B-roll — animated charts, device mockups, and typographic cards — accounts for 70% of total visual engagement.

Cutaway Cadence & Visual Pacing

When and how frequently to cut away from the speaker

A speaker holding eye contact for more than 4 seconds risks losing mobile viewer attention. Inserting a 2-second B-roll graphic refreshes visual interest while reinforcing the point.

Catalog Implementation/App Showcase
blockshowcaseInspect in catalog
947 lines of React

How this works: A dynamic product mockup cutaway inserted over spoken dialogue to prove feature capabilities.

  • Covers dialogue audio jump cuts seamlessly
  • Illustrates the exact feature described by the speaker
  • Maintains continuous background audio while visuals shift

Engineering Guidelines & Common Pitfalls

Best Practices (What to do)

  • Match the cutaway arrival precisely to the keyword spoken on the audio track.

Common Failure Modes (What to avoid)

  • Irrelevant generic stock B-roll that feels like corporate wallpaper rather than clarifying the idea.
Generate with AI

Build b-roll & cutaways in Animatiq

Prompt our motion agent in natural language. Get back typed Remotion React code with custom easing curves, brand palettes, and frame-accurate timing.

Launch in composer

Related motion principles