Motion fieldnotesOpenAI film study
Interface sequences · Rendered draft

Drag a corner handle to shrink the selected product render to 70%, pause, then regrow it to 85%

Study the source, inspect the editable build, then adapt the treatment to your own content.

01 / OpenAI source 1:23.5–1:25.2 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

In the composition studio the three-line headline sits settled at the left of the artboard while the headphone render on the right is selected. From local 8 the pointer drags a corner of the render inward: by local 30 (master 5040) the render is roughly 70% of its size, anchored low-right so its bottom-right stays put and it recedes toward the earcup. It holds at the small size (local 30–50), then a second drag enlarges it to about 85% by local 62 (master 5072), where it holds to the end. The headline and panels never change.

Pointer-driven proportional scaling of a selected image about a fixed anchor, executed as two eased adjustments (shrink, hold, partial regrow) rather than one move.

Phase notes

  1. Frame 0 — Render at full size, selected
  2. Frame 8 — Corner drag begins
  3. Frame 30 — Shrunk to 70%
  4. Frame 50 — Second drag begins
  5. Frame 62 — Regrown to 85%, holds

Use this example

  1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
  2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
  3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
  4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.

The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.

Recorded limits

  • Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
  • Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.

Inspect the original verification record ↗