: Noise filter effect with transparency Is it possible to have a noise filtered effect similar to below, but have the white parts transparent? My idea is to use this as a CSS background image

@Rivera951

I built on Kerry's method, works great:


Create a white layer
Add the amount of noise you want to it
Invert it, flatten it
Copy the layer to your clipboard
Create a new black layer (or any color you want)
Add a layer mask to it
Alt+Click the layer mask so you can edit it
Paste, return to normal view


Voila! A layer with a mask which imitates noise

Vote Up Vote Down

@Moriarity648

For Transparent Noise


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

Vote Up Vote Down

@Merenda852

Another quick way to do it in Photoshop is to:


Create a new Document (with a white background)
Create a new Layer (Cmd+Shift+N)
Apply the Filter > Noise filter and set it as you like
Double-Click the (New) Layer or select Blending Option in the Layer
Panel/menu
Set the Blend If This Layer's white point value to around 213—222
Hide the Background layer
Save for Web... PNG-24 with Transparency On


TIP: You can OPT+Click/ALT+Click on the white point to split it into a range

Vote Up Vote Down

@Cugini998

It is much better to use Fireworks. All you need to do


Save or export the noise texture as gif
Select the background object.
Browse to the texture by clicking the "Texture" dropdown
Turn on the transparency by checking the "Transparency" checkbox
White pixels in the noise texture will disappear
Optional - Set the % value to set "Amount of Texture" overlay the background


Screenshot - cl.ly/image/2h443A131p3k

Vote Up Vote Down

@Ogunnowo857

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



In photoshop:


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 ).
Select the Brush tool.
From the top menu: Edit > Define brush preset ( Since the Brush tool was selected ), the created brush will straight away be selected.
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 ).
Click D ( to default the foreground color to black ).
Click once in the document to place the image in the brush.
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.

Vote Up Vote Down