Animated Map Journey B07
Previews are illustrative demonstrations of the technique — not your footage. Your real edit is produced later by Claude Code.
B07 · Animated B-Roll · intermediate · 3–12s
A route line draws between the supplied locations on a clean map while the camera follows it, and each stop's pin and name pop in on arrival.
A minimal map shows only the region that matters. A route line draws from one supplied location to the next, the camera tracks the leading edge, and a pin and label pop in at each stop. Geometry comes from the user's coordinates or a properly licensed map source with attribution — never guessed locations — so the journey is both clear and accurate.
Try the parameters
Best used for
- — Travel vlogs
- — Event tours
- — Delivery or expansion stories
- — Historical routes
Assets
- ● Map locations required
- ○ Verified data optional
Pairs well with
If assets are missing
If no locations or coordinates are supplied, ask for them. If licensed map tiles are not available, render coastlines and borders from open vector data (e.g. Natural Earth) as a flat minimal map rather than screenshotting a commercial map service.
Accessibility
Labels need ≥ 4.5:1 contrast and must stay on screen ≥ 1s. Keep camera follow speed moderate and avoid rapid zoom pulses.
Individual prompt
updates with the parameters above# CES style instruction — B07 Animated Map Journey You are an experienced motion designer and video editor working in Claude Code. Apply the **B07 Animated Map Journey** 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 **Animated B-Roll** — A minimal map shows only the region that matters. A route line draws from one supplied location to the next, the camera tracks the leading edge, and a pin and label pop in at each stop. Geometry comes from the user's coordinates or a properly licensed map source with attribution — never guessed locations — so the journey is both clear and accurate. ### B07 Animated Map Journey - **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:** A route line draws between the supplied locations on a clean map while the camera follows it, and each stop's pin and name pop in on arrival. - **Parameters:** Stop names: (not set); Route style: Road-following line; Camera follows route: on; Follow zoom: 1.6x; Route colour: #D7FF5F; Hold at each stop: 0.7 s; Map look: Dark minimal - **Steps:** 1. Cut to a map cutaway from 00:00.00 to 00:06.00. Take the stops and their order from the supplied map-locations file (or the places the speaker names); if fewer than two locations are known, ask the user instead of guessing. 2. Geometry must be real: use the supplied coordinates/GPX, or geocode the given names with a properly licensed source (e.g. OpenStreetMap/Nominatim, Natural Earth coastlines) and confirm ambiguous matches with the user. Never invent coordinates, borders or roads, and show the source attribution (e.g. "© OpenStreetMap contributors") small in a corner. 3. Style a dark minimal map (near-black water, charcoal land, faint roads, no POI clutter) cropped to the bounding box of all stops plus 12% padding. 4. Draw the route in #D7FF5F (stroke ≈ 0.7% of frame width, round caps) by animating stroke-dashoffset: follow the real road/path geometry from the supplied GPX or a routing service (e.g. OSRM). Each leg takes ≈ 1.95s (59 frames), proportional to its distance, with an ease-in-out. 5. Camera: start on the full route overview, then push to 1.6× and track the leading point of the line, easing so it never moves faster than ~25% of frame width per second; pull back to the overview on the final stop. 6. At each stop, pop a pin (scale 0 → 1 over 8 frames, back-out) and its label in Inter semibold, then hold 0.7s (21 frames) before the next leg starts. - **Assets:** Map locations (⚠ MISSING) · optional: Verified data - **Fallback:** If no locations or coordinates are supplied, ask for them. If licensed map tiles are not available, render coastlines and borders from open vector data (e.g. Natural Earth) as a flat minimal map rather than screenshotting a commercial map service. **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 animated b-roll styles
Cut away from the speaker when you mention something visual. Built only from assets you supply.
- B01Browser FlythroughA supplied full-page website capture glides inside a browser frame, pausing on chosen sections with smooth scroll moves and gentle push-ins.
- B02Floating Screenshot CardsSupplied screenshots float as tilted cards at different depths; the camera brings one card forward at a time while the others soften behind.
- B03Device ShowcaseA supplied app capture plays inside a neutral phone, tablet or laptop that turns, rises and catches a soft glass reflection on a clean set.
- B04Explainer Icon FlowAn icon for each step pops in one by one and animated connectors draw between them, mapping the process the speaker describes as they say it.
- B05Parallax Photo DepthA still photo gains gentle depth: supplied foreground, subject and background layers drift at different speeds, or a careful 2D push is used instead.
- B06Product Cutout RevealA supplied product cutout rises onto a clean graphic backdrop with soft directional motion, a light sweep across its surface and a grounded shadow.
- B08Abstract Motion CanvasCircles, grids, lines and simple geometry animate in sync to visualise an abstract idea — growth, connection, balance or flow — without literal imagery.
- B09Document FlyoverA supplied document page tilts into view, then a guided crop glides between the exact lines that matter while a marker highlights each one.
- B10Interface Component BreakdownA supplied UI screen separates into labelled layers — background, containers, content, controls — that hover apart in 3D, then snap back together.