Curve & Field Backgrounds

How to Animate Spirograph and Math Curve Backgrounds

Updated October 30, 20263 min read

What is a parametric curve background?

It is a background drawn from an equation rather than a filter. A Lissajous figure, a spirograph rosette or a Chladni plate is defined by a handful of numbers, so changing one parameter changes the whole shape while the motion stays smooth and loops exactly.

These are the backgrounds you cannot drag an effect onto. Each preset evaluates its own equation every frame, which is why the curves stay sharp at any resolution and why the loop closes rather than cross-fading.

Five curve & field backgrounds presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Lissajous Trace

    Two perpendicular oscillations at whole-number frequencies weave a closed ribbon, and the phase between them drifts so the knot keeps retying itself.

  • Spirograph Bloom

    A small wheel rolls inside a larger one and the pen offset slides in and out, so the rosette opens and closes without ever breaking its loop.

  • Rose Curve

    A single polar equation sweeps a petal at a time around the centre, and the phase rotation walks the petals round without the shape ever changing size.

  • Superformula Morph

    One polar equation with seven numbers walks from a rounded blob to a spiked star and back, drawing whatever shape lies between them on the way.

  • Chladni Plate

    Sand settles along the still lines of a vibrating plate, and as the driving mode swings through zero the whole nodal figure inverts and reforms.

All curve & field backgrounds

Step by step

  1. Pick the curve family

    Spirograph Bloom gives an ornate rosette that suits a slow, elegant opener, with a 15 second default. Lissajous Trace is simpler and leaves more room for type. Flow Field looks organic rather than geometric, so it works when the video is about nature or data rather than maths.

  2. Adjust line and detail

    Count changes how much line or how many points make up the figure, and Thickness sets how heavy the line looks. Density and Speed change the pace. Variation gives another version of the same curve. Tree and fractal presets such as Koch Snowflake Bloom also have Rotation.

  3. Compose around the figure

    Most of these curves are centred, so in 16:9 the sides stay open for a title beside the figure, while 9:16 leaves room above and below it. Every preset loops, so choose a Duration from the pace you want, not the length of the scene, then repeat the clip.

  4. Export MP4 at the delivery resolution

    These work as full-frame backdrops with their own background colour, which makes MP4 the right format. Thin lines lose the most from upscaling, so export at the resolution you deliver, up to 8K, instead of enlarging a smaller file in the editor. Reserve a transparent export for lines laid over footage.

  5. Use it under a title

    In Final Cut Pro, import the MP4 and drop it into the primary storyline, then connect your title above it. Duplicate the clip along the storyline to extend the background, since the end joins the start. A slight dim on the clip keeps thin lines from competing with the type.

Where it is used

  • Music visualisers and album clips

    A Harmonograph Decay or Spirograph Bloom loop plays full frame behind a track title for a music upload that has no footage, giving the listener slow motion to watch for the song's length.

  • Maths and science channels

    Phyllotaxis Spiral, Chladni Plate and Dragon Curve Fold illustrate the actual idea being explained, so the visual doubles as a teaching aid while the narrator walks through the equation or pattern.

  • Meditation and ambient videos

    Flower of Life Lattice or Maurer Rose, slowed down in calm colours, holds the screen through long guided sessions where any cut or flash would pull the viewer out of it.

Presets
22, all seamless loops
Default length
10 to 15 seconds
Best export
MP4 at delivery resolution
Aspect ratios
16:9, 9:16, 1:1, 4:5

Which format should you export?

MP4 at full frame. These are backdrops, not overlays, so there is nothing for an alpha channel to do and the file stays smaller without one.

Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Frequency ratio is the strongest control on a Lissajous or spirograph: small whole-number changes redraw the figure completely.
  • Longer trails read as light painting, shorter trails read as a moving object; pick one and commit.
  • These sit well behind titles because the motion is continuous and never flashes.

Three things people get wrong

  • Raising the frequency ratio until the figure turns to noise. The readable shapes are at the low whole numbers.
  • Running the curve at full brightness behind type. Drop the opacity or darken the palette and the headline survives.
  • Exporting a single cycle and looping it in the timeline. Set the duration to cover the scene and let the preset close the loop for you.

Frequently asked

Why do these loop so cleanly?

Most are periodic by construction: with whole-number frequency ratios the curve closes on itself, so the clip returns to its exact starting state.

Can I slow them right down?

Yes. Every preset exposes speed separately from shape, so you can hold the same figure and let it drift as slowly as you like.

  • How to Add an Animated Background to a Video

    Animated Backgrounds

    How to Add an Animated Background to a Video

    A seamless background loops so its last frame matches its first, which means you can repeat it for any duration without a visible jump. Gradients, grids, waves and particle fields work well behind titles, talking heads and product shots.

    Read the guide
  • How to Make a Paper Cutout Animation Without a Camera

    Paper Cutout

    How to Make a Paper Cutout Animation Without a Camera

    It is a style where shapes look torn, layered and slightly imperfect, as if cut from paper and moved by hand. Torn paper transitions, layered parallax scenes and tape labels bring warmth to explainers and craft content that flat vector motion cannot.

    Read the guide
  • How to Make 3D Spinning Text Without 3D Software

    3D Animations

    How to Make 3D Spinning Text Without 3D Software

    Yes, for the kind of 3D that video work actually uses: extruded text, spinning logos, rotating coins, cube grids and isometric stacks. These render on a 2D canvas as clean geometry, loop seamlessly and export as MP4 or transparent WebM.

    Read the guide
Ready to create?

Make your next clip in the next five minutes

Editing and previewing are free. You only spend a credit when the finished file lands on your machine.

5 free HD downloads on a new account · No card required