Productivedreams.com ProductiveDreams - Everything that web designers need, owned by Gopal Raju

A blog to keep you updated on the latest design trends.
RSS

Trend Review: Coffee Stains in Web Design

Filed Under

Hi, hope you had a great week end! I know it’s been a while since I posted something, so here it goes…

In one of my previous trend reviews, I had mentioned about the cofeecup trend. What if you drop the cofee on your table or paper? yes, it becomes another trend ;)

Do you think adding some coffee stains to your design would make it look better? Here goes a list of hand-picked designs that proves it! I’ve included links to tutorials on how to create such stains in photoshop as well.

Stains in websites

Coffeenatic

Coffeenatic coffee stains

iSpoil

ispoilnet cofee stain

teh C peng

tehcpengnet stained background

The Greg Brady Project

Greg Brady - stain on paper

The Piss Biscuit

thepissbiscuit-paper

Mike Desjardins

Mike Desjardins

What would you need to create these cool hot stains?

Its simple…
Photoshop brushes

coffee photoshop brushes

divinity-bliss-photoshop-brush
morning coffee
brusheezy
digea-getbrushes

Now, how to create these brushes?

Its not that hard. Here goes a nice tutorial by web design library But make sure not to spill your entire coffee after reading this :)

Coffee stain social networking iconset

Social Networking Coffee Stain Icons

Wallpaper

A coffee stainfree wallpaper
wallpaper
for to keep you inspired.

And finally, a twitter theme

twitter background theme

I hope you enjoyed this post. Stay tuned!

16 Comments

Leave Your Reply

  1. Maxdoro says: Nice blog, interesting article, I shall try out myself. Thanks for sharing.
  2. Shaishav says: Hey , Amazing website. Never seen something like this, the drag & drop effect.
    Care to send me the code please.
  3. Reclamebureau Website maken says: Just what I looked for! Thanks for the tutorials… going to make one and I’ll send a stain design when it done.
  4. kre8iveminds says: Hi, nice designs. You are really creative.
  5. Svetainiu kurimas says: Now that is a challenge! I will try this out and let everyone know the outcome
  6. Harrison says: Coffee designs are used very effectively and I must commend the people who have worked on this.Good job there
  7. Eric B. says: The Ubuntu wallpaper is a coffee stain?
  8. Dave says: Hi, I seem to have the last comment on your previous article about coffee and stumbled into this one again too!

    Bookmarked your site to look into again sometime when it’s not silly-o-clock in the morning!

    Nice work! :)
  9. beli says: Your design tips are good. I will try some of those and let you know hot it come out.


    Webdesign Stuttgart
  10. sulumits retsambew says: Gopal, It is nice to see lot of designing tips on your website. I really enjoyed reading how to create coffee stains in web designs.
  11. gautam hans says: Ya i have stains on many website templates. Dirty looks good! dugg!
  12. Graphire says: Lovely coffee stain collection! Makes me wanna have another cup. =). Thanks for including designfreebies twitter theme. Twitted!
  13. Enk. says: Great and interesting list.. nice idea to post about :D
  14. ranish chirayil says: Nice pick…
  15. cheth says: Nice roundup :) I’m starting to like these stains.. lol dugg and stumbled your post.