How to make a Noisy Grain Gradient

Hello all,
i am aware of lerp color, but i’m wondering if it’s possible to do a noisy gradient like the image, and apply to several elements, say a wall of shapes. i wondered if Pixels function was the way to do it, but i couldn’t make it work specially applying to other images.

thank you very much.

Hello @antoniofrom1984!

There’s probably a handful of different strategies to achieve those noisy gradients. What was it that didn’t work with your approach? If you share your code, we can reason about it together.

Maybe you can get inspiration from this thread on Stack Overflow:

Or try translating the Photoshop workflows described in this article to p5.js code:

1 Like