Spotlight

Everything but one area dims; a feathered spotlight closes onto it with an accent ring, and a label sits by it.

annotate/spotlight
Annotate
callout
Overlay with alpha
4 s (1.5–15 s)

Spotlight at 16:9 — 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/spotlight --prop label="This part" --out spotlight.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("annotate/spotlight"), { props: { label: "This part" }, out: "spotlight.mov" });

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

Props

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

Prop	Type	Default	Takes
`x` Box left (%)	number	38	0 – 100
`y` Box top (%)	number	28	0 – 100
`w` Box width (%)	number	24	2 – 100
`h` Box height (%)	number	34	2 – 100
`shape`	choice	circle	circle \| box
`dim` Dim (%)	number	70	10 – 95
`label` empty for none	text	This part	≤ 28 chars
`note` a line under the label	text	—	≤ 60 chars
`color` Colour empty: the brand's colour	color	—	—

Parts

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

Part	What it is
`dim`	the dimmed frame
`ring`	the ring
`label`	the label and note

Tags: annotation, spotlight, focus, dim, highlight, isolate

Spotlight

Render it

Props

Parts

More in Annotate

Arrow

Circle it

Focus lock

Highlight

Stamp

Reactions