Motion graphics moves, part 2 · #05

Pulse

Its size throbs like a heartbeat. A heart throbs like a heartbeat, a double beat each time, with rings spreading out.

Motion techniquespulseheartbeatthrobscalelooplikeattention

Full motion specification

How the movement works

Use it for a like, a recording or live indicator, or a button you want pressed, to make it feel alive.

01A coral heart. One beat per 1.175 s (four per 4.7 s); each beat is a double "lub-dub".
02Scale = 1 + 0.26·G(0.2 s, width 0.065) + 0.15·G(0.44 s, width 0.07), where G = e^(−((t − centre) ÷ width)²): a quick swell that drops straight back.
03Two heart-shaped outlines spread from 0.16 s and 0.40 s: scale 1.2→2.4 over 0.8 s, cubic ease-out.
04As they spread, their opacity goes 0.75→0 (the second at 60%) and the line width 8.5→1.5 px.

Prompt

Make the heart icon pulse: about 10% larger and back, every 1.2 s.