CreatorMotion · Scattered Images to Presenter Wall

Move from a photographic opening to a speaker framed by related images. The first picture contracts from a large crop into a tilted collage; the four photographs then move to the sides, revealing the presenter in the center. Captions arrive after the layout settles. This 6.8-second segment needs your presenter material for the intended speaker-led result.

What you get

  • A local generator, editable HyperFrames effect and motion/review guidance. Generate at 1920×1080 and render at 30 fps, with an optional landscape 4K render flag when suitable source footage is supplied.
  • Four photo slots scene1–scene4, editable labels and a central presenter region. Bundled generated photographs provide an illustrative starting point; supply replacements when your explanation needs real material.
  • A large first-photo contraction, independent collage arrivals, a sideward re-layout beginning at 2.75 seconds and presenter entrance at 3.12 seconds. Captions appear at 3.58 seconds, with the presenter retained through the ending.
  • Four palettes preserve geometry and timing: White & Yellow (white-yellow), Charcoal & Lime (charcoal-lime), Paper & Orange (paper-orange) and Black & White (midnight-ice). Semantic overrides adapt styling; check contrast afterwards. Dark canvases retain a fine stationary grid. Fonts are local: Inter, IBM Plex Mono for measurements/ordinals, Smiley Sans and Noto Sans SC. Chinese text automatically selects Smiley Sans, including Latin words in the composition; --zh-font noto-sans-sc chooses the plainer face and --font embeds your own. Inspect wrapping after changes.

Before you choose

Choose the take and its framing before finalizing the surround. The four photos should explain the speaker’s topic and leave the face readable during the move, rather than becoming decorative obstacles around an untested cutout.

Good fit

  • A creator introducing several visual themes before taking the center of the explanation.
  • A short teaching passage where four concise photo captions can support the speaker without competing with their face.
  • A series requiring consistent photo-to-presenter motion, palette and typography.

Not for

  • Generating a missing presenter performance or guaranteeing clean automatic segmentation of every take.
  • Assuming a still portrait replaces the continuous speaker take, or expecting an automatic finished film with narration and music.
  • Copying another creator’s identity or footage, or treating generated default photographs as proof of a real result.

How to use

You say/creatormotion-collage-scatter-presenter Turn my supplied explanation into a white-yellow B-roll scene using the Scattered Images to Presenter Wall effect. Use the text, data and media I provide, and ask for any required input that is missing.
  1. Prepare four short labels and choose scene1–scene4 images. The code constructs four photographs directly, so provide four labels that match their slots. Keep the first image suitable for both a large opening crop and a smaller collage view.

  2. Supply a continuous presenter take through --media for the 6.8-second timeline. Prefer an aligned transparent cutout from the same take through --matte or presenter-matte in the image map. Alpha-channel footage can serve as its own cutout.

  3. If no cutout is supplied, --matte auto invokes the documented local HyperFrames remove-background workflow, downloading model weights on first use and caching by source checksum. --matte off disables automatic cutting; this effect can fall back to the rectangular take, which changes the intended appearance. Inspect hair, hands and fast movement rather than assuming the edge is clean.

  4. Prepare Node.js 22+, FFmpeg and the documented HyperFrames CLI 0.8.30. From the extracted package run node scripts/create.mjs --out PROJECT --data CONTENT.json with the chosen --style. Map replacement images through --images; relative paths resolve beside that JSON and unlisted slots retain defaults. Add semantic --overrides as needed and read the image policy before adapting materials. Include the chosen --media and --matte inputs. The generator records cutout provenance/checksums in build/image records.

  5. Lint, validate and inspect the generated HyperFrames project, then render at 1920×1080 and 30 fps with the pinned CLI. Check actual MP4 frames at the opening, changes of focus and final hold for cropping, overlap, contrast and seams. Review all palettes when editing the module. Narration, music and assembly remain separate work; a silent preview does not establish audio synchronization. Inspect contraction, side re-layout, face clearance, photo captions and the final presenter frame. For 4K, use suitable 4K footage and --resolution landscape-4k; this does not create missing source detail.

Requirements and costs

You bring
labels: provide your own content or retain the illustrative default.
Dependencies
HyperFrames CLI 0.8.30 or compatible — required · Node.js 22 or newer — required · FFmpeg — required
Outside costs
Not collected yet
Tools used
HyperFrames
Publisher testing
v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT

FAQ

User reviews

—0 reviews

Select a star to share your experience.

No reviews yet. Ratings appear once readers share real experiences.

Similar Skills

View all skills