Motion Breakdown
A three-stage process section showing one project from storyboard to final, each frame captioned with the motion technique applied.
A three-stage process section showing one project from storyboard to final, each frame captioned with the motion technique applied.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Motion Breakdown walks one project through three sequenced Placeholder frames, each indexed 01 through 03 and captioned with the technique decision at that stage. The shipped example is the Harbour Trust brand film: storyboard with 48 panels mapped to music tempo, rough cut with kinetic typography placeholders and temp sound, and a final with optical flow retiming, custom easing curves, and a brand-matched colour grade delivered at 4K/60fps. A four-stat strip follows: 5,760 total frames, 3 days on set, 7 edit passes, delivered at 4K.
The three stages live in one array; the numbered badge on each frame keeps the sequence readable at a glance. The stats strip is a second inline array that closes the section with concrete production facts.
Use this block as a process section inside a project page or case study, where you need to show how a film was made rather than just the finished result. The installer replaces the project name, stage descriptions, notes, and stat values with their own production data.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the storyboard-to-final motion process. Other configurations:
Tip: naming the constraint or the decision at each stage is what makes this a process section rather than a behind-the-scenes gallery; the note line is as important as the frame.