Convert photos into sketches

18 Comments

Sketching is key skill for any designer or an artist. Some designers believe totally in softwares like Photoshop or Painter & some believe that softwares are just media. Traditional artists also believe that Softwares cannot give a  joy of traditional media. So they keep working with pencils, watercolors, oils and others. Personally I belong to this later category of artists, but in case of low budget project, you need to use softwares to fake traditional media and achieve your desired painting, sketch effect in cheap price and less time.
I did this experiment while I was working on some old photos for a website. During R&D of this project I had some ideas to convert photos in sketches. I would like to share it with you.[ I know there are lot of tricks on internet already posted. What I am going to share here is just my experience. ]

For this tutorial I am using a photo of my uncle and friend Dr. Rajendra Kulkarni.

Final Image

Application : Photoshop Cs4
Tools used : brush, eraser
Device : Wacom Intuos 3 tablet.

Step 01

Open any photograph that has good tonal, color values in it. Its suggested for good results only.

Duplicate background layer by pressing Ctrl+j twice. Now you should have  following layers in layers palette.

Step 02

Select top layer and go to image >> adjustments > gradient map.

You will get something like above when you apply standard black to white gradient.
Then go  to filters >> stylize > & apply neon signs effect.

This is very Important step. Use above or your best settings to get outline effect. Then Invert it ( shortcut : Ctrl + i ), So you will get black lines on white background.

This will create a outline of image which we are going to use as reference or basic drawing. Then I tweaked it out as drawing by removing some black strokes and clean up.

Its just a drawing half done stage. Apply a multiply mode and you will be able to see photograph below it.

Step 03

now Select background copy layer and apply gradient map to it as we did for first layer. By now you should have following layers in your layers palette.

Step 04

Select both layers other than background and apply a mask to it one by one. I renamed those layers as shown in below graphic. Add new paper layer with paper texture below drawing  layer. Fill both masks with black color so no pixel will be visible from any layer except paper layer. You should have following layers in layers palette. now apply both layers as multiply mode and paper layer with normal mode.

Step 05

Then  start drawing randomly with large brush & white color in mask area of outlines layer.  So that it  will give you some random outline on paper. like below.

Step 06

Then select mask of drawing layer and start rendering lines in same way you do with pencil. Render light dark tones with variation in lines and pressure of pen. Also change brushes, sizes, hardness and opacity to get desired effect.  After rendering all you will get following result. You can see  start of this process in above image too. Some strokes on chicks, forehead.

See layers below, outline layer is  turned off after drawing is complete. You can  see white unmask area that shows drawing in layer. Which is drawn with help of wacom pen.

So here is final result.

Moving it further

Using combination of shift+ctrl + click on masks, select both masks with addition mode. Now select background layer. Then duplicate layer by pressing ctrl+j. It will copy masked or selected area from background image and will add it to new layer as a color sketch. Also you can add more strokes on separate layer with help or your skills to add more realistic sketching effect .

So here is color version. I hope you like this trick and use it somewhere.
Thanks for reading and visiting website.

Please let me know your thoughts on this article.

  • websites
  • http://www.rdnagul.com Rajesh Nagul

    are wah kya baat hai me try karoon nakiich baghen

    veerendra

    March 15th, 2010 at 7:19 am

    @Rajesh Nagul, Thank you .. please let me know what you get result !

  • http://www.coroflot.com/sameer sameer

    Thanks veeru..
    Thanks for your efforts and the way you describe this is very clear and nice :)

    Let me try this one today :)

    veerendra

    March 17th, 2010 at 12:50 pm

    @sameer, Thanks sameer, Do show me when you try !

  • Sejal

    Simple tutorial for a cool effect! will surely try it out! Thanks for sharing!

    veerendra

    March 17th, 2010 at 12:49 pm

    @Sejal, Thanks :)

  • http://shyamshriram.blogspot.com Shyam

    Mr. Admin :D
    your tutorial is really great..almost same results like pencil !
    thanks for sharing such in-depth tutorial :)
    its really great for those who cant draw and/or just lazy to hold pencil for some time :D

    Veerendra

    March 18th, 2010 at 4:05 am

    @Shyam, Thanks shyam .. admin is now no more !! :)

  • Dee

    amazing :) :)
    try out nai kela pan aawadla :)

    Veerendra

    May 17th, 2010 at 6:16 am

    @Dee, Thanks dee, try out it an tell me how it worked

  • yogesh tanpure

    its good work man! effect is cool indeed just like to add something more ; like adding texture to paper such as canvas to make it look like drawn by hands….

    hope you would like it!!

  • http://nikhilmisal.com Nikhil

    Amazing Result!
    Really its looking a pencil sketch..
    great work :)
    .-= Nikhil´s last blog ..Create Simple Navigation using CSS3 Styling =-.

  • http://ninjacrunch.com bono

    wow great output! thanks for sharing.. cheers!
    .-= bono´s last blog ..Collection of 40 Animal Inspired Logo Designs =-.

    Veerendra

    June 3rd, 2010 at 12:59 pm

    @bono, Glad to know you liked it !

  • http://ojphoto.blogspot.com OJ Photography

    Great Tutorial. Although I traditionally use another method, this looks great!
    There is a whole Flickr group dedicated to this exact type of artwork. It’s called “Digital Sketchwork” and can be found here: http://www.flickr.com/groups/digitalsketchwork/

    I’ve included a link there back to this tutorial!

  • rekha

    hey!….thats great veerendra. I’ll try it.

  • http://pulse.yahoo.com/_2KVPXI4OZJLSQNKSJPC4ZMWRMI Derya

    wowww it s great…….. thanks

  • http://pulse.yahoo.com/_2KVPXI4OZJLSQNKSJPC4ZMWRMI Derya

    wowww it s great ……. thanks

You can follow any responses to this entry through the RSS 2.0 feed.