Skip to content
Book a free call
WorkTitle motion

Self-initiated studio study / Title motion

Three disciplines.
One short sequence.

I gave the studio line 12 seconds. Each discipline gets a frame. The final frame brings the words together.

Original typography and abstract artwork. Rendered in the browser. Silent. No client or location footage.

Brief
Introduce the studio in a short title sequence
Length
12 seconds / 4 scenes
My work
Direction, type, timing and motion code
Files
SVG storyboard and timing sheet

Watch the study

Design. Content.
Business support.

Press play to run the sequence once. Pause or move the playhead to inspect a frame.

Text overlayDesign. Content. Business support.

Poster frame

This is a working motion composition in HTML, CSS and JavaScript. The downloadable SVG is a still storyboard. The timing sheet records the edit.

The edit

A small sequence.
Specific decisions.

I kept the message short enough to read on a phone. I used one abstract shape so the typography carries the change.

  1. 01

    Give each idea 3 seconds

    Each scene has a short entrance and a reading hold. The longer phrase breaks over two lines.

  2. 02

    Repeat the reading position

    The words return to the left edge. The changing scale sets the pace without sending the eye around the frame.

  3. 03

    Keep the text alternative visible

    A text overlay specimen sits below the player. The frame list and storyboard carry the same words when motion is disabled.

  4. 04

    Stop on the studio line

    The sequence plays once and holds the last frame. I left out audio, stock footage and extra messages.

The source material

Inspect the storyboard.

Download the storyboardDownload the timing sheet
Four storyboard panels: Design at 0 to 3 seconds, Content at 3 to 6 seconds, Business support at 6 to 9 seconds, and the complete studio line at 9 to 12 seconds.
Four original title frames / 12-second timing plan / Still SVG

Caption specimen

Words with a time code.

This silent study uses written titles. I record the text and timing here so the message can be checked alongside the edit.

Text overlays and their display times
In / OutText overlay
00:00 / 00:03Design.
00:03 / 00:06Content.
00:06 / 00:09Business support.
00:09 / 00:12Design. Content. Business support.

From study to a real brief

Start with the message
and the material.

I would confirm the script, source material, format and review steps before I scope a media project. This sample demonstrates title motion, composition and timing.

Drone captureComing soon

View the media service scopeReturn to all work

Do not use these abstract frames as evidence of a filmed location or aerial capture.