RGB split effect for images
RGB Split shifts the red and blue channels horizontally in opposite directions while keeping green aligned. Bright edges develop colored fringes, giving lettering and photographs a misregistered glitch-art look.
Compare the edge of a bright letter with a flat background: the letter gains colored fringes while the background changes much less.
Creative applications
- Add colored fringes to a digital poster headline.
- Give a portrait or cover image a restrained broken-signal treatment.
Starting workflow
- Open the demo and choose a PNG, JPG, or WebP containing your artwork. RGB Split starts at its current default.
- Lower Amount for a narrow fringe, then increase it until the red and blue edges are distinct.
- Inspect the smallest lettering at its intended viewing size before exporting the image.
Key controls
- Amount
Increase the separation until bright edges show distinct red and blue fringes.
Default: 0.03 · Range: 0 to 0.12
Practical tips
- Prepare poster lettering in your source image before bringing it into the browser demo.
- Use modest separation for faces; larger offsets can turn small details into overlapping shapes.
- Switch Animate off and keep playback paused to judge Amount without movement.
Limitations
- Channel displacement is horizontal; this effect has no separate vertical or per-channel position controls.
