Viral Hooks
Back to Motion Prompt examples

Motion graphics moves · #18

Shape transition

Shapes cover the screen and uncover the next scene. Coloured bands sweep across and cover the frame; when they leave, the next scene is there.

Transitions & highlightsshape-transitiontransitionwipebandsstripescoverscene-change

Full motion specification

How the movement works

Use it to change scenes with shapes in brand colours: chapter breaks, topic changes.

  1. 01Day → night → day, 2.35 s each. Four horizontal bands (height 52; blue, coral, yellow, mint) whose ends are slanted by 80 px.
  2. 02Cover: 0.38–1.0 s. Each band's leading edge travels from one side of the frame to the other. Bands are delayed by 14% of the phase each, and each uses cubic ease-in-out over 58% of the phase.
  3. 03At 1.0 s, when everything is covered, the scene underneath is swapped for the next one.
  4. 04Uncover: 1.12–1.75 s. Each band's trailing edge follows with the same delays and curve, exposing the next scene.
  5. 05Direction: left to right for day→night, mirrored for night→day.

Prompt

Change scenes with a shape transition: four diagonal color bands sweep in from the left.