Help Center/Editor Features/Visual Effects Panel

Visual Effects Panel

4 min readEditor Features

The Visual Effects panel applies post-processing over the entire rendered frame. These controls let you push your visualizer into a distinct cinematic look — from subtle warmth to aggressive glitch aesthetics.

Hue Shift

Hue Shift (0–360°) rotates every color on the canvas by the specified number of degrees on the color wheel. A value of 0 is unchanged; 180° inverts colors to their complements. This is applied as a real-time CSS filter so it is instant and does not affect export quality.

Use Hue Shift to explore alternate palettes without re-designing the template. A small shift (15–30°) can warm or cool the mood noticeably.

Tips

  • Animate Hue Shift with an audio binding to slowly rotate palette with the music.
  • Combine with a Color Grade (e.g. Neon) and a small Hue Shift for highly stylised results.

Saturation & Brightness

Saturation (0–3) multiplies the color intensity. Values below 1 desaturate toward greyscale; values above 1 boost vibrancy. Brightness (0–2) scales overall luminance — useful for creating silhouette or high-key looks.

Default for both is 1 (no change). Setting Saturation to 0.1 and Brightness to 0.7 is a quick way to achieve a moody, washed-out aesthetic.

Tips

  • Pair high saturation (2+) with the Neon color grade for hyper-vivid results.
  • A brightness value of 0.5 combined with a strong Beat Glow makes the glow burst feel explosive.

Vignette & Film Grain

Vignette darkens the outer edges of the frame, focusing attention on the center. Vignette Beat Pulse momentarily deepens the vignette on each beat hit for a dramatic pulse effect.

Film Grain overlays animated noise across the canvas to replicate analogue film texture. Higher values produce a coarser grain.

Tips

  • A vignette of 0.2–0.3 is subtle enough to add depth without being noticeable.
  • Film Grain works well on retro or lo-fi templates but can reduce perceived quality if overused.

Chroma Aberration & Color Grade

Chroma Aberration splits the red and blue channels apart, replicating the lens distortion seen on cheap cameras and CRT screens. The effect scales with drive (beat energy) when an audio binding is active.

Color Grade applies a one-click cinematic LUT: Warm, Cold, Neon, Vintage, Mono, Sunset, or Midnight. Grades compose additively with Hue Shift, Saturation, and other filter values.

Still have questions?

Our support team typically responds within 24 hours.