Collage Canvas L09
0.0s
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
L09 · Layouts · advanced · 3–15s
Photos, a speaker cut-out, a screenshot and a note card fly onto a paper canvas and settle at slight angles around a bold headline.
An editorial scrapbook of the story: supplied media cards — photos, the speaker, a screenshot, a short note — land one by one on a textured canvas with small rotations, tape and soft shadows, organised around a single headline. A gentle parallax drift keeps the composition alive. It turns a set of references into one designed page that viewers can take in at a glance.
Try the parameters
Best used for
- — Story recaps
- — Trip and event summaries
- — Moodboards
- — Brand intros
Assets
- ● Photos required
- ○ Source video optional
- ○ Subject mask / matte optional
- ○ Screenshots optional
- ○ Brand logo optional
Pairs well with
If assets are missing
With fewer than three supplied visuals, reduce the card count or use B02 Floating Screenshot Cards; never pad the collage with stock or generated imagery.
Accessibility
Collages are dense: keep the headline the clear entry point, hold the finished layout ≥ 1.5s, and avoid placing text on busy photos.
Individual prompt
updates with the parameters above# CES style instruction — L09 Collage Canvas You are an experienced motion designer and video editor working in Claude Code. Apply the **L09 Collage Canvas** technique to the supplied footage as specified below. **B. Project configuration:** 1080×1920, 9:16, 30 fps · Source video: not provided — ask the user for the path before starting · Video language (on-screen text & captions): English **Layouts** — An editorial scrapbook of the story: supplied media cards — photos, the speaker, a screenshot, a short note — land one by one on a textured canvas with small rotations, tape and soft shadows, organised around a single headline. A gentle parallax drift keeps the composition alive. It turns a set of references into one designed page that viewers can take in at a glance. ### L09 Collage Canvas - **When:** ≈ 00:00.00 → 00:06.00 (≈ derived — adjust to the nearest natural beat in the footage) - **Layer / track:** V1 (main picture) - **What it does:** Photos, a speaker cut-out, a screenshot and a note card fly onto a paper canvas and settle at slight angles around a bold headline. - **Parameters:** Media cards: 4 cards; Rotation jitter: 6 deg; Canvas: Warm paper; Headline: (not set); Tape & stickers: on; Card stagger: 0.22 s; Accent colour: #D7FF5F; Parallax drift: on - **Steps:** 1. Between from 00:00.00 to 00:06.00, build a full-frame collage on a warm off-white paper texture (#EDE6D8 with subtle fibre noise), 1080×1920. 2. Cards: 4 media cards made only from supplied assets (photos, screenshots, a speaker cut-out if a subject mask exists). Each card keeps its native aspect ratio with a 2% white border and a soft drop shadow — scale every source uniformly (object-fit: cover for crops, contain for fits) — never stretch footage, screenshots or recordings to a region's aspect ratio. Arrange on a loose 2-column grid with deliberate overlaps, rotations within ±6°, and keep ≥ 1 card's key detail fully uncovered. 3. Headline: a 2–4 word title taken from the speaker's own words for this section; ask the user if none fits. 4. Assembly: headline first, then cards land one by one 0.22s apart, each flying in from just outside the nearest edge (translate 30–40% of frame, rotation +8° extra) and settling with a fast expo-out curve (cubic-bezier(0.16, 1, 0.3, 1)) over 14 frames. Add translucent tape strips or a small sticker on 1–2 cards as they land. 5. Hold with a slow parallax drift: each card translates 0.5–1.5% in alternating directions (back cards less) over the hold; exit by fading the whole canvas over 9 frames. 6. Implement in Remotion with one absolutely-positioned card component per asset driven by spring() with staggered delays; ensure the total assembly finishes ≥ 1.5s before the section ends so the composition can be read. - **Assets:** Photos (⚠ MISSING) · optional: Source video, Subject mask / matte, Screenshots, Brand logo - **Fallback:** With fewer than three supplied visuals, reduce the card count or use B02 Floating Screenshot Cards; never pad the collage with stock or generated imagery. **G. Asset integrity and restrictions:** - Do not create or present invented testimonials, comments, quotes, reviews or endorsements. - Do not fabricate numbers, metrics, charts or results. Data visualisations use only the supplied data. - Do not create fake screenshots or UI and present them as real. Illustrative graphics must be clearly illustrative. - Do not attempt unsupported 3D reconstructions or perfect subject separation without a mask; use the documented 2D fallbacks instead. **I. Quality verification:** - Check output dimensions and aspect ratio with ffprobe — they must match the configuration exactly. - Check the output frame rate and that the duration is within ±0.5 s of the target. - Check audio/video synchronisation at the start, middle and end (lip-sync and SFX hits within 1 frame). - Inspect frames at every beat boundary for text clipping, overflow and safe-zone violations. - Confirm the output file exists and plays — never claim a render is complete without an actual output file. - Report any missing asset or unimplemented effect explicitly.
More layouts styles
Use a layout when two things must be seen at once. Only one full-frame layout can be active at a time.
- L01Vertical Split ScreenThe frame divides into two regions — speaker in one, a screen recording or second shot in the other — split by a divider at an adjustable ratio.
- L02Picture-in-Picture FocusThe source media fills the frame while the speaker sits in a rounded window in one corner that glides to another corner when detail appears beneath it.
- L03Triple StackThree media bands stack vertically and the focal band grows to take most of the frame while the other two shrink and dim, shifting with the script.
- L04Floating Device FrameA screen recording plays inside a polished phone, tablet or browser mockup that floats in with a gentle 3D tilt over a soft background.
- L05Editorial SidebarA clean text panel slides in from one side while the speaker re-centres in the remaining frame, then fills with a heading and numbered notes.
- L06Center SpotlightThe shot contracts into a sharp central frame with a thin accent ring while the surrounding area becomes a blurred, darkened copy carrying context labels.
- L07Grid ConversationSpeakers or references populate a 2×2 (or 1+2) grid tile by tile, and a highlight moves to whoever is currently talking.
- L08Cinematic LetterboxBlack bars close in from top and bottom to a true 2.39:1, 2:1 or 1.85:1 band, cropping (never stretching) the shot into a cinematic frame.
- L10Adaptive Proof PanelWhen evidence appears the speaker's shot shrinks into a band and a proof panel takes the rest, resizing as more evidence arrives, then hands the frame back.