Convert photos into sketches
15 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.














Rajesh Nagul
On March 15, 2010 at 5:50 am
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 !
sameer
On March 17, 2010 at 5:38 am
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
On March 17, 2010 at 11:20 am
Simple tutorial for a cool effect! will surely try it out! Thanks for sharing!
veerendra
March 17th, 2010 at 12:49 pm
@Sejal, Thanks :)
Shyam
On March 18, 2010 at 3:31 am
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
On March 20, 2010 at 12:15 pm
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
On March 21, 2010 at 4:09 pm
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!!
Nikhil
On May 16, 2010 at 2:56 pm
Amazing Result!
Really its looking a pencil sketch..
great work :)
Nikhil´s last blog ..Create Simple Navigation using CSS3 Styling
bono
On June 3, 2010 at 11:17 am
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 !
OJ Photography
On August 17, 2010 at 2:51 am
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!
OJ Photography´s last blog ..I Heart Sunglasses!
15 Responses to “Convert photos into sketches”
You can follow any responses to this entry through the RSS 2.0 feed.
Navigation
Recent Posts
Link share
© 2010. All Rights Reserved by V-render Studio, India