Loops

Seamless looping backgrounds

Looped animated footage was the original News In 3D product: spinning globes, newsroom grids, holiday snow. Here is what we learned making them.

What makes a loop seamless

A loop is seamless when frame N+1 would equal frame 1. Every moving element must complete a whole number of cycles in the loop duration: a rotation of exactly 360°, a pan that moves exactly one tile width, a noise field that is sampled on a circle. If any element has a period that does not divide the loop length, you will see a "pop" at the cut.

Free sources

Making loops in After Effects or Blender

  1. Pick a loop length (8–20 s works for backgrounds) and calculate every speed from it.
  2. In After Effects use loopOut("cycle") on keyframed properties, and Fractal Noise with "Cycle Evolution" enabled.
  3. In Blender drive rotations with frame / frame_end * 2 * pi and use the Cycles modifier on F-curves.
  4. Render one extra frame and delete it, so the first frame is not duplicated.

Encoding

UseCodecWhy
Live switching (vMix, OBS)H.264 high bitrate or WebM VP9Hardware decode, small files
Editing / gradingProRes 422 HQ or DNxHR HQNo generational loss
LED wall media serverHAP or NotchLCGPU decode at large resolutions

Looking for the old animated Christmas backdrop? Its successor is the snowfall preset in the loop maker.