Paper Cutout Animation Design

A 20-Second Question-and-Answer Story

The film opens at a night-time window, where a girl writes, “OpenDesign, what can you design?” The question becomes a paper plane, crosses the town, and reaches the OpenDesign buddy. After five compact demonstrations, the answer returns as a book carrying the line “It starts with your idea.” A final pinned note asks the audience, “What will you design?”

This structure gives the middle sequence a practical job: each example answers the opening question, while the book proves that the examples belong to one response. The tradeoff is speed. With only 20 seconds available, actions need short anticipation, a readable result, and an immediate handoff to the next object.

Making Five Capabilities Read Differently

The capability montage avoids presenting five static cards. A prototype changes after a tap, a website unfolds, a presentation turns from its cover to a chart, posters overlap while one is taped down, and a plane moves through a filmstrip as its timeline advances. Labels identify the categories, but contact and state change provide the evidence.

01

Prototype Tap

The interface needs a visible before-and-after state, followed by a brief hold. A fast tap without the changed page would communicate touch, but not interaction.

02

Presentation Page Turn

The cover gives way to a chart whose bars rise in sequence. That second state makes the presentation more specific, although it requires more screen time than a static slide.

03

Poster and Film Actions

Tape creates believable contact for the poster, while timeline movement distinguishes the filmstrip from a decorative illustration. Both actions must remain legible at gallery-preview size.

Using Paper as Both Material and Transition

Torn white fibres, broad gouache strokes, layered coloured sheets, and handwritten lettering keep the film visibly handmade. The girl is assembled from separately articulated paper pieces, while the OpenDesign buddy retains the dark logo tile, white ring, and green cursor. Moving whole pieces preserves their attached textures and avoids the slippery appearance of effects floating over a flat illustration.

The strongest transition begins with five empty book slots. Each miniature appears only when its corresponding work lands, after which the cover closes and folds into the returning reply. This is more demanding than dissolving between scenes because placement, overlap, and timing must match, but it gives the viewer one continuous object to follow.

1. Establish the Empty Destination

   Show the book before its slots are filled so each arriving work produces a visible change.

2. Collect One Work at a Time

   Move the five outputs into separate positions in sequence; do not reveal a thumbnail before its source object lands.

3. Preserve the Reply Through the Return

   Close and fold the book into the travelling form, then let the girl catch and reopen it without hiding her eyes or expression.

Staging Hand Contact and Readable Holds

The film relies on touch to make paper props feel present. The buddy leans toward a prototype, floats beside the tape, and tucks behind the collected book. The girl's hands meet the incoming book at chest height, then maintain contact with the final note until it is pinned. Short, rounded paper mittens remain proportionate to the buddy instead of stretching into thin arms.

The 16:9 adaptation extends the walls and sky around an intimate central composition. That extra width creates breathing room for flights and labels, but important gestures stay near the centre. The final note is deliberately larger than a realistic scrap because “What will you design?” must survive thumbnail viewing. The complete question receives a hold after the girl's hands come together.

Source, Adaptation, and Current Scope

This official OpenDesign code remake adapts the paper-craft composition of a published motion piece by @kevin_t_ngo. The reference is a 28-second square film; this adaptation is a 20-second 16:9 story with the OpenDesign buddy, revised capability scenes, and a supplied original soundtrack. The credit records the reference and does not imply endorsement by its creator.

This is a rendered motion film: its miniature interfaces are story props, not working design applications. The template comes from a proposed OpenDesign video workflow; availability depends on the installed version. Check reuse permissions for reference material and bundled assets separately.