preview

18+ Sources of Inspiration from Coffee, Ink, Blood and other Stains

Artists can get inspiration from just about anything. Stains appear all over the place, on walls, furniture, clothing and paper. We can replicate the look of a stain to create added intrigue in a piece of art – an effect which is very popular with grunge style design. In this post, we’ll take a look at the use of stains as inspiration, as well as some resources that can be used to add stains to your own work.

Websites

  • Stains

    iSpoil

    iSpoil’s blog design uses a dark gray header color. The header includes some grungy stain effects in a darker gray color and in red. There is also a slight texture added to the gray area. The stains resemble hand prints. This is just one example of a grungy header that gives a blog design a unique feel.

    Visit the Website

  • Stains

    The Piss Biscuit

    Many websites now are using a similar approach to The Piss Biscuit, which uses a desktop-themed design featuring a coffee mug and some coffee stains. Money, tabs and paperclips are also used in the background image, but the coffee stain gives it an additional touch. As you’ll see below, there are a number of Photoshop brushes that can help you to achieve this stained look on your own work.

    Visit the Website

  • Stains

    Electric Pulp

    Electric Pulp’s portfolio website includes a light gray background with a subtle texture to it. On top of that texture, a major portion of the background includes one large stained area. The stain is a slightly darker shade of gray, which keeps it from being an overpowering contrast to the lighter gray, but it adds more texture and intrigue to the design.

    Visit the Website

  • Stains

    Bridge55

    Bridge55′s website uses a grungy background image of a wall texture with some bricks showing through. The repeating background image contains a lot of texture and some stains that provide some variation in the shades of color. The end result is an impressive background that closely resembles a real wall.

    Visit the Website

Tutorials

  • Stains

    Hero Header Part II

    PS Hero put together a two-part series for creating the sites old header image. The second part of the tutorial includes creating a logo area with an old, stained paper background (you can see the first part of the series here). The tutorial uses a combination of a stock photo, some grunge brushes and Photoshop effects to create the stained paper look.

    Visit the Tutorial

  • Stains

    Make an Inspiring Artistic Poster with Drawn Elements

    Several months ago Alex Beltechi wrote this tutorial for Psdtuts+ on the process of designing an artistic poster with drawn elements. The design includes some grungy stain effects which he creates by using some free watercolor brushes. The tutorial includes a number of tips from Alex for creating the stains effectively without going overboard.

    Visit the Tutorial

  • Stains

    Creating Old Paper with Custom Brushes

    This is another excellent tutorial from PS Hero. This time the approach involves scanning a paper texture and using it to create custom brushes in Photoshop. The custom brushes are then used along with a number of different adjustments and effects to create a realistic old paper with stains from age.

    Visit the Tutorial

  • Stains

    Create a Graphic Statue in Photoshop

    In this Psdtuts+ tutorial, Constantin Potorac starts with a photograph and turns it into a statue. Throughout the process, adding texture is one of the keys to achieving the end result. An additional textured image is then used to create the appearance of blood stains on the statues head and hand.

    Visit the Tutorial

Photos/Images

  • Stains

    Brown Stains

    This stock image is from deviantART user JensStockCollection. This image could serve as inspiration for an effect that you would like to create on your own in Photoshop, or it can be used as a stock texture for your own work.

    See the Image

  • Stains

    Eleonora di Toledo

    Eleonora di Toledo was done by deviantART user ersi. The subject was a Spanish noblewoman of the sixteenth century. This piece was done on tea-stained watercolor paper. The drawing was then scanned and additional stains were created with Photoshop. If you like this work, you may want to see more from ersi, including Venus Remembering.

    See the Image

  • Stains

    Ink Stains

    Ink Stains was done by deviantART user manas-lover, who also has plenty of other work in their deviantART portfolio. This piece uses a texture background, dark edges and some ink stains on top of the image. The end result is an aged-texture look.

    See the Image

  • Stains

    Organic Coffee Stains

    Apparently the name is deceiving, as this piece from deviantART user BeatlesGuru is not actually a coffee stain. A similar end result could be created by using a combination of different stain and splatter brushes in Photoshop.

    See the Image

  • Stains

    Coffee Stains

    This piece from Lovers and Fighters on devianART is a self portrait with some coffee stains added. The coffee stains are subtle, but they give a different feel to the portrait than it would have without them.

    See the Image

  • Stains

    Blood Stains

    This photo manipulation was done by deviantART user KTonBroadway. You can also see the original photo on deviantART. Some crack textures and red color were used to create the appearance of blood stains on the model’s face.

    See the Image

Brushes

  • Stains

    Oil Stains

    This brush set from Room122 (available in the Psdtuts+ "freebies" section) includes ten brushes of oil stains from a sidewalk. The brushes range from 800 to 1800 pixels.

    Get the Brushes

  • Stains

    Coffee Stains

    This set of brushes was created by Nyssa and is available at Brusheezy. There are 17 brushes in the set and a wide variety of sizes, ranging up to 2000+ pixels. The quality is also very good.

    Get the Brushes

  • Stains

    Coffee Stains

    Guerilla Graphics created this set of high resolution brushes available at Qbrushes. There are 22 brushes in the set, and many of them are between 1000 and 2500 pixels.

    Get the Brushes

  • Stains

    Water Stains

    This brush pack from Obsidian Dawn includes 24 different brushes of water stains. These brushes are of good quality but the sizes only go up to 700 pixels. If you’re working on a large background image or something else that requires high resolution, you made need to use one of the other options in this article.

    Get the Brushes

  • Stains

    Stains

    This set of 19 stain brushes comes from deviantART user nokari. The brushes are of good quality, but the largest is just over 600 pixels.

    Get the Brushes

  • http://www.opensourcehunter.com OpenSourceHunter

    Very nice resources!

    Thanks for sharing

    greetz

  • Drew

    Steven Snell? I know people…and I have a very good feeling about you.

  • http://www.smashandpeas.com/ Lee Milthorpe

    Some really good resources there. I particularly like the photo manipulation one’s!

  • http://www.sanpietroinguarano.org bodhi

    Thanks!!!

  • http://www.urbancool.net UrbanCool

    great stuff!!! some of these could really come in handy!

    thanks!

  • http://www.xqlusive.nl xQlusive

    Nice stuff, im going to try some of the tutorials!

  • http://www.naldzgraphics.net Naldz Graphics

    great stuffs as always

  • Catherine Tsapelik

    Thank you so much!

  • http://guitarjockey1115.deviantart.com/ Jeremy Newton

    Thanks for the awesome post. I love the grungy style along with the desk and coffee stains, so I love getting more inspiration on the design.

  • http://www.chezchris.de chris

    thanks 4 it :)

  • http://gdefect.com gDefect

    Awesome

  • Christina

    More stain brushes, Check out this resource! Photoshop free brushes,

    http://123freebrushes.com/?s=stain

  • Mikel D.

    WHOA!!!! nice…

  • http://www.wpdone.com WPDONE

    Great resources. I’ll need these in the feature I think. Thanks!

  • http://chibidesign.com keruchan

    great stuff!! bookmarked!! ^^

  • http://www.creative32.com Qiming

    Awesome, thanks for sharing :D

  • http://www.pixel-hustler.com J. Broadway

    Wow. This is awesome. I’ve been a frequent visitor of this site, but I just finally feel compelled to reach out and say great job guys. The web needs more stuff like this. A great professional-quality resource. I’ll definitely be passing this page around as I have many of your others. Thanks again!

  • http://www.makestablemoney.com/ Make Stable Money Online

    Sweet inspiration roundup, will be checking these sites out more in depth later!

  • http://www.saustomat.co.cc/ saustomat

    thanks ! :D

  • Pingback: Neue Links vom Februar 27th bis März 2nd - Neustart-Magazin

  • Pingback: Heads Up Seven Up Blogroll for March 2, 2009 | GrandmasterB dot com

  • http://www.crearedesign.co.uk victoria blount

    I like these effects, the coffee stains and splatters, i think they add an injection of realism onto a webpage design. Thanks for the great resource, i’m inspired to give it a go!

  • Pingback: 43 Incredibly Useful Collection of Tutorials, Resources, Insiprations « the gypsy

  • http://www.bzminisites.com Bagus Zen

    what can i say…it’s awesome

  • Pingback: Enlaces semanales que no he publicado (9) | Cosas sencillas

  • http://www.monomoda.com Kwame

    Thanks for the great links, I always enjoy these. I have some articles and links to more great inspiration on my blog MONOmoda- check it out!

  • Pingback: Colección de enlaces Marzo 2009 | Lab713 · laboratorio creativo

  • Pingback: How to Create a Grunge Style Illustration with Stains - Psdtuts+

  • Pingback: How to Create a Grunge Style Illustration with Stains | Smoky's blog

  • Melissa

    It’s awesome, Thanks for sharing VERY MUCH!

  • http://www.aphrodite1994.com Aprhodite

    There are some great sources of inspiration here. I think texture can bring a lot extra to an otherwise plain design. I’ve been thinking about re-doing a few websites and this list will help me out a lot! Thanks!

  • http://seblank.wordpress.com Seblank

    sweet stuff, but hard to make great design. :(

  • http://laptopdongduong.com/ Phil Nguyen

    Amazing set of sources !
    I visited The Piss Biscuit site, it’s tutorials are quite interesting & useful for me.
    Thank alot for sharing, just keep it up

    Phil

  • http://www.clippingdesign.com Arifur Rahman

    Really very useful & beautiful sources. It help me many ways. Many many thanks for share.

  • http://www.clippingpathprovider.com Arifur Rahman

    How can i say that it is awesome? Really a great resource.