Motion Design

"A storyboard is a list of what moves, in what order, and for how long. This one is six seconds long."

1. 01One big letter sits alone in the middle of the screen. Nothing moves yet.1 secondholds still
2. 02Three more letters slide in from the edges and stop beside it.1 secondstarts fast, lands soft
3. 03The letters shrink a little and settle. Thin circles draw themselves around them.1 secondgentle at both ends
4. 04Everything turns a quarter of the way round. Colour blocks pass behind the letters.1.5 secondsslow to start, slow to stop
5. 05Everything slides back to where it began, so the film can play again without a jump.1.5 secondssoft start, matches the beginning

Director's noteKeep the camera still. The shapes move, the camera does not. One thing stays put while the others arrive, and every arrival lands on a count. When the film loops back to the start, nobody should notice.

"You cannot photograph a film. You can photograph the moment it is about to move."

Shot list

• The finished loop playing on a big screen in a dark room, one person watching it from a few steps back
• A close shot of the screen in the middle of a move, so the letters are blurred and the still ones are sharp
• The storyboard pinned to a wall, five frames in a row, someone pointing at the third one

Lighting

Let the screen light the room. Turn the other lights down so the glow of the film is the brightest thing in the picture. One lamp or window on the person, so they do not disappear.

A single keyframe from a motion design piece, locked camera, one stable hero element with letterforms and shapes caught mid-movement around it, motion blur on the fast elements only, cobalt blue ground with orange and lime accents, fine film grain over flat colour, orbit lines and guide rules exposing the structure, rhythm and timing implied in a still frame, no watermark, no interface chrome

Motion design is now the default surface of a brand. A logo that cannot move is incomplete, an app store listing is a thirty-second film, and the launch keynote is a motion piece with a presenter in front of it. The studios that understand this, Buck and Ordinary Folk among them, sell choreography rather than animation.

The tell of weak motion work is decoration in motion. Everything moves because it can, nothing holds, and the piece has no tempo. The strong work is closer to typography: a few decisions about timing and easing, made once, applied everywhere.

The pressure now is volume. Feeds want loops, interfaces want micro-interactions and every product wants a reveal, which has flattened much of the field into the same clean 3D vocabulary. The interesting edge is back in kinetic identity and in graphic, flat, rhythm-led work that owes more to Bass and to Dumbar than to a render farm.

Use it

A single keyframe from a motion design piece, locked camera, one stable hero element with letterforms and shapes caught mid-movement around it, motion blur on the fast elements only, cobalt blue ground with orange and lime accents, fine film grain over flat colour, orbit lines and guide rules exposing the structure, rhythm and timing implied in a still frame, no watermark, no interface chrome (50%), infused with Digital art with layered painterly brushwork rendered natively for screen, concept-art level environmental depth, dramatic directional lighting, richly saturated color grading, contemporary digital-native composition unbound by physical medium constraints, color palette strictly #2244F2 #0F0F0F #FF5A1F #8B5CF6 #C8EA32, overall character: digital, expressive, futuristic