Skip to content
cinemaOS Start free trial

Build a sequence from a layered design

Give a title and a photograph their own Position keys, then choose Motion Timing, Stagger Layers by 0.5 s so the second movement starts half a second later.

55 sec

Vertical version (9:16) Download MP4

Click path

  1. Video Composition
  2. Position keyframes
  3. Select both layers
  4. Motion Timing
  5. Stagger Layers
  6. By 0.5 s

When every layer moves at once, the eye has nowhere to start. Stagger Layers offsets the keys of the selected layers so the movements follow each other. This tutorial staggers a title and a photograph by half a second.

Steps

  1. Animate both layers. In Video Composition, give the title and the photograph their own Position keyframes.
  2. Stagger them. Select both animated layers. Right-click and choose Motion Timing, Stagger Layers and by 0.5 seconds.
  3. Check the keys. The first layer in the timeline keeps its keys. The next layer's keys move half a second later.
  4. Play it. Replay the composition and watch the two movements separate. Leave enough time after the last key for a readable hold.
  5. Keep it editable. Stagger Layers moves animation keys only, and the layer bars keep their length. Save the project so you can change the timing later.

Notes

  • In the project both layers start with keys at 0 and 2 seconds. After the stagger the photograph's keys sit at 0.5 and 2.5 seconds and the title's keys stay at 0 and 2.
  • The composition is six seconds long.
  • The photographs are generated assets from the TUSSENIN demonstration project, owned by Momentum Studios.

Footage: Original generated photographic assets, Momentum Studios. Edited in cinemaOS for this tutorial.