How to :create noisy gradient background in photoshop


February 2, 2011Photoshop1 Comment

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

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.

voilet layer

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

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.

violet gradient noisy
More Samples

red gradient noisy background
yellow gradient noisy background

brown gradient noisy background

Download PSD file

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

One Response to “How to :create noisy gradient background in photoshop”
  1. Victoria

    Super! Tutorial, Always wondered how to make a good noisy background. 🙂 Thanks!

Leave a Reply