Highlight

A highlighter swipes across a word or area — or a marker underline, box or strike-through drawn on by hand.

  • annotate/highlight
  • Annotate
  • callout
  • Overlay with alpha
  • 2.5 s (1–12 s)
Live in your browser
Highlight at 16:9
0.00 / 2.50 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 annotate/highlight --out highlight.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

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

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

Props

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

PropTypeDefaultTakes
x
Box left (%)
number300 – 100
y
Box top (%)
number440 – 100
w
Box width (%)
number402 – 100
h
Box height (%)
number101 – 100
mode
Mark
choicehighlighthighlight | underline | box | strike
color
Colour
empty: the brand's colour
color——

Parts

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

PartWhat it is
markthe mark

Tags: annotation, highlight, marker, underline, strike, emphasis

More in Annotate