preview
videos

Create a Watercolor-Themed Website Design with Photoshop – Screencast

on Dec 7th 2009 with 18 comments

“Watercolor in graphic design has become very trendy the last couple of years, many websites and incredible designers are using this style and taking it to another level. Even knowing the technique is important in this kind of design, is more about creativity and experimentation. You will learn how to use the Art History Brush and combine it with watercolor custom brushes to create a nice background header image and more. Let’s get it started!”Alvaro Guzman

Here is a link to the written version of the tutorial Create a Watercolor-Themed Website Design with Photoshop and the video version is below.

Gavin Steele is godonholiday on Themeforest
Tags: Videos
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Gavin is from Douglas, Isle of Man and currently teaches ICT in a secondary school in London. He compiles screencasts for Psdtuts+!  

Plus Premium
 
 
  • http://www.webdevtuts.net/ Marcell Purham

    Great Screencast! It’s good to see techniques live:)

  • http://hx-design.be Zijkant

    Nice tutorial you got there m8.

  • http://BlocXs.deviantART.com BlocXs

    Everything is perfect :D but You might start recording it in HD. ;)

  • http://www.kaplang.com/blog Michelle

    looks good :)

  • Konrad

    Great Work! Just one little tip. Instead of positioning the paper background piece by piece, you could make it a pattern. If you apply that pattern to a layer which fills the whole canvas, you might save a some time!

    BTW Using offset was an eye opener! Thank you very much!

  • http://www.shresthasuman.com.np suman

    nice video tutorials and hope jeffery will convert this photoshop to xhtml. if he converts this design to xhtml then it will be a great help for people like us. looking forward for the conversion of this particular design.

  • usama

    its real amazing

  • Luis Alberto

    i’m with some problems with the grids..
    how do u make the horizontal grids?
    the question is for anyone.. thkz

  • Luis Alberto

    ok. to be more clear, what is the horizontal grid positions?
    thnaks
    i know make the grids but no the position

  • adrian

    hey, how would you transport that into a a program that will enable you to code it all, and make it dynamic?

  • Anil Gajjar

    Great, creative work….

  • rjn143

    Greate tutorial !!!
    But hope Jeff wud convert this PSD layout to XHTML.
    That would help a lot :)

  • Ciwan

    Hi Guys

    I’m a premium member.Can I download the finished psd file ?

    Thanks

  • Ryan

    If you put full website layout screencasts w/ the coding for premium members only (high quality), and did that consistently, your site will be above all and would make tons more money. Awesome.

  • irnerne

    Thanks a lot! These are very nice technique and design. I really liked it and learned a bunch of new tricks from this video.

  • Braedan

    The written link is dead

  • Stephanie

    Awesome tutorial, but the written version gives me a 404 page unfortunately.

    • http://psd.tutsplus.com/ Grant Friedman

      Here is the link to that tutorial. Sorry about that.