How to :create noisy gradient background in photoshop

Background layer always plays the major role in designing and enhances the UI at most places.A little noise effect added to the background image enriches the UI and overall look.

See our series of photoshop tutorials

Noisy Background tutorial

Normal background would do better but noisy background make it look little elegant.Follow these steps to create noisy text backgrounds.

Step 1 – Create new photoshop document

Create new Photoshop document of your desirable size.Fill the background layer with a color or gradient.

Step 2 – Duplicate the layer

Duplicate the background layer by right click the background layer-> duplicate layer option

Step 3 – Add noise

Select the duplicate layer and click Filter->noise->add noise and select noise of 25%

add noise to layer

Step 4 – Reduce the saturation

click the CTRL+U to change the saturation level to -100

Step 5 – Reduce opacity

Reduce the opacity of the duplicate layer to 25%.You may change the opacity levels to bring out the new combinations.

More Samples

Download PSD file

You can follow us on Twitter or join our Facebook Fan Page for more Photoshop tutorials.