Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How would I go about making a texture similar to the one used throughout this site:

enter image description here

Is it some kind of noise pattern?

share|improve this question

Yes, it's a noise effect that you can recreate using Photoshop or CSS. You can see it better in the background image of the website.

Noise Effect in Photoshop

You can recreate it by adding a noise filter to a colored layer.

Go to Filter > Noise > Add Noise..., and select the Amount.

enter image description here (Source)

Then use transparency to make it more subtle. You can also invert the layer colors if you want a light noise effect instead.

Noise Effect in CSS

There is also a CSS script that created noise. I haven't tried it but it looks really good, I didn't know it existed. It's called CSS Noise, and all you need to do is call it using a class:

enter image description here

share|improve this answer
Awesome. Transparency on the blur layer is what i was missing. Amazing what a little noise can do. – pdfj May 26 '13 at 2:51
Indeed. And I just found a nice way of doing it in CSS, editing now. – Yisela May 26 '13 at 2:52
Hum. I think that noise is cheating. I think it is a png file embeded as a code. :o) – Rafael Oct 22 '15 at 21:59

Noise Filters in GIMP

Below are examples of factory noise filters in a default GIMP 2.6 installation.

enter image description here Source image (unfiltered)

enter image description here
Various highly configurable noise filters with default settings
(1. Film grain 2. HSV noise 3. Pick 4. RGB noise 5. Slur 6. Spread)

By choosing different settings or combining these effects we can achieve anything from subtle to impressive effects:

enter image description here HSV noise (2) with stronger effect setting.

Additional noise filters can be added from the GIMP Plugin Registry. The Film grain script (1) is not installed in GIMP 2.8. but can also be added from the plugin registry.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.