Watercolor Painting Effect in web design has become very important the last couple of years, many proffesional designers are using this style. Even knowing the technique is important in this kind of design, is more about creativity.
To complete this lesson, you must possess basic skills of ownership of the program Adobe Photoshop.
What is Photoshop? Follow the link below for details.
Please feel free to join us and you are always welcome to share your thoughts.
Don’t forget to subscribe to our RSS-feed
Let’s start!
01.
Create new document. Find a good texture for background. I’m using this one
02.
Now let’s add the image background, for this I’m using this image.
Now we will give this picture a fake HDR style, that will make it look more like a painting than a photography. Duplicate it and hit Command + I to invert the colors, set the Saturation to -100 in the Hue/Saturation panel (Command + U) and then change its Blending Mode to Overlay. Finally Select both layers into one.
03.
Now we will use the Art History Brush Tool (Y) to make our picture look like a painting. To make this wonderful feature work, you will need to create a Snapshot first to work with, for this go to Window > History to show the History Panel, and click over the New Snapshot button at the bottom.
04.
Then in the Options Panel, chose any irregular Brush Tip (I’m using a 36px Chalk tip) set Mode to Normal, Opacity to 25% Style Tight Short, Area 25px and Tolerance 0%. Then paint over the layer, you will see how the image turns into a painting fairly easily.
05.
Create a Layer Mask > Reveal All to layer, now we will try to merge the image better with the repeating background using some watercolor Brushes. I’m using this Watercolor brushes set.
Grab any of the brushes, set the foreground color to Black and paint some marks directly over the Layer Mask, which is important. These brushes have different opacities so you can play with them; in case you’re using another brush set, you must change the Brush Opacity and Flow values every time you paint a mark.
You can download PSD file
Related Tutorial
Creating watercolor logo in photoshop
Enjoy! And do not forget to subscribe to the news.
New lessons are coming soon!
LINKS
