Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

As all the big sites have been updating their style recently, I've noticed this effect on a few sites and I'm wondering how they do it.

Its like this normal gradient effect, with this pattern, abbit similar to a dissolving effect, but not quite that...

JSFIDDLE: Its on the top menu bar on this site: http://jsfiddle.net

Twitter: Again, its on the top black menu bar on http://twitter.com.

Youtube: Its like the whole of Youtube's background but its quite hard to notice on that one. http://youtube.com

Do you guys see what I'm talking about?

How would I get that effect in Photoshop?

Thanks

share|improve this question
1  
possible duplicate of How to create a background like Dribbble.com? –  Jack Dec 20 '11 at 4:39
    
add comment

3 Answers

up vote 1 down vote accepted

It's called 'noise'. Most raster image editing software have various noise filters.

share|improve this answer
add comment

Actually in JsFiddle I've used a combination of noise and a very subtle grain texture.

share|improve this answer
    
Lol at that :) (+1) –  Joonas Dec 21 '11 at 10:12
    
Glad you did :) –  Jack Dec 21 '11 at 13:07
add comment

The art here is to use a pattern on top of your chosen color, and then lowering down the opacity of your pattern overlay to an almost imperceptible level. An example is here: enter image description here

(I've used the 'Parchment' pattern with 20% opacity)

share|improve this answer
add comment

Your Answer

 
discard

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.