Advertisement


Noise filter effect with transparency


Question

Is it possible to have a noise filtered effect similar to below, but have the white parts transparent?

Noise

My idea is to use this as a CSS background image overlay .png which would allow background colours to show through.

2012/10/10
1
4
10/10/2012 4:37:00 PM

Accepted Answer

There is a method that pretty much allows you to do this without thinking at all:


In photoshop:

  1. IF necessary, Ctrl+L and bring the upper white arrow to the center enough, so that you will get white background ( Also, you might want to bring the top black arrow towards the center to make the black colors black ) ( This step is not necessary in this case ).
  2. Select the Brush tool.
  3. From the top menu: Edit > Define brush preset ( Since the Brush tool was selected ), the created brush will straight away be selected.
  4. Create a new document Ctr+N without the background color ( make it bigger than the original image, so you don't have to aim much ).
  5. Click D ( to default the foreground color to black ).
  6. Click once in the document to place the image in the brush.
  7. From the top menu: Image > Trim > Base on: Transparent pixels

It may seem like this has big amount of steps, but you can do this very, very fast.

2012/10/10
3
10/10/2012 6:08:00 PM

For Transparent Noise

  1. Create a new layer with the desired left over noise color you want.
  2. Add a mask to the layer in step 1.
  3. Go to: Filter -> Noise -> Add Noise.
  4. Select the desired amount of noise and click "OK".
  5. Repeat steps 3 and 4 until the final amount of transparent noise is desired.
  6. (Optional) Select your layer from step 1 and apply an opacity, to reduce the noise effect.
2016/03/02