Brand wipe

A transition in the brand's colours: panels sweep in to cover the frame at the midpoint — cut your clips there — and sweep out to reveal the next shot.

  • essentials/wipe
  • Essentials
  • transition
  • Overlay with alpha
  • 1.2 s (0.6–4 s)
Live in your browser
Brand wipe at 16:9
0.00 / 1.20 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render essentials/wipe --out wipe.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

volito render essentials/wipe --aspect 9:16 --style cobalt --out wipe-9x16.mov
volito render essentials/wipe --format mp4 --out wipe.mp4
volito still essentials/wipe --t 0.26 --out wipe.png
volito info essentials/wipe     # every prop and part
volito add essentials/wipe      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("essentials/wipe"), { props: {}, out: "wipe.mov" });

Or ask an agent with the MCP server connected: “Render the Volito brand wipe (essentials/wipe) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
shapechoicebarsbars | diagonal | circle
barsnumber52 – 12
label
Word at the cut
shown while the frame is covered (empty for none)
text—≤ 24 chars
directionchoicerightright | left | up | down

Parts

Each part takes any move, ease or idle: --motion panels.in=pop.

PartWhat it is
panelsthe panels that cover the frame
labelthe word at the cut

Tags: transition, wipe, swipe, cut, bars, circle, reveal

More in Essentials