how would you recreate the distorted/noise effect that google uses in their new material design illustrations?


Illustration from google inbox app

I've been trying with brushes but it just doesn't get close to this. Has anybody been able to accomplish this effect? how did you do it?

I'm using photoshop cs6

9/9/2015 7:41:00 PM

Accepted Answer

4/23/2016 10:35:00 AM

The below was done in Illustrator but could be done in Photoshop.

First create your object. For the demonstration I am using a linear gradient. You can mess around with a gradient mesh for more complex shapes. I set the right side to have the color and the left to 0% opacity.


Select your gradient and go to Effect - Texture - Grain


Mess around with the options. Depending on the color you will have to change the blending mode.

Below blending mode was multiply

grain final

Other ways: it is possible to do this with a scatter brush and layer masks.