Viral Hooks
Back to Motion Prompt examples

Motion graphics moves, part 2 · #22

Shatter

Breaks like glass and the shards fly off. The picture cracks like glass, the shards fly off and the next scene is revealed.

Transitions & highlightsshatterglass-breakbroken-glassshardscracktransitionimpact

Full motion specification

How the movement works

Use it for an impact, a break or a twist, just before a title or a result that should hit hard.

  1. 01Mountain scene → day scene → mountain, 2.35 s each. The impact point is (304, 92).
  2. 02Cracks: 0.3–0.65 s. Thirteen radial lines and rings at radii of about 40, 98 and 175 (each ±15%) appear in order of distance from the centre (cubic ease-out, out to 420 px). A white flash star at the centre fades by 0.6 s.
  3. 03The glass breaks at 0.82 s: 52 shards (13 × 4 rings) cut from the old scene fly outward at 220–480 px/s (vertical speed × 0.7, plus up to 120 upward), with gravity 1300 px/s², spinning ±4 rad/s and shrinking up to 35% over 1 s.
  4. 04Outer rings leave later (0.035 s per ring plus up to 0.03 s at random). Each shard fades out 0.55–1.0 s after it starts moving.
  5. 05Shards have a white 2.5 px edge; the next scene is underneath.

Prompt

Before the title appears, break the previous scene with a shatter: cracks first, then the shards fall away in about 1 s.