Click Save and cross-dissolve a full upload wizard into a small processing modal over the list page
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A large upload wizard (title, four-step progress, 'Save or publish' radio list with Private selected, a video preview card and link, a footer with processing status and a dark Save button) sits over a channel content page. The pointer rests on Save and clicks at ~f18. From ~f20 the wizard fades out while a much smaller 'Video processing' modal (title, sentence, thumbnail row, progress line, Close) fades in centred over the page; by ~f32 only the modal remains. Nothing moves; the swap is purely opacity and the page behind is visible through both.
Cross-dissolve between two differently sized modals on the same page after a confirm click.
Phase notes
- Frame 0 — Wizard open, pointer on Save
- Frame 18 — Save clicked
- Frame 20 — Wizard begins fading out
- Frame 22 — Processing modal begins fading in
- Frame 32 — Dissolve complete; modal only
- Frame 64 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
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.