Skip to content
refs
REF-3243Source onlineBlueprint rev 01

Draw a Path, Direct the Motion

A result-first feature demo turns a drawn motion path into a six-step UI walkthrough and several animated payoffs.

Maker @moonvalleyFor MoonvalleyOriginal post ↗
Cut timeline · 19 shots00:46
00:0000:1000:2000:3000:40

Field notes / why it works

The finished horse and cyan control path make the feature legible at 0:00, before the UI appears at 0:02.8. Six orange step labels break the workflow into visible actions through 0:27.6; the rendered result at about 0:29 and two further subjects at 0:32.8 and 0:37 demonstrate range before the four-second URL card.

01

Plate 01 / The format in one breath

A finished, unusual result appears before any explanation: a white horse on a lunar landscape carries cyan control points and a drawn path (0:00–0:02.8). A fast, six-step interface walkthrough shows how an image becomes directed motion, then the video returns to the finished horse and adds two more examples before a plain URL card.

Why it works

  • The 0:00 result and large “TRAJECTORY CONTROL” headline show the outcome and name the feature immediately; the 0:02.8 cut then opens the how-to loop.
  • Six numbered orange labels from roughly 0:04.3–0:32.8 turn a complex UI into a visible sequence. The path, keyframes, and anchor points each get a close-up.
  • The completed horse reappears at 0:28.8–0:32.8, followed by a creature at 0:32.8 and a robot at 0:37.0. These examples extend the promise before the 0:41.8 end card.
02

Plate 02 / Format card

Platform · aspect · lengthX · 16:9 · 1280×720 · 24 fps · 45.9 s
Pace19 shots, 18 cuts, 23.5 cuts/min; 8 internal changes, about 34 picture changes/min; mean shot 2.41 s, median 2.12 s
ScriptNo spoken script. Short feature and step labels carry the explanation.
VoiceNone. A speech model transcribed a music cue at 0:16.7; it is not speech.
On screenApprox. 45% example/result imagery, 45% dark product UI and annotated screen capture, 10% title/end cards (estimated from sheets).
CaptionsNo speech captions; bold all-caps title and orange step cards.
SoundContinuous music-like bed, rough 85 BPM; no clearly synchronized cut effects. −14.3 LUFS integrated, −1.1 dBFS true peak.
StructureResult → tool selection → six UI steps → rendered payoff → two use cases → URL; payoff at 0:28.8, CTA at 0:41.8.

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro