HN Explorer

Ask HN: Does anyone know what this kind of tiled web background this is?

2 points by Flam ↗ HN
I've been noticing more and more sites using a tiled, granular background as seen here http://www.colorzilla.com/firefox/

Does anyone know what these are called? I'm looking for a tutorial to make them (or if it exists, a website that generates them)

11 comments

[ 5.1 ms ] story [ 38.3 ms ] thread
dunielson
The background is a seamless texture. A google search with those for keywords will bring you a bunch of info. A quick tutorial for creating your own: http://pegaweb.com/tutorials/web-page-backgrounds/web-page-b...
Flam
I know about seamless textures. I'm asking about that specific granular type of texture. Does it have a name? I could have sworn someone on HN made a generator for these things just a few days ago.
bradleyjoyce
a quick imitation would be (using Adobe Fireworks):

   1. create a new doc
   
   2. add a rectangle

   3. set the fill color to your choosing

   4. set the texture to something like sandpaper @ 30%
Donesky!

Screenshot: http://img.skitch.com/20101103-mudstgaqysxkr6rr5d4jkg83f3.jp...

Flam
I don't have photoshop, but thanks for the tutorial for when I do get it :)
bradleyjoyce
I use Fireworks.. but I would venture to guess just about any image editing software would use a similar process :-)