How to change a photo into a pencil line drawing in Photoshop
by November 10, 2010 1:43 am 122,382 views93

It is a relatively easy process to turn a photo into a line drawing with photoshop. Follow the steps below which uses layers, image desauration, layer modes and a guassian blur to change a photo into a pencil sketch. This effect will work on almost any image. The final quality will depend on how sharp your original image is. If there are lots of strong lines in the original image, then this process is the one for you. Use the quick key commands at the bottom of the post to change any image into a line drawing in under a minute!
Step 1.
Open up the photo that you wish to change into a drawing.

I have used this Coke can photograph by Cyclonebill. It can be found on WikiMedia Commons if you wish to use the same image to follow this tutorial.
Step 2.
Duplicate the image in the layers pallette.

Step 3.
With the new layer selected you need to desaturate the image. To do this go to Image > adjustments > desaturate. Or choose Shift Apple U / Shift Ctrl U.

Step 4.
Duplicate this modified layer. You should now have a colour background layer and 2 desaturated layers above.

Step 5.
Select the top layer and invert the image. To do this go to Image > Adjustments and choose Invert or press Ctrl I / Apple I.

Step 6.
With the top layer still selected (the inverted layer) choose ‘Colour Dodge’ from the layers pallete drop down menu. (This will make most of the image turn white)


Step 7.
We now need to apply a guassian blur to the newly white layer to allow parts of the layer underneath to show through. Select the top layer and choose Filter > Blur > Guassian Blur.

Step 8.
Move the slider up and down to find what level suits your picture. The setting for this is often somewhere between 1 and 3 but will depend on how complex your original image is.

Step 9.
To tidy up the image use the Dodge and Burn tools to clean up the image. The Dodge tool will lighten the pencil marks, the burn tool darken them.

I am going to use the dodge tool on the Coke can image to tidy up the background around the can.

Original photo

Pencil line drawing made from the above photo

Quick Key commands to change a photo into a line drawing:
Mac: With the original picture selected in the layers palette; Apple J, Apple Shift U, Apple J, Apple I, with the top layer selcted choose ‘colour dodge’, Guassian Blur setting between 1 & 3.
PC: With the original picture selected in the layers palette; Ctrl J, Ctrl Shift U, Ctrl J, Ctrl I, with the top layer selcted choose ‘colour dodge’, Guassian Blur setting between 1 & 3.
Update:
I have just created a new tutorial which follows on from this one and shows how to add colour to the finished line drawing to create a coloured pencil effect:
http://www.photoshopbuzz.com/coloured-pencil-effect/
You can also find a free action to help create this effect:
http://www.photoshopbuzz.com/free-photoshop-action/
Miles June 27, 2011 at 9:54 pm
Thank you so much. I am trying to laser etch an image into stainless steel and it must be an outline. You just saved me so much time.
Sarah December 11, 2011 at 11:22 pm
Your a life saver!! Is this adobe ps?
hannah December 15, 2011 at 1:50 pm
Yes adobe photoshop. I have created a downloadable action for Photoshop to create this effect if you are interested:
http://www.photoshopbuzz.com/1087/free-photoshop-action/
Jill January 1, 2012 at 8:10 pm
This was working brilliantly until the end when I got to the part Filter> Blur> Guassian Blur. I was able to do all that but the picture remained white. I set it to 1.5 but nothing seemed to happen. Am I missing a step? Would love to be able to do this. Thanks
hannah January 2, 2012 at 7:31 pm
Hi Jill, if there isn’t a lot of contrast in your original picture, it may be that you need to set the Guassian Blur to a higher setting than 1.5, so you could try that. It is also important that you duplicate the layers in the early stages and have the different layers underneath as the top layer actually masks the layer behind it to create the picture, so also check that you have the correct sequence of layers in the layers palette before adding the guassian blur on the top layer. I hope that that helps.
deborah March 19, 2012 at 8:11 pm
oh wow this was so easy to do following your quick key command steps. Thanks so much!
hannah March 25, 2012 at 11:01 pm
thanks for your comment 🙂
helen April 23, 2012 at 7:18 pm
Brilliant! Is there any way to change to colour of the drawing, to say for example, give the effect of using a coloured pencil? thank u…
Lauren Cioffi June 7, 2012 at 2:43 pm
Hi there! I love this post!! I can’t wait to give this a try!!! I hope you don’t mind, but I have included this tutorial in a blog post: Top 10 photoshop tutorials, on my blog, “Cookies with Cronkite.” I have included a link to this post, a picture and a link to your blog homepage. Check it out.. please leave comments, I would LOVE your feed back!!
hannah June 8, 2012 at 2:48 pm
Hi Lauren, You are welcome to share the tutorial so long as you provide a link back to my post. Thanks for letting me know 🙂
Liz Czerewaty July 24, 2012 at 7:49 pm
Can i do this with Photoshop Elements? Thanks…
hannah July 24, 2012 at 10:09 pm
Hi Liz, the tutorial was written for regular Photoshop, but please try the steps in Elements and let us know how you get on. If anyone else has tried this in elements please let us know.
Uttam Manna July 30, 2012 at 2:08 pm
It was very easy, thank you very much.
hannah July 30, 2012 at 2:11 pm
Thanks for your comment, glad you found it useful 🙂
Beth August 7, 2012 at 4:07 pm
This is fabulous! Now if I want to copy a portion of the original photo, do I need to flatten the layers?
hannah August 7, 2012 at 4:14 pm
Hi Beth, thanks for comment. The original photo will still be in place at the bottom of the layers so you can select that layer and copy and paste from it, or just duplicate that layer and bring it to the top and erase a section to reveal the line drawing.. hope that helps. Thanks Hannah
Jacki August 11, 2012 at 2:43 pm
I’m using Photoshop Elements 8 and Step 6, “color dodge” doesn’t make my image mostly white, it does, however, invert the tones so what was once dark is now light and vice versa. The gaussian blur also does nothing but blur the color-dodged image. Any help for Elements 8 here?
Asad September 1, 2012 at 5:59 am
great tutorial, i like it 🙂
hannah September 3, 2012 at 3:02 pm
If anyone uses Photoshop Elements and can help with the questions please use the comments below.
viomjeet September 18, 2012 at 6:51 am
Thanks…for great tutorial…..
malcolm September 21, 2012 at 8:46 pm
Just tried this in Elements 9 and it worked perfectly. Not sure why PE8 doesn’t work.
hannah September 26, 2012 at 9:09 pm
Thanks for the feedback Malcolm 🙂
arome October 8, 2012 at 11:54 am
hanna n co
thanks for the tutorials especially for us beginner. and if there are more tips please help us
hannah October 8, 2012 at 1:16 pm
Hi Arome, Thanks for your comment. Let me know in the comments if there is anything in particular you would like a tutorial about. Thanks.
Michell October 15, 2012 at 2:14 am
Brilliant! Thanks for helping, I am a beginner too, used this on a pretty complex photo, had to ramp up the blur but I love it!
Thanks again!
hannah October 15, 2012 at 11:30 am
Thanks for your comments Michell 🙂
Shalu October 17, 2012 at 4:27 am
Thanks a ton
Alfie November 7, 2012 at 7:16 am
Thanks so much. Made my life easier.
Joe November 10, 2012 at 6:57 pm
thanks so much, greetings from Spain
kanagu November 17, 2012 at 8:29 pm
Thanks bro 🙂 It worked really well 🙂 🙂
Snap November 21, 2012 at 9:43 pm
Very simple and helpful. Thank you very much ^.^
Louise November 23, 2012 at 4:49 pm
The best step-by-step Photoshop instruction I have ever used – thank you so much.
Raphael Mensah November 24, 2012 at 11:24 pm
Thank you so much. it is so easy to follow. i ended making a huge poster for my wife.Please as helen asked above, Is there any way to change to colour of the drawing, to say for example, give the effect of using a coloured pencil? thank u…
Chris December 6, 2012 at 11:00 am
Thanks a lot. This was great 🙂
Noelle December 9, 2012 at 1:27 pm
I’m using PS Elements 8. I’m trying to make a photo of a building look like a drawing. The result I have does not look like a pencil drawing at all. Rather it looks like a photo with color and some shadows removed. Increasing the Blur makes it look like a more grayscale picture. Is it me or the software?
Name *Shoaib December 26, 2012 at 10:50 am
Can you tell us how to convert JPEG into watercolor painting
Alex January 6, 2013 at 8:14 pm
Never used photoshop before and I managed it. All apart from the dodge and burn tools as Im using laptop with limited mouse manoeuvrability.
Thanks!
hannah January 7, 2013 at 2:36 pm
Thanks for the feedback Alex, I’m glad you found it easy to follow since you’ve not used Photoshop before. Welcome to Photoshop 🙂
aat January 22, 2013 at 11:26 am
many thanks!!! you help me a lot, from spain
hannah January 22, 2013 at 11:48 am
Thanks for your comment aat 🙂
praveen February 2, 2013 at 2:13 am
awesome
kileytoo February 3, 2013 at 11:29 am
Hi there, thanks for this great tutorial and the follow-up to add colors. You can also colorize the image with a hue/saturation layer, anyway I think that a great thing to do before to add colors would be to modify the line drawing so that it shows the typical hatching of pencil and inks, you know those fine lines you use to fill-in dark areas or add shading… I’m gonna see if I can find out how to do that…
Lalith February 15, 2013 at 4:53 pm
Great hannah, though there are a few online photo conversions to sketch available, they never have the full image conversion, meaning the image result that they give is of either much less image size or does not give the required effect.
Any body seeking to do the ‘pencil work’ manually, just follow hannah’s guidance.
Thanks again, dear hannah.
Annette Payne February 19, 2013 at 6:40 pm
Thanks so much for making this so simple!!! Any other fun tips you want to share? 🙂
hannah February 20, 2013 at 9:25 am
Hi Lalith, thanks for your lovely comments, much appreciated 🙂
Majeur February 21, 2013 at 5:53 am
Hannah, what an amazing job. You’ve put this challenging task into simple steps that defines “user friendly” to a different level. Your awesome for your techniques you’ve created in teaching the rest of us. You are the “instructor” in this categor.
Merci a vous!
Majeur
hannah February 27, 2013 at 8:47 am
Thank you Majeur 🙂
Jefff March 18, 2013 at 3:15 pm
Which of the several versions of Photoshop has this feature? I do not want to buy a program, install it, and find I need something else.
Thank You,
Jeff
hannah March 18, 2013 at 3:22 pm
Hi Jeff, I can’t see any reason why this wouldn’t work in all main CS versions of Photoshop as all have layers, filters and layer properties used in the tutorial. You can always download a free Photoshop trial to test it in the version you are thinking of buying. (It won’t work in Photoshop lightroom).
hadeer May 19, 2013 at 4:14 pm
woooooow,,thank u
Anuraag May 21, 2013 at 7:14 am
Tutorial is good. But the image doesn’t looks like pencil sketch effect. Hope to see such more wonderful tutorials.
Terror07death June 5, 2013 at 5:11 pm
🙂 really helpfull…
Bijay Ranjan Pati July 15, 2013 at 4:39 am
How amazing… thanks.
akhil July 29, 2013 at 5:19 am
awesome bro thanq. (y)
jackzon August 27, 2013 at 7:58 am
awesome tutorial.. thanks a lot
Sinha August 27, 2013 at 11:37 am
It was a great experience! Loved doing it. Will appreciate such more tutorials. Pl provide links. It will certainly help me add value to our mag.
Vaasu September 21, 2013 at 6:11 am
Thanks alot hannah. Amazing tutorial. Very easy to follow the steps. U r rocking….
Taff Lovesey October 24, 2013 at 1:55 pm
Brilliant – just what I needed.
My sincere thanks for this. Great job 🙂
Rheneas March 3, 2014 at 3:12 pm
Thanks for the tips. I just made a fabulous line drawing from a photo of my house!
Genifer March 5, 2014 at 2:34 pm
Thank you, this was a great help!!
Sue R March 26, 2014 at 10:21 pm
Thanks for your great tutorial. I am a first time user of Photoshop, I never had any contact with it until 2 hours ago and had to do a vector drawing turned out pretty good with practice I am sure I will get better.. one photo had a lot of reflection on glass and when I inverted it it didn’t all turn white and of course you could still make out the person who took the photo. is there a way of getting rid or lessening it?
Art lover April 1, 2014 at 4:39 am
I’m using the following editor https://pixlr.com/editor/ think it is photo shop 8 everthing worked until photo dodge and I can’t find where to find photo dodge.
Art Lover April 1, 2014 at 4:40 am
Step 6 I mean about photo dodge hannah can you look and find it for me please….
Stewart June 7, 2014 at 6:42 pm
Very helpful. I will be exploring the site for more PS help and tricks.
joe balfour October 7, 2014 at 9:48 am
thank you so much this has really helped me!!!! 🙂 🙂 🙂 🙂
Diana S. Zimmerman November 21, 2014 at 12:06 am
This is awesome!!!
danyel January 25, 2015 at 12:19 pm
you are awsome, wonderful, great , thank you so much
Leon January 29, 2015 at 9:09 pm
BOOM! Thank you for the killer tutorial! Nailed it, was exactly what I needed. 🙂
vhor February 23, 2015 at 4:39 pm
tnx…. i have done it..
hannah April 22, 2015 at 5:00 pm
Thank you for the comments 🙂
hannah April 22, 2015 at 5:00 pm
Great, glad it helped 🙂
Bishop May 21, 2015 at 7:56 am
Do you at some point recombine the layers?
I have seen similar directions that had me merge down at some point.
hannah May 21, 2015 at 8:34 pm
No you don’t have to combine the layers to create this effect although I have a tutorial that follows on from this where you do combine the layers to then colourize the line drawing. Please see: http://www.photoshopbuzz.com/coloured-pencil-effect/
Mike December 30, 2015 at 1:28 pm
Excellent tutorial. Thanks very much!
Hope May 19, 2016 at 2:06 am
Just the tutorial I needed – thank you!
Séamus May 26, 2016 at 9:28 am
This is fantastic! I’d been trying to get good results for days before stumbling across this tutorial. 2 minutes and it’s all done.
hannah May 26, 2016 at 9:28 pm
You’re welcome, glad you found it useful 🙂
hannah May 26, 2016 at 9:29 pm
Thanks for your comments, it’s always nice to hear that my tutorials have helped 🙂
Mike S November 11, 2016 at 5:43 am
Really great tutorial Hannah, thank you!
robin November 26, 2016 at 7:11 pm
could you make a tutorial like this only with gifs?
Hammed Kola December 6, 2016 at 8:56 am
good description, keep it up
hannah December 7, 2016 at 10:35 pm
It depends what you are trying to make but a simple way of making an animated gif with this effect would be to use this process on each frame. If you have many frames you could try using this action that I created, that will help to speed up the process: http://www.photoshopbuzz.com/free-photoshop-action/
Ruth March 30, 2017 at 2:33 pm
This is brilliant! Thank you so much. I’ve really been struggling! Now I have exactly the ‘drawing’ that I want – and it only took me a couple of minutes.
Corinne October 12, 2017 at 3:06 pm
Thanks hannah! Great job explaining – it was pretty easy even for an inexperienced user (love PS but just don’t dedicate the time to it).
Thamizh October 15, 2017 at 5:52 am
Wow its a simple and easy way to change the photos into sketches thanks for ur details.. Keep continue.. Thank you hannah..love you
Edil November 8, 2018 at 4:34 am
How do I save the edited picture itself as a image in my computer?
hannah December 13, 2018 at 8:29 pm
You can save the image as it is as a layered .psd file. Or you can choose to flatten the image into 1 layer and save as a .jpg. Hope that helps.