Shader R blends flowing light and dark colour fields with an orange accent and film grain. It is a motion background, not an image-based texture filter. Use the editor to adjust the field and colour treatment before choosing an export. The broad shapes suit hero sections and presentation backdrops; the grain adds detail without requiring an uploaded image. Review the lightest and darkest frames with your foreground text before using it behind a heading.
How this shader works
Shader R blends flowing light and dark colour fields with an orange accent and film grain. It is a motion background, not a filter for an uploaded image. The broad shapes suit hero sections and presentation backdrops. Scale, Distortion, Grain and Contrast in the Texture section set the field, and three colours in the Palette section set its treatment.
Tips
- Distortion sets how much the fields bend. Lower it for broad, calm shapes.
- Swap Orange for your brand accent.
- Check the lightest and darkest frames with your text before using it behind a heading.
- Lower Grain for a cleaner surface.
Questions
How do I make an orange and black animated gradient?
Open Shader R and keep the default palette, or adjust Orange and Dark. Export it as an HTML file, a React or Svelte component or an MP4 video.
Can I upload an image into Shader R?
No. It is generated in code and does not take an image.
Preview and customize in the browser. Exports require membership.