Beautiful Watercolor Effect Tutorial and Photoshop Brushes

thumb_watercolor

I like watercolor painting because it feels warm and nostalgic. So I will show you how to turn a photo into a watercolor painting, useful Photoshop brushes and some examples which are used watercolor effect in web design. I hope you like it too!

Watercolor Painting Effect Tutorial


I took a screencast to show how to turn a photo into a watercolor painting. Let’s try it, it’s very easy!

1. Smart Blur

Open an image
Open an image and duplicate that layer (Command+J).

Rename
Rename the new layer as “blur”.

Smart Blur
Go to Filter > Blur > Smart Blur. Set the Radius to 10 and Threshold to 25 to 30.

2. Glowing Edges

Duplicate the source image layer
Duplicate the source image layer and put that layer above “blur” layer. Rename it as “line”.

Glowing Edges
Go to Filter > Stylize > Glowing Edges. Set the Edge Width to 1, Edge Brightness to 12 and Smoothness to 15.

Invert
Go to Image > Adjustments > Invert (Command+I). Then Image > Adjustments > Desaturate (Command+Shift+U).

Multiply
Set the Blend Mode of “line” layer to Multiply. Opacity will be around 50%.

3. Paint

Color Dodge
Duplicate the “blur” layer. Rename this new layer as “painting”. Go to Image > Adjustments > Invert (Command+I). Set the Blend Mode to Color Dodge.

Painting
Set the foreground color to black and select the brush tool. Set the Opacity of this brush to 10 to 50%. Then paint wherever you want to add the colour. That would be a great idea to use a watercolour brush that I will show below. Hmm looks nice.

Watercolor Photoshop Brushes

You don’t need to paint on a paper and scan it, just use Photoshop brushes to add watercolor effect to your design!

Soft Watercolor brushes

Soft Watercolor brushes
Download
Creative Commons License

WG Watercolor Brushes Vol1

WG Watercolor Brushes Vol1
Download
Creative Commons License

Free Hi-Res Watercolor Photoshop Brushes

Free Hi-Res Watercolor Photoshop Brushes
Download
Creative Commons License

WG Dry Paint Strokes

WG Dry Paint Strokes
Download
Creative Commons License

Watercolor Splatters

Watercolor Splatters
Download
Creative Commons License

Watercolor Basics

Watercolor Basics
Download
Creative Commons License

Examples of Watercolor in Web Design

xhtmlCafe
xhtmlCafe

Viget Inspire
Viget Inspire

Hanamichiya
Hanamichiya

Website design Tunbridge wells, Kent
Website design Tunbridge wells, Kent

Boompa
Boompa

Hokusai
Hokusai

The Croquis
The Croquis

Wing Cheng
Wing Cheng

mouf design
mouf design

Big Cartel
Big Cartel

Source

Share

Comments