Digital Painting Process: Water Color Painting Simulation

View testimonialsView Artwork
Page 1 of 2 1 2 LastLast
Results 1 to 30 of 55
  1. #1
    Join Date
    Apr 2005
    Location
    Gainesville
    Posts
    1,150
    Thanks
    77
    Thanked 941 Times in 222 Posts
    Follows
    0
    Following
    0

    Digital Painting Process: Water Color Painting Simulation

    This seems so basic, I’m almost ashamed to post it here… almost

    But, in case you're interested, here's a small tutorial on how I get a nice artificial watercolor-look in Photoshop 7. I'm sure that Painter actually has nice watercolor brushes that render all this extra work obsolete, but Photoshop users might find it interesting. It's pretty simple, too.

    Step 1: Put your linework on a transparent background. There are a number of ways to do this, so I’ll just briefly say this. Clean up your linework first (adjust contrast, etc), then:
    1. Click the 'channels' tab.
    2. Click 'load channel as selection'.
    3. Click 'delete' to get rid of the white.
    4. Select 'inverse' to select your lines.
    5. Hit ctrl C (to copy your selection) and ctrl V (to paste into a new layer).
    6. You're done!

    The reason I like to do this is it allows you to change your inkwork from black to... whatever color you like. Brown lines look especially nice if you're looking for a real old school traditional feel. Make sure you lock the transparency of the layer before beginning work on it. To change any linework, simply unlock and alter it as you normally would. Here's the linework for my piece. I've got a white background behind it so you can see it. I've already changed some of the line colors:

    Digital Painting Process: Water Color Painting Simulation

    Step 2: Blend colors. So, to get the nice gradations in color that occur when you're using wet-on-wet watercolors, you can use the healing brush, the little 'band-aid' on your tool pallette. The way I do this is pick a portion of the painting and block in all of the basic colors. Then go back and blend the edges with the healing tool set on 'multiply' (on your tool settings). Here's some random scribbling so you can see what it might look like:

    Digital Painting Process: Water Color Painting Simulation

    I like to work on each 'element' separately, that way I can't screw up the whole thing at once. It's best to just go crazy with color, then use the healing tool, then clean up around your lines with the eraser. Here's the monster, cleaned-up:

    Digital Painting Process: Water Color Painting Simulation

    and the background - all done the same way - on a separate layer. It gets a little boring after a while :? :

    Digital Painting Process: Water Color Painting Simulation

    Step 3: Time to add texture. Once you've got your finished image all sorted out - colors adjusted, etc. - you're ready to add some texture. Save your finished pic as a jpg or flatten your image (you could do this in your PS file, but it gets kind of messy below when adjusting colors). Here's my finished image without texture:

    Digital Painting Process: Water Color Painting Simulation

    So, grab your texture image - this can be an interesting piece of paper that you scanned, or just about anything. Mine came courtesy of RobG, but there’s a really nice free texture library here: http://mayang.com/textures/

    Here it is 'in action':

    Digital Painting Process: Water Color Painting Simulation

    Cut out a piece of the texture that matches the size of your picture and paste it into a new layer on top of your image. It should cover it up. Set your texture layer style to 'overlay':

    Digital Painting Process: Water Color Painting Simulation

    Step 4: Adjust your texture. You should change aspects of the texture layer, like hue, saturation, and opacity. Also, you may want to make some adjustments to your base image now that it's got this overlay - I've upped the contrast and made some color changes. Having the picture as a single layer really makes this process a lot easier.

    Digital Painting Process: Water Color Painting Simulation

    And it is finished. Hope that was helpful to some people.

    Digital Painting Process: Water Color Painting Simulation

    Attached Images Attached Images
    Last edited by Sepulverture; November 24th, 2009 at 10:32 AM. Reason: Cleanup and re-organizing - Sepulverture
     


  2. Hide this ad by registering as a member
  3. The Following 74 Users Say Thank You to bluefooted For This Useful Post:

    + Show/Hide list of the thanked


  4. #2
    Join Date
    Jan 2003
    Location
    Rhode Island
    Posts
    1,062
    Thanks
    322
    Thanked 167 Times in 65 Posts
    Follows
    0
    Following
    0

    Wow

    Sweet Jesus!! Thanks Blue!
    It's nice to see a tutorial like this for photoshop, I always feel like I wished it could do more. After seeing this it's like a breath of fresh air. I'm glad you posted this, it was very helpful.
    I wouldn't mind trying out some of those textures your friend gave you, that is if you don't mind. Thanks again for the tut, Awesome job!

     

  5. #3
    Join Date
    Feb 2005
    Location
    Massachusetts
    Posts
    219
    Thanks
    0
    Thanked 1 Time in 1 Post
    Follows
    0
    Following
    0
    Very nice! I was wondering how you got the texture look to your piece. Now I know. I didn't realize it would have been that easy. COW had a thread for the winners or anybody who was requested to post tutorials but it probably sank to the bottom of the page into oblivion by now. I'm not sure if you would want to keep the thread here or have a mod move it.

     

  6. #4
    Join Date
    Apr 2005
    Location
    Gainesville
    Posts
    1,150
    Thanks
    77
    Thanked 941 Times in 222 Posts
    Follows
    0
    Following
    0
    I'm glad you guys found it useful - it is sort of one of those 'duh' techniques where you just realize how easy it is.

    Gloklund: He posted them on the Poo. I'll put up a link here and hope I don't offend anyone:

    http://www.eatpoo.com/phpBB2/viewtopic.php?t=35809

    Be sure to thank RobG for these!

    leckronium: Yay, I thought about putting it there, but this was sort of more generally for the technique than the particular image - it just happened to be handy. Maybe someone will move it. Thanks for the comment!

     

  7. #5
    Join Date
    May 2003
    Location
    Hudson River valley, NY
    Posts
    16,212
    Thanks
    4,879
    Thanked 16,678 Times in 5,021 Posts
    Follows
    0
    Following
    0
    Wonderful piece, wonderful tutorial. But for heaven's sake, work at a higher resolution! Your stuff is definitely professional quality, but it's going to print like crap if a 100% veiw fits on your screen.


    Tristan Elwell
    **Finished Work Thread **Process Thread **Edges Tutorial

    Crash Course for Artists, Illustrators, and Cartoonists, NYC, the 2013 Edition!

    "Work is more fun than fun."
    -John Cale

    "Art is supposed to punch you in the brain, and it's supposed to stay punched."
    -Marc Maron
     

  8. #6
    Join Date
    May 2003
    Location
    Hudson River valley, NY
    Posts
    16,212
    Thanks
    4,879
    Thanked 16,678 Times in 5,021 Posts
    Follows
    0
    Following
    0
    Also, regarding step 3: There's no real reason to save as a jpeg (with the resulting possible information loss), you could just flatten the image.


    Tristan Elwell
    **Finished Work Thread **Process Thread **Edges Tutorial

    Crash Course for Artists, Illustrators, and Cartoonists, NYC, the 2013 Edition!

    "Work is more fun than fun."
    -John Cale

    "Art is supposed to punch you in the brain, and it's supposed to stay punched."
    -Marc Maron
     

  9. #7
    Join Date
    Apr 2005
    Location
    Gainesville
    Posts
    1,150
    Thanks
    77
    Thanked 941 Times in 222 Posts
    Follows
    0
    Following
    0
    Elwell: You're right, of course. It's just a hobby and I don't plan on making prints of these. I work small because my computer (well, not mine actually) runs excrutiatingly slowly with large images. It just isn't fun to paint digitally anymore when you apply the paint... then wait 5 minutes for it to show up on the screen, repeat a thousand times Anyway, I do all my inking on watercolor paper, then color it traditionally so I have a finished piece as well as a small digital pic.

    As for flattening - that's a much better way to do it. I'll amend the tutorial. I just get rid of my PSD files almost as soon as they're done - I can't spare the space on my HD. And thanks for the 'professional-quality' comment

     

  10. #8
    Join Date
    May 2003
    Location
    Hudson River valley, NY
    Posts
    16,212
    Thanks
    4,879
    Thanked 16,678 Times in 5,021 Posts
    Follows
    0
    Following
    0
    Fair enough. It just seems a shame that something like this would only translate into a little more than 2"x3" at 300dpi, should the possibility ever arise (and hey, you never know). Adding more RAM is (relatively) cheap and easy, and makes more of a difference than anything else in terms of Photoshop performance.


    Tristan Elwell
    **Finished Work Thread **Process Thread **Edges Tutorial

    Crash Course for Artists, Illustrators, and Cartoonists, NYC, the 2013 Edition!

    "Work is more fun than fun."
    -John Cale

    "Art is supposed to punch you in the brain, and it's supposed to stay punched."
    -Marc Maron
     

  11. #9
    Join Date
    Jun 2005
    Location
    Belgium
    Posts
    188
    Thanks
    2
    Thanked 22 Times in 9 Posts
    Follows
    0
    Following
    0
    ! cant find the 'load channel as selection'button!


     

  12. #10
    Join Date
    Apr 2005
    Location
    UK
    Posts
    106
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Brilliant!

    Thanks Bulefooted, stunning image, and the tutorial explained a load of things I've been wanting to ask for a while.

    Yay, it's gonna be fun trying this out.

    I can't beleive your not a pro.
    Having quickly checked out your other stuff....
    I still can't beleive it!

    Thanks.

     

  13. #11
    Join Date
    Apr 2005
    Location
    Gainesville
    Posts
    1,150
    Thanks
    77
    Thanked 941 Times in 222 Posts
    Follows
    0
    Following
    0
    The 'load channel as selection' icon is a little sun-looking symbol that appears along the bottom of your channels box. You have to have hit the channels tab (next to layers) for it to show up. I think its the little icon that's farthest on the left. Sorry if I can't be more specific - I'm out of town and don't have access to Photoshop

     

  14. #12
    Join Date
    Nov 2004
    Location
    Canada
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    If you make any more tutorials please let me know. Your work is mind-blowing gorgeous.

     

  15. #13
    Join Date
    Aug 2006
    Posts
    2,090
    Thanks
    341
    Thanked 153 Times in 108 Posts
    Follows
    0
    Following
    0
    bluefooted I read about this thread elswhere and finaly found it, but the immages are down, I know more people than me (over at CGtalk etc) are looking for digital watercolor tut. Any chance finding this files?
    plz. thnx/D

     

  16. #14
    Join Date
    Apr 2005
    Location
    Gainesville
    Posts
    1,150
    Thanks
    77
    Thanked 941 Times in 222 Posts
    Follows
    0
    Following
    0
    ikuru, sorry about that! I've fixed all the links here, so you can actually see the tutorial. Hope it's useful to you

    blue's sketchbook
    Someone gave me this custom title and I will never, ever change it!
     

  17. #15
    Join Date
    Mar 2007
    Location
    Greater Philadelphia Area
    Posts
    290
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Ah... wonderful tutorial! I can't wait to use it! Thanks again, bluefooted!

     

  18. #16
    Join Date
    Aug 2006
    Posts
    2,090
    Thanks
    341
    Thanked 153 Times in 108 Posts
    Follows
    0
    Following
    0
     

  19. #17
    Join Date
    Jun 2004
    Location
    stuttgart, (sindelfingen)
    Posts
    1,211
    Thanks
    61
    Thanked 48 Times in 34 Posts
    Follows
    0
    Following
    0
    damn! how could I miss this??
    great tutorial, I always wondered how you work...

    ▄▀▄▀▄▀■ - GORILLA ARTFARE - ■▀▄▀▄▀▄
     

  20. #18
    Join Date
    Feb 2005
    Posts
    1,643
    Thanks
    146
    Thanked 231 Times in 130 Posts
    Follows
    0
    Following
    0
    Sweet stuff, Blue. Thanks for sharing your secrets.

     

  21. #19
    Join Date
    Jan 2007
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    wow the outcome of this is amazing must come back to this when i have a good piece to try it on! Thanks for the tutorial!

     

  22. #20
    Join Date
    Nov 2006
    Location
    Perth, Australia
    Posts
    88
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    awesome work. ive always wondered how to make a watercolour look with just photoshop. im going to attempt this. ill also pre-apologise for the abomination im going to create

    help save the world from artistic poverty. 1 crit a day is all that is needed to prevent these poor people from artistic starvation! make a diference today and drop into the critique forums
     

  23. #21
    Join Date
    Jul 2007
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Beautiful work, Blue. You are very talented. Thanks for the tutorial, this is exactly the kind of thing I was hoping to find here. Thank you so much.
    jk

     

  24. #22
    Join Date
    Nov 2007
    Location
    North Carolina
    Posts
    162
    Thanks
    31
    Thanked 8 Times in 7 Posts
    Follows
    0
    Following
    0
    WONDERFUL tutorial!

    I will try this soon! ^_^


     

  25. #23
    Join Date
    Aug 2002
    Location
    Quito - Ecuador
    Posts
    3,125
    Thanks
    438
    Thanked 333 Times in 223 Posts
    Follows
    0
    Following
    0
    Blending with healing tool? Now that's innovative! Thanks for the tut Bluefooted!

    "Nihil est in intellectu quod non prius in sensu" | SB | Portfolio | FJGC (blog) | DA (Profile) | EJERCICIOS DE COLOR
     

  26. #24
    Join Date
    Jan 2008
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0
    Oh wow...that is some pretty digital art. I would probably have believed you if you said you watercoloured that. P: I love the textured paper thing, that's a really awesome idea.

    I'm going to have to try this technique sometime, definately! Thanks so much for the tutorial.

     

  27. #25
    Join Date
    Feb 2008
    Location
    Malaysia
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Follows
    0
    Following
    0

    Thumbs up

    I always wondered how this was done. This is very insightful yet straight to the point. Thank you so much for making this, I'll give it a try!

     

  28. #26
    Join Date
    Dec 2007
    Posts
    204
    Thanks
    8
    Thanked 8 Times in 8 Posts
    Follows
    0
    Following
    0
    Thank you for the tutorial, it is very useful for a beginner like me

     

  29. #27
    Join Date
    Jan 2006
    Location
    Canada
    Posts
    6,035
    Thanks
    2,167
    Thanked 3,345 Times in 1,123 Posts
    Follows
    0
    Following
    0
    This is really going to help me on a piece I'm stuck on, wonderful!

     

  30. #28
    Join Date
    Apr 2008
    Location
    Philippines
    Posts
    82
    Thanks
    9
    Thanked 3 Times in 3 Posts
    Follows
    0
    Following
    0
    I've been looking for ages, for a tutorial like this! Thanks so much!

    My Sketchpad

    Quote Originally Posted by Mitch Hedburg
    This one guy said, "Look at that girl. She's got a nice butt." I said, "Yeah, I bet she can sit down excellently!"
     

  31. #29
    Join Date
    Jun 2008
    Location
    Moscow
    Posts
    248
    Thanks
    58
    Thanked 45 Times in 45 Posts
    Follows
    0
    Following
    0
    this works in CS....but not in CS3?!?!

     

  32. #30
    Join Date
    Mar 2007
    Location
    iceland
    Posts
    256
    Thanks
    65
    Thanked 62 Times in 33 Posts
    Follows
    0
    Following
    0
    wonderful tutorial, have to try this sometime. Thanks for sharing =)

     

Page 1 of 2 1 2 LastLast

Members who have read this thread: 23

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
  • 424,149 Artists
  • 3,599,276 Artist Posts
  • 32,941 Sketchbooks
  • 54 New Art Jobs
Art Workshop Discount Inside
Register

Developed Actively by vBSocial.com
The Art Department
SpringOfSea's Sketchbook