Quick Tip: Draw an Ink Painting in Photoshop

Quick Tip: Draw an Ink Painting in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS4+
  • Difficulty: Beginner
  • Estimated Completion Time: 15 Minutes
Download Source Files

Final Product What You'll Be Creating

Sometimes all you need to create a quick graphic in Photoshop is a piece of paper, a pen, and a scanner. In today’s tutorial we will demonstrate how to convert a hand drawn sketch into an ink-style painting in Photoshop.


Step 1

First, create a simple drawing in pen or pencil and scan it into your computer. Open Photoshop and separate the drawing from the background by going to Select > Color Range and clicking on the part of the image in the preview that you want to select. You may want to experiment with the "Fuzziness" settings to see what looks best. Generally for hand drawn objects a setting between 90 and 170 works well. Then click "OK" and copy (Cmd/Ctrl + C) and paste (Cmd/Ctrl + V) the drawing onto a new layer. Make sure to name it appropriately so it does not get lost.


Step 2

Now choose a pastel (#ffddff) background for the image and start shading in the drawing. Create a new layer and call it "Shading". Then chose a hard round brush, set the Opacity to around 20% and press F5 for further refinement. In Shape Dynamics set Size Jitter to 50% and leave everything else in that section at 0%. In Scattering set Count Jitter to 100%, Count to 1 and Scatter to 75% (both Axes). In Other Dynamics set both Opacity and Flow Jitter to 20% (Pen Pressure). And most importantly put a check in the "Wet Edges" box.

The size of the brush you use depends greatly on the image that you are working on; sizes 15 and 10 were used on the image below. Use larger brushes first to make the light base. Then go back over the spots you think should be darker with a smaller brush, you may repeat the process decreasing the size of the brush you use for as long as it seems appropriate.


Step 3

After the shading is done it’s time to work on the highlights. Create another layer on top of "Shading", called "Highlights" and use a medium sized brush to draw in the highlights in white.


Final Step

Now come the final touches. In the image below, I’ve made the pavement with the pen tool and added shadows and highlights to it. I’ve also drawn a darker shadow under the umbrella, all using the same brushes and the same technique of layering as before. And finishing the picture I’ve added some falling petals in pink. This was done again with the same technique and brush though increasing the "Scattering" in the brush settings to 500%.

Tags: Tips
  • Rob

    Interesting tut. Very simple.
    I’m quite sure you can use a lot of time making a lot of creative and interesting pictures with this technique.

  • http://sexidesign.com Melody

    Cool, makes me want to pick up the real thing and get started!

  • http://www.tutoriallounge.com Tutorial Lounge

    really cool idea. thanks

  • http://google.com Shaun

    Very nice. Needs a nice and subtle canvas texture to complete it, though.

  • ExtremRaym

    nice way to colorize :P

  • http://www.vaporizerkits.com Da Buddha

    Nice and simple, it looks great ;)

  • http://www.aukyo.com Christopher

    Very nice and original. Great content.

  • http://logolitic.com/ logolitic

    romantic.. very nice

  • http://www.childmonster.com/ Childmonster

    I really like your idea… Thanks :D

  • http://www.webguide4u.com WebGuide4U

    really a nice tutorial even a newbie like me can easily made this. thanks for the share

  • http://mblogphotuz.blogspot.com M Blog Photuz

    What a Creative idea, with the combination of Photoshop tools…

  • Amjad

    Wow great tut! its very easy to colorize in photoshop wit this tut:D.

  • Andrew

    I don’t understand what you mean when you said add a pastel (#ffddff) background for the image. Where do I get this background? Am I suppose to make it? Sorry, I’m very new to photoshop.

  • http://www.17ps8.com peter

    cool

  • http://www.flickr.com/photos/ssushiholic/ ssushiholic

    amazing tutorial!! got me all inspired and i just couldn’t wait any longer to try it out~~!
    i shamelessly re-drew your umbrella :( i hope i will be forgiven one day!

    here’s my work: http://www.flickr.com/photos/ssushiholic/5214392909/

  • http://www.tiffinroyale.com currybill

    For me this is a lovely breakthrough in illustration technique which I shall employ in a book I am illustrating.

  • http://www.flickr.com/ricardoburanelo Ricardo Buranelo

    amazing tutorial =ooo I love it…

    Here’s my work too: http://twitpic.com/4ciayk

    ^^

  • http://www.4given2.com Jeannine

    Great tutorial and inspirational. I gave it a try, here is the link to the one I did.

    http://www.facebook.com/album.php?aid=102609&id=1113182576&l=a49cd4df2e

  • tonton

    simple but cool ;)))