Watercolor Effects

download Watercolor Effects

of 25

Transcript of Watercolor Effects

  • 7/30/2019 Watercolor Effects

    1/25

    Create Cool Watercolor Effects inPhotoshopSome time ago I wrote anarticleon my blog listing some fashion-style illustrations from really amazingdesigners such asBruno Fujii,Margot Mace,Raphal of My Dead Pony,Stina Person, and others. The coolest

    thing in their design work is their use of watercolor effects. So in this tutorial I will show a quick way to

    simulate that effect using only Photoshop and some brushes.

    Final Image PreviewBefore we get started, lets take a look at the image well be creating. Click the screenshot below to view the

    full-size image. As always, the full layered Photoshop file is available via ourPsdtuts+ Plus membership.

    http://abduzeedo.com/stylish-fashion-illustration-inspirationhttp://abduzeedo.com/stylish-fashion-illustration-inspirationhttp://abduzeedo.com/stylish-fashion-illustration-inspirationhttp://illustplosion.com/http://illustplosion.com/http://illustplosion.com/http://agent002.com/http://agent002.com/http://agent002.com/http://mydeadpony.com/http://mydeadpony.com/http://mydeadpony.com/http://www.stinapersson.com/http://www.stinapersson.com/http://www.stinapersson.com/http://psdtuts.com/join-psdtuts-plus/http://psdtuts.com/join-psdtuts-plus/http://psdtuts.com/join-psdtuts-plus/http://psd.tutsplus.com/tutorials/tutorials-effects/photoshop-watercolor-effect/http://psdtuts.com/join-psdtuts-plus/http://www.stinapersson.com/http://mydeadpony.com/http://agent002.com/http://illustplosion.com/http://abduzeedo.com/stylish-fashion-illustration-inspiration
  • 7/30/2019 Watercolor Effects

    2/25

    Step 1Create a new document and a new layer. Rename the layer to texture and fill it with white. Make sure that

    the foreground is white and the background is black. Then go to Filter>Texture>Texturizer, and use Canvas for

    the Texture, 80% Scaling, and 2 for the Relief.

    http://d2f8dzk2mhcqts.cloudfront.net/142_Watercolor_Hair/full_preview.jpg
  • 7/30/2019 Watercolor Effects

    3/25

  • 7/30/2019 Watercolor Effects

    4/25

    Step 2Place an image in your document. The one used in this tutorial can be downloaded at thislink. Then delete the

    background. You can use the Path Tool (P) or the Polygonal Lasso Tool (L). Tip: It doesnt need to be perfect

    because we will apply some filters in the next step.

    http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022http://www.sxc.hu/photo/959022
  • 7/30/2019 Watercolor Effects

    5/25

  • 7/30/2019 Watercolor Effects

    6/25

    Step 3Select the layer of the girl and go to Image>Adjustments>Levels. We want to increase the whites here. Then

    go to Image>Adjustments>Hue/Saturation, and change the Saturation to -65.

  • 7/30/2019 Watercolor Effects

    7/25

    Step 4Now go to Filter>Artistic>Watercolor. Use the following settings: Brush Detail 9, Shadow Intensity 0, and

    Texture 1.

    Step 5With the girls layer selected, go to Layer>Layer Mask>Reveal All. Then select the Brush Tool (B), with black

    for the color, and mask the body of the girl.

  • 7/30/2019 Watercolor Effects

    8/25

  • 7/30/2019 Watercolor Effects

    9/25

    Step 6We need the Bittbox Watercolor Brushes 2 that you can download at thislink.

    Next we create a new layer. Then with the Brush Tool (B) selected, choose the seventh brush from the BB

    Watercolor Brushes. Use black for the color. Then reduce its size to fit the document. After that, rotate and

    resize the layer. The idea is to create watercolor-style hair for the girl using the brush.

    http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii/http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii/http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii/http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii/
  • 7/30/2019 Watercolor Effects

    10/25

  • 7/30/2019 Watercolor Effects

    11/25

    Step 7Now go to Layer>Layer Style>Blending Options. Change the Fill Opacity to 0. Then select the Color Overlay

    option. Use red for the color and Multiply for the blend mode. For the Opacity use 70%. Then select the Satin

    option. Use Hard Light for the blend mode, purple (#5d085c) for the color, 20 for the Angle, Distance 4px,

    and Size 12px.

  • 7/30/2019 Watercolor Effects

    12/25

  • 7/30/2019 Watercolor Effects

    13/25

    Step 8Create a new layer. Then select another brush with the Brush Tool(B). I used the 17th Bittbox Brush. The

    concept were using is to design different creative-looking hairstyles. So lets continue with that. On a new

    layer, paint some brush strokes in the middle of the screen. Then resize and rotate them until they look good.

    You should achieve a stylized hair look, as in the image below.

    Step 9Go to Layer>Layer Style>Blending Options. Set the Fill Options to 0. Then add a Color Overlay. Use Overlay

    for the blend mode, Blue (#002cec) for the color, and set it to 50% Opacity. Then select Satin. Then use the

    following settings: a slightly darker blue (#065795) color, a Linear Burn for the blend mode, a 100% Opacity,

    a 19 Angle, an 11px Distance, and a 14px Size.

  • 7/30/2019 Watercolor Effects

    14/25

  • 7/30/2019 Watercolor Effects

    15/25

    Step 10Lets brush in some more hair. This time well use green. Create a new layer, and select the Brush Tool(B).

    Then select another brush from the watercolor set. Select the last one, reduce its size, and paint more hair. Use

    just one click when brushing. After that you can resize and rotate it.

    Now go to Layer>Layer Style>Blending Options. Again set the Fill Options to 0. Then add a Color Overlay,

    use Multiply for the blend mode, Green (#18ff00) for the color, and 100% for the Opacity. Then select Satin.

    Use the following settings: darker green (#0b9600), Darken for the blend mode, 100% Opacity, 19 Angle, 4px

    Distance, and 7px Size.

  • 7/30/2019 Watercolor Effects

    16/25

  • 7/30/2019 Watercolor Effects

    17/25

    Step 11Next we repeat the process one more time. Create a new layer. Then select the Brush Tool(B). Select another

    brush, reduce its size, and paint more hair. Adjust it by resizing and rotating it until it looks good.

    Again, go to Layer>Layer Style>Blending Options. Change the Fill Options to 0. Then add a Color Overlay,

    use Hard Light for the blend mode, yellow (#ffe400) for the color, and 100% for the Opacity. Then select

    Satin. Use the following settings: darker yellow (#a2a406), Color Burn for the blend mode, 100% Opacity, 19

    Angle, 17px Distance, and 73px Size.

  • 7/30/2019 Watercolor Effects

    18/25

  • 7/30/2019 Watercolor Effects

    19/25

    Step 12Now select the layer with the girls face. Change the blend mode to Screen. Then make some adjustments, like

    fixing the neck using a regular brush with a white color.

  • 7/30/2019 Watercolor Effects

    20/25

  • 7/30/2019 Watercolor Effects

    21/25

    Step 13Type the text you want; I typed Psdtuts+. Then go to Layer>Layer Style>Gradient Overlay. Create a gradient

    using Red, Yellow, Green, and Blue. Use 180 for the angle and Normal for the blend mode.

    Create another layer, and make sure that the text is on top of this new layer. Then with the Rectangular

    Marquee Tool, create a rectangle selection and fill it with white. Next we merge these two layers (the text with

    the white rectangle). This is necessary to add some text effects; otherwise the filters wouldnt work well.

  • 7/30/2019 Watercolor Effects

    22/25

  • 7/30/2019 Watercolor Effects

    23/25

    Step 14Now we apply some filters to the text. First go to Filter>Brush Strokes>Sprayed Strokes. Use Stroke Length

    17, Spray Radius 0, and Stroke Direction Vertical. After that go to Filter>Artistic>Watercolor. Use the

    following settings: Brush Detail 11, Shadow Intensity 0, and texture 1. That will create a nice text effect, or

    you could experiment with different filters until you achieve optimal results.

  • 7/30/2019 Watercolor Effects

    24/25

  • 7/30/2019 Watercolor Effects

    25/25

    ConclusionThis tutorial presents a quick and easy way to create a nice design. We achieved this by mixing a photo with

    watercolor effects. We used some watercolor brushes and played with blend modes. Keep in mind though, if

    you can paint it for real, you will be able to create very original artwork, like the designers I mentioned before.