Procedural Backgrounds with Fractal Noise in After Effects

Procedural backgrounds provide motion designers with dynamic, infinitely scalable textures that eliminate the need for heavy external video assets. In Adobe After Effects, the Fractal Noise effect is the primary tool for generating these visuals, allowing you to create everything from organic liquid motion and atmospheric smoke to abstract digital grids and cosmic nebulas. This guide covers how to set up the base effect, modify its core parameters, animate the movement continuously using expressions, and apply color to build production-ready backgrounds.

Step 1: Create the Base Layer

  1. Create a new composition (Composition > New Composition) with your desired dimensions and frame rate (e.g., 1920x1080 at 30 fps).
  2. Create a new solid layer (Layer > New > Solid) that matches the composition size and name it "Background Texture."
  3. Apply the effect by navigating to Effect > Noise & Grain > Fractal Noise.

Step 2: Configure the Base Texture

The visual aesthetic of your background depends on the combination of Fractal Type and Noise Type:

  • Fractal Type: Determines the structural behavior of the pattern. Choose Dynamic or Swirly for organic, fluid-like movement, Strings for fiber-like patterns, or Terrain for rocky landscapes.
  • Noise Type: Dictates the edge quality. Soft Linear yields smoother gradients, while Block creates sharp, digital, 8-bit grid patterns.
  • Complexity: Controls the level of fractal detail. Lower values (around 2 to 4) yield minimal, soft shapes suitable for subtle backdrops. Higher values (6 to 10) add intricate detail but can increase render times.

Step 3: Scale and Shape the Pattern

Open the Transform dropdown inside the effect controls to alter the scale and orientation:

  • Scale: Increase the overall scale to 300%–800% for smooth, ambient color shifts, or decrease it for dense, granular noise.
  • Uniform Scaling: Uncheck this box to stretch the noise horizontally or vertically. Stretched horizontal noise produces light streaks, speed lines, or brushed-metal looks; stretched vertical noise simulates rain or digital code streams.
  • Contrast and Brightness: Adjust these to dictate the balance between dark and light values. High contrast creates distinct silhouettes, while low contrast generates a flat, misty texture.

Step 4: Automate the Animation

Instead of setting manual keyframes, use procedural expressions to make the background evolve endlessly.

  1. Evolution: Hold Alt (Windows) or Option (macOS) and click the stopwatch icon next to Evolution. In the expression field, type:

    time * 100;

    This continuously cycles the fractal pattern. Increase the number for faster churning or lower it for subtle movement.

  2. Evolution Options: Check Cycle Evolution if you need a seamless loop for short animations or web delivery.

  3. Offset Turbulence: To add directional drift, Alt/Option-click the Offset Turbulence stopwatch and apply:

    [value[0] + time * 50, value[1] - time * 50];

    This moves the pattern diagonally across the screen.

Step 5: Add Color and Stylize

Because Fractal Noise generates a grayscale image, you must introduce color using secondary effects:

  • Tritone: Go to Effect > Color Correction > Tritone. Map the Highlights, Midtones, and Shadows to custom brand colors to instantly transform the noise into a polished backdrop.
  • Colorama: For complex, psychedelic, or iridescent gradients, use Effect > Color Correction > Colorama to cycle through rich color palettes based on grayscale values.
  • CC Glass or Fast Box Blur: Apply Effect > Stylize > CC Glass using the fractal layer as its own bump map to create glossy, three-dimensional fluid textures, or apply Fast Box Blur to soften harsh edges into gentle ambient lighting.