Distort Material: Animated Blob Surface

Distort makes the surface of a shape move. A moving noise pushes every point of the surface in and out, so a sphere becomes a soft, living blob that constantly changes its outline. It is the classic animated blob seen on many landing pages.

How it works

Each point of the surface is pushed toward or away from the center of the object by a three-dimensional noise that drifts over time, so neighbouring points move together and the shape bulges in broad, smooth waves rather than jittering. Distort sets how far the surface is pushed (its effect grows quickly toward the top of the range), and Speed how fast the noise moves. The shape needs enough detail to deform: a sphere or a smooth model works well, a low-poly cube does not.

Settings

• Distort sets the strength, from 0 (no movement) to 1 (strong, lumpy deformation). The default is 0.5.
• Speed sets how fast the surface changes; the default is 2.
• Radius sets the base size of the shape before it is distorted; 1 keeps the original size.
• Color sets the surface color.

Use it for

Abstract hero objects, animated brand blobs, music visualizer shapes, organic product backdrops and playful loading screens. Combine it with a gradient background, or try Wobble for a twisting jelly motion instead of a breathing one.