Array

Turn a photo into a pencil sketch in Photoshop tutorial

Colin Smith

Subscribe on YouTube:

Hi CAFE Crew, here is a brand new tut for you all. This is an old favorite of mine. How to turn a photo into a pencil sketch in photoshop. This is actually really easy to do and it gets quite good results too. As usual, I’ll provide a few creative jump off points at the end for your own experimentation.

1.

Start with a Photo that has some decent edge detail, here is one I got from Adobe StockAdobe Stock

Screen Shot 2015-06-10 at 4.08.44 PM

 

2

Covert the photo to grayscale (Ctrl+Shift+D / Cmd+Shift+D)

Screen Shot 2015-06-10 at 4.08.54 PM

3

Duplicate the layer by dragging into the new layer icon, or press Ctrl/Cmd+J

Screen Shot 2015-06-10 at 4.09.05 PM

4

Invert the layer Cmd/Ctrl+I

Screen Shot 2015-06-10 at 4.09.18 PM

Screen Shot 2015-06-10 at 4.09.13 PM

5

Change to Linear Dodge blend mode and you should see a perfectly white image (Use Color Dodge for sharper edges)

pencil1

6

Filter>Blur>Gaussian Blur
(You could actually use any filter, as long as it creates a difference between the 2 layers)

As you adjust the blur you will get a different result.

pencil2

Here are some variations using Color Dodge, you will notice that Linear Dodge produces a softer result that Color Dodge. Try different blending Modes for different results.

Screen Shot 2015-06-10 at 4.09.41 PM

Screen Shot 2015-06-10 at 4.10.01 PM

 

Screen Shot 2015-06-10 at 4.10.14 PM

 

Here is the result on a different image

 

sketch

Xtra-credit

Once you have your perfect pencil sketch, why not try adding some color for a nice variation.

In this first example, I added a solid color Fill adjustment layer. Change the blend mode to color, so only the color shows through. Adjust the opacity to suit your tastes.

Screen Shot 2015-06-10 at 4.10.50 PM

pencil3

 

Color Dodge result

Screen Shot 2015-06-10 at 4.10.56 PM

Also try running a gradient through a new blank layer at the top and change that to color blend mode.

 

Screen Shot 2015-06-10 at 4.11.18 PM

Screen Shot 2015-06-10 at 4.11.40 PM

Screen Shot 2015-06-10 at 4.11.35 PM

pencil4

 

As you can see, the effect itself is quite simple and there are a number of variations that you can try to get very different looking results. Add a comment at let me know how you are using this effect.

Thanks for checking out this tutorial. See you next week with another new tutorial!

Colin

 

 


PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free

34 thoughts on “Turn a photo into a pencil sketch in Photoshop tutorial

  1. suruha
    February 19, 2016 at 8:06 am

    This turns out very nice! I wish there was some way to make the remaining ‘lines’ to look more sketched. Maybe I will experiment. Thank you so much!

  2. Jan
    June 7, 2016 at 8:40 am

    Because the picture had to be converted to grayscale it will not now allow the color fill to be anything other than gray. How do you get the fill adjustment layer to be a color?

    1. June 7, 2016 at 10:39 am

      Create a color Fill adjustment layer on top. If it’s at the top of the layer stack, it will add color to everything (in Color blend mode)
      If you converted it to grayscale mode it wont work, redo it and use the desaturate command ctrl+Shift+U

      1. Faisal Butt
        September 29, 2016 at 4:06 am

        ys you are right Colin!!..

  3. Yannis
    April 27, 2017 at 12:41 am

    For gals and guys who don’t know well, an adjustment fill layer can be found on:
    Layer > New Fill Layer > and choose one option.

  4. Marina
    August 10, 2017 at 9:10 pm

    I have watched many different videos on how to turn a photo into a sketch, and I need to say this is the best and the easiest one! Thank you, it was a real pleasure to learn this new technique from your tutorial!

  5. Ethihas
    December 10, 2017 at 5:07 am

    Thank you so much sir, its really useful.

  6. March 14, 2018 at 1:32 am

    Nice effect! The rainbow colors look really cute 🙂

  7. Ann
    April 27, 2018 at 3:44 pm

    I have a very detailed photo…(my intent is to transfer my drawing to a canvas using graphite paper so I can paint it.) I went thru the steps and used the curves to make it more contrasty….looks good however I would like to add maybe 15% of the original color back into my sketch to help me identify some of the shapes. How can I do that? Thanks so much!!

    1. pcadmin
      July 23, 2018 at 10:35 pm

      sure you can

  8. August 18, 2018 at 12:51 pm

    I’m not sure how people are getting this to work.
    In step 2, Ctrl+Shift+D is Restore Last Selection. not convert to greyscale.

    1. pcadmin
      August 22, 2018 at 6:27 pm

      Sorry its Cmd+Shift+U for desaturate

  9. tonnybro
    September 30, 2018 at 10:17 pm

    i got it but nw i need also the tutorio about how to turn it lyk an effect of dispersion or disintergration as f some parts of e photo are dispersed
    thz good with motion lyk images

  10. December 1, 2018 at 11:37 pm

    wow! it’s look like real pencil sketch. Awesome tricks man . I have made an pencil for my GF ans she loved it.Thanks for sharing.Keep posting, I loved your sharing.

  11. Alicce
    April 8, 2019 at 11:30 am

    Thank you so much! This helped a lot.

  12. Txon
    May 13, 2019 at 5:18 pm

    when i do step 5, it gives me a completely white image 🙁

    1. Colin Smith
      May 22, 2019 at 10:56 am

      A completely white image is expected, now add blur

  13. Erin Brooks
    May 17, 2019 at 10:00 am

    Hi this was posted a long time ago so I might not get a response, but is it possible to only convert part of a picture to a sketch?

    1. Colin Smith
      May 22, 2019 at 10:56 am

      Sure, use a layer mask

  14. August 11, 2019 at 9:11 am

    Thanks! I was trying to do this for hours!

  15. YUNGBLUD_BHC
    March 5, 2020 at 4:21 am

    i did one of YUNGBLUD :O it’s so much cooler than i thought thank youuuu 😀

  16. Karen
    May 18, 2020 at 3:34 am

    Great tutorial, easy to follow – thank you

  17. December 1, 2020 at 3:37 am

    well this is one for all. thanks for share this tutorial with us.
    If you can share another tutorial for buildings also. instead of a human. I have building photograph (Heavy black stroke without white color). how can i make it like a sketch.

    1. Colin Smith
      December 3, 2020 at 11:37 am

      Good suggestion, let me look into that. If you use the same technique it looks really good on buildings

  18. john
    July 11, 2024 at 8:50 pm

    Best method I’ve seen so far – simple yet effective! Thks!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

5 mistakes to avoid in Photoshop. Never do these things in Photoshop.

This free tutorial on game art is broken into two parts. The first part shows how to create the individual...

How to apply photo adjustments to multi layered images. Tips for clipping adjustment layers to single layers and how to...

Copy link