In recent weeks, I started designing my portfolio website at alex.manarpies.com. For this site, I aimed for a neutral, yet “designy” feel and ended up with a grungy blue and brown theme featuring custom typefaces and letter-pressed headings.
Find the original page here.
The image pack features 5 distinct textures with varying degrees of grunginess. You can use them as-is, or bestow some Photoshop wizardry upon them to cook up some custom coloring and effects. I went for the latter approach:
Here’s how I achieved this effect:
- Set the texture layer to black and white.
- Set the texture layer’s blend mode to Overlay.
- Set the texture layer’s opacity to 70%.
- Create a new layer under the texture layer and fill it with a color, perhaps a shade of pale blue.
It may have come to your attention that the textures won’t repeat especially well when used as a background. However, as they are pretty hi-res, you could give the backgrounds a fixed background position. For instance (CSS):
Grungy background patterns seem to be in vogue lately, and there’s a lot to be had of them on the net – too.
But, please, don’t kill the effect by mere overzealousness. Moderation in everything, my friend.
Have fun with them and report back with your creation :-).