Create a Watercolor-Themed Website Design
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!
Final Image Preview
Take a look at the image we'll be creating. Want access to the full PSD files and
downloadable copies of every tutorial, including this one? Join Psd Plus for just
$9/month. You can view the final image preview below.
• Program: Adobe Photoshop CS4
• Difficulty: Intermediate - Advanced
• Estimated Completion Time: 4 hours
Before Getting Started
This tutorial should not be followed as a step by step guide, many of the steps are
descriptions of the creative process involved on the making of this particular design
style. Even though this isn't a basic tutorial, it can be easily followed by any level
of Photoshop user, but I'll skip the explanation of very basic instructions like
adding a Guide or creating a Layer mask.
As a full time web designer I have experience dealing with clients which need a design
finished in a matter of days or even hours, and when you're running out of time every
minute is precious gold, so I'll try to give you some time saving tips that will come
in handy later.
Not all designers knows CSS, if you're one of them you must know from the very beginning
that you're designing something that will be sliced and put into pieces; repeating
backgrounds, text layers, and large image backgrounds must be perfectly placed into
the design to avoid undesired changes.
Imagine What You Want to Achieve
It's a good practice to start with a sketch or a wireframe in order to have an idea
of where to put the elements in the canvas. Here is my rough