• Chad Mueller

    Chad is the owner of Inspiredology. He is a freelance designer who enjoys working on websites, logos and anything to get his creative juices flowing. Inspiredology Profile Website Twitter

Showcase of Watercolour in Webdesign

This past year I have found that more and more websites have some sort of watercolour effect on them. This effect or style has really come alive in 2008. There are many websites that use this effect to create depth and texture. Though in most cases, watercolour being a very subtle effect, your aesthetics of your site can improve greatly. I personally love the watercolour effect, I think it’s not to distracting but adds something to a design.

Pictuddre 20

P2icture 12

Picture 20

Picture 2

Pictursafde 5

Picture 43

PictureaSDF 7

Piddcture 44

Picture 65

Picture 9

Picture 47

Pictureeee 1

Picture 17

Pictureee 9

Picture 10

Picture 42

573581200953275

24_stinaperssonwater14

Here are some extra links, some free brushes and tutorials to help make your own effects.

Free Hi-res watercolour Photoshop Brushes 1 & 2Bittbox

Create Cool Watercolour Effects in PhotoshopPSDTUTS

Search

Inspiredology – Design Inspiration Lab

@inspiredology

  • Inspiredology – Design Inspiration Lab
  • Inspiredology – Design Inspiration Lab

    @chadmueller

  • Inspiredology – Design Inspiration Lab
  • Inspiredology – Design Inspiration Lab

    @andrewdertinger

  • Inspiredology – Design Inspiration Lab
  • Inspiredology – Design Inspiration Lab

    @MikePuglielli

  • Inspiredology – Design Inspiration Lab
  • Join the discussion

    • January 24, 2011 at 8:29 pm

      As a professional watercolor artist and am THRILLED to see impressions of watercolor being used as illustration on the web! Keep up the great work!

    • June 22, 2010 at 10:21 am

      I like it very Beautiful..

      ipad bag

    • April 3, 2010 at 6:21 am

      This collection really inspired us while working on our own website… Thank you!

    • April 8, 2009 at 10:04 am

      Showcase of Watercolour in Webdesign http://tinyurl.com/6l424h

    • August 23, 2008 at 6:24 am

      Anyone interested in creating a watercolor style image… i have a video tutorial for it:

      http://learnitpassiton.com/?p=66

    • August 21, 2008 at 1:10 am

      Great content. I’ll keep coming back for similar posts which I cannot wait to read….

    • August 20, 2008 at 8:23 pm

      Really inspirational post, i really need more free time to make some inspired work like these.

      Thanks Max | Design shard

    • August 20, 2008 at 7:02 pm

      I love watercolour for webdesign and i would try to work on free wp theme with this technique if i have free time. http://moourl.com/wcd

    • August 20, 2008 at 6:19 pm

      I’m a huge fan of this style. Thanks for compiling and sharing such an inspiring list!

    • August 20, 2008 at 4:48 pm

      I just did a bunch of graphics in this style. I’ve been using a mask to erase the whole image (in photoshop) and then I grab a watercolor brush (the ones from bittbox are great)and use that to bring the image back into view. It’s a lot of fun and a great way to spiff up images.

    • August 20, 2008 at 2:47 pm

      I really love watercolour in webdesign & try to make a free wp theme with this style.

    • August 20, 2008 at 4:37 am

      The Viget Inspire site is my absolute favourite. If you wish to get more free hi-res watercolour brushes I recommend visiting fudgegraphics