4 ms·
Ask HN: Does anyone know what this kind of tiled web background this is?
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)
- dunielson 16y agoThe 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-backgrounds.htm http://pegaweb.com/tutorials/web-page-backgrounds/web-page-b...
- Flam 16y agoI 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.
- kingsidharth 16y agoPhotoshop has it. Not sure what they are called though. Are you looking for this: http://noisegen.krisnoble.co.uk/ http://noisegen.krisnoble.co.uk/ ?
- Flam 16y agoWasn't that site, but similar. Thanks though, this is good enough.
- kingsidharth 16y agoMake this texture in a graphic program and repeat on x & y axis. http://data.colorzilla.com/images/back.gif http://data.colorzilla.com/images/back.gif
- bradleyjoyce 16y agoa 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.jpg http://img.skitch.com/20101103-mudstgaqysxkr6rr5d4jkg83f3.jp...
- Flam 16y agoI don't have photoshop, but thanks for the tutorial for when I do get it :)
- bradleyjoyce 16y agoI use Fireworks.. but I would venture to guess just about any image editing software would use a similar process :-)
- squidbot 16y agoLooks like it could be Perlin noise applied to a bump map. Edit: In fact, almost certain, see the third texture in this link: http://www.texturemaker.com/help/functions/generator_perlinnoise.htm http://www.texturemaker.com/help/functions/generator_perlinn...
- deleted 16y ago[deleted]
- towndrunk 16y agoI have found some great tips/tutorials regarding graphics at http://www.smashingmagazine.com/ http://www.smashingmagazine.com/