Gooey Split

A dot splits into a three-dot menu with a gooey metaball neck, spins into a swirl mark under directional shutter motion blur, then breaks back into three dots and merges into one. The goo is an SVG blur-and-threshold filter on the dots; the blur integrates each part along its real trajectory, so the smear follows the direction and speed of the spin.

Add it to your video

It runs for 4.7 seconds at 1920×1080. Paste this into your composition:

index.html

<div
  data-composition-id="gooey-split"
  data-composition-src="compositions/gooey-split.html"
  data-start="0"
  data-duration="4.7"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Move it in time with data-start. Put it on a different timeline row with data-track-index. See data attributes for the rest.Tagged effect gooey metaball motion-blur morph logo icon.

Catalog

Gooey Split

Add it to your video

Related topics