{"id":31172,"date":"2021-02-26T14:47:35","date_gmt":"2021-02-26T19:47:35","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=31172"},"modified":"2024-04-02T08:22:02","modified_gmt":"2024-04-02T12:22:02","slug":"photo-to-pencil-sketch","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/","title":{"rendered":"Turn a Photo to a Pencil Sketch in Photoshop"},"content":{"rendered":"<section>\n<!--\n\n<div class=\"featured-image\" style=\"padding-bottom:12px;\"> <img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-to-pencil-sketch-photoshop-f.jpg\" alt=\"How to turn a photo to a pencil sketch with Photoshop\" width=\"853\" height=\"448\" \/> <\/div>\n\n\n\n\n<div class=\"summary-novideo\">\n  \n\n<p>Learn how to turn any photo into a pencil sketch with Photoshop, plus three easy ways to add color to your sketch! A step-by-step tutorial for Photoshop 2021 or newer.<\/p>\n\n<\/div>\n\n--><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I show you how easy it is to turn a photo into a pencil sketch with Photoshop. We'll start by turning the image into a black and white sketch, and then I'll show you three different ways to add color to your sketch, including how to use the photo's original colors, a single color, and  a gradient!<\/p>\n<p>You can follow along with any portrait image. I'll use <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fimages%2Ffashion-stylish-beauty-portrait-beautiful-girl-s-face-close-up%2F49580458\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">this image from Adobe Stock<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/original-photo.jpg\" alt=\"The original photo that will be turned into a sketch in Photoshop\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's how the photo will look as a black and white sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"A black and white photo to sketch effect in Photoshop.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The black and white version of the sketch.<\/div>\n<p>And once we have the black and white version, we'll start adding color. <\/p>\n<p>Here's the sketch using colors from the original photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-to-sketch-original-colors.jpg\" alt=\"The photo to sketch effect using the photo's original colors\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch with colors from the photo.<\/div>\n<p>Here's the effect using a single color (you can choose any color you like):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-sketch-purple.jpg\" alt=\"The photo to sketch effect using a single color.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The single color version of the sketch.<\/div>\n<p>And finally, here's the sketch using colors from a gradient. At the end of the tutorial, I show you how to switch between all four versions of the sketch so you can choose the one you like best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect-gradient.jpg\" alt=\"The photo to sketch effect using colors from a gradient\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The gradient colors.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to turn the photo into a pencil sketch<\/h2>\n<p>I used Photoshop 2021 but every step works with Photoshop 2022 and 2023. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Adobe Photoshop\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/p>\n<p>These first steps will turn the image into a black and white sketch.<\/p>\n<h3>Step 1: Duplicate the Background layer<\/h3>\n<p>We'll start in Photoshop's <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a> where the image appears on the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-layers-panel.png\" alt=\"Photoshop's Layers panel showing the photo on the Background layer.\" width=\"267\" height=\"290\" \/>\n<div class=\"image-desc\">Photoshop's Layers panel.<\/div>\n<p>We'll need this image when we add color to the sketch later on. So to keep it safe, we'll make a copy of it.<\/p>\n<p>Click on the Background layer and drag it down onto the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/duplicate-background-layer.png\" alt=\"Dragging the Background layer onto the New Layer icon. \" width=\"267\" height=\"192\" \/>\n<div class=\"image-desc\">Making a copy of the Background layer.<\/div>\n<p>A copy appears above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/background-copy-layer.png\" alt=\"A Background copy layer appears above the original Background layer\" width=\"267\" height=\"206\" \/>\n<div class=\"image-desc\">The <q>Background copy<\/q> layer.<\/div>\n<h3>Step 2: Desaturate the layer<\/h3>\n<p>Next, we'll remove all the color from the <q>Background copy<\/q> layer using Photoshop's Desaturate command. <\/p>\n<p>Go up to the <strong>Image<\/strong> menu in the Menu Bar along the top of the screen, choose <strong>Adjustments<\/strong>, and then choose <strong>Desaturate<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-adjustments-desaturate.png\" alt=\"Choosing the Desaturate command in Photoshop.\" width=\"244\" height=\"144\" \/>\n<div class=\"image-desc\">Going to Image &gt; Adjustments &gt; Desaturate.<\/div>\n<p>Photoshop desaturates the image, leaving us with a <a href=\"\/photo-editing\/converting-color-photos-to-black-and-white-in-photoshop\/\" title=\"How to convert color photos to black and white\">black and white version of our photo<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-desaturated.jpg\" alt=\"The image after desaturating the color. \" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The image after desaturating the color.<\/div>\n<h3>Step 3: Duplicate the desaturated layer<\/h3>\n<p>Back in the Layers panel, make a copy of the desaturated version by dragging the <q><strong>Background copy<\/strong><\/q> layer  down onto the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/drag-background-copy-layer.png\" alt=\"Dragging the Background copy layer onto the New Layer icon. \" width=\"267\" height=\"212\" \/>\n<div class=\"image-desc\">Dragging the &quot;Background copy&quot; layer onto the New Layer icon.<\/div>\n<p>And again, the copy appears above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/background-copy-2.png\" alt=\"The new Background copy 2 layer appears above the other layers. \" width=\"267\" height=\"205\" \/>\n<div class=\"image-desc\">The new <q>Background copy 2<\/q> layer appears at the top.<\/div>\n<p><a href=\"\/basics\/understanding-photoshop-layers\/\" title=\"Learn more\">Related: Learn more about Layers in Photoshop!<\/a><\/p>\n<h3>Step 4: Invert the layer<\/h3>\n<p>We need to invert the brightness levels on this layer, making light areas dark and dark areas light. For that, we'll use Photoshop's Invert command. <\/p>\n<p>Go up to the <strong>Image<\/strong> menu, choose <strong>Adjustments<\/strong>, and then choose <strong>Invert<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-adjustments-invert.png\" alt=\"Selecting the Invert command in Photoshop. \" width=\"245\" height=\"101\" \/>\n<div class=\"image-desc\">Going to Image &gt; Adjustments &gt; Invert.<\/div>\n<p>This inverts the image, creating a film negative effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-inverted.jpg\" alt=\"The image after inverting the brightness. \" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The image after inverting the brightness.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 5: Change the layer's blend mode to Color Dodge<\/h3>\n<p>In the Layers panel, change the <strong>blend mode<\/strong> of the inverted layer from Normal (the default) to <strong>Color Dodge<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/color-dodge-blend-mode.png\" alt=\"Changing the blend mode of the layer to Color Dodge.\" width=\"273\" height=\"170\" \/>\n<div class=\"image-desc\">Changing the blend mode to Color Dodge.<\/div>\n<p>The document turns completely white, although you may see a few scattered areas of black depending on your image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-color-dodge.jpg\" alt=\"The Color Dodge blend mode turns the document white\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The result after changing the blend mode to Color Dodge.<\/div>\n<p><strong>Now Available: My <a href=\"\/get-our-photoshop-layer-blend-modes-complete-guide-pdf\/\" title=\"Learn more\" style=\"font-weight:bold\">Layer Blend Modes Complete Guide<\/a> PDF!<\/strong><\/p>\n<h3>Step 6: Convert the layer into a smart object<\/h3>\n<p>To create the sketch effect, we'll blur the inverted layer using Photoshop's Gaussian Blur filter. But to keep the filter settings editable, we'll apply Gaussian Blur as a smart filter. And to do that, we first need to convert the layer into a smart object. <\/p>\n<p>In the Layers panel, click the <strong>menu icon<\/strong> in the top right corner:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/layers-panel-menu-icon.png\" alt=\"Clicking the menu icon in Photoshop's Layers panel.\" width=\"277\" height=\"149\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choose <strong>Convert to Smart Object<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/convert-to-smart-object-command.png\" alt=\"Choosing the Convert to Smart Object command from Photoshop's Layers panel menu.\" width=\"304\" height=\"104\" \/>\n<div class=\"image-desc\">Choosing the &quot;Convert to Smart Object&quot; command.<\/div>\n<p>An icon appears in the layer's preview thumbnail, telling us that the layer is now a smart object and we're ready to apply the filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/smart-object-icon.png\" alt=\"The smart object icon in the layer preview thumbnail.\" width=\"267\" height=\"236\" \/>\n<div class=\"image-desc\">The smart object icon.<\/div>\n<h3>Step 7: Apply the Gaussian Blur filter<\/h3>\n<p>Go up to the <strong>Filter<\/strong> menu in the Menu Bar, choose <strong>Blur<\/strong>, and then choose <strong>Gaussian Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/choose-gaussian-blur-filter.png\" alt=\"Selecting the Gaussian Blur filter in Photoshop.\" width=\"498\" height=\"170\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>Then in the Gaussian Blur dialog box, drag the <strong>Radius<\/strong> slider along the bottom to blur the layer's contents. The sketch effect you achieve will depend on the amount of blur you apply. Lower radius values will create a sketch with fine thin lines, while larger  values create more photo-realistic sketches. <\/p>\n<p>For example, if I choose a fairly low radius value of 10 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gaussian-blur-dialog-box.jpg\" alt=\"Setting a low radius value in Photoshop's Gaussian Blur dialog box.\" width=\"329\" height=\"338\" \/>\n<div class=\"image-desc\">Starting with a lower radius value.<\/div>\n<p>I end up with this effect here with very fine lines:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-gaussianblur-10px.jpg\" alt=\"The photo to sketch effect using a low Radius value\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch effect using a lower radius value.<\/div>\n<p>But if I increase the value to something much higher, like 45 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gaussian-blur-45px.png\" alt=\"Increasing the radius value in the Gaussian Blur dialog box. \" width=\"329\" height=\"126\" \/>\n<div class=\"image-desc\">Increasing the radius value.<\/div>\n<p>The effect looks more like the original photo. The radius value you need will depend on your image and the look you're going for. So keep an eye on your image as you drag the slider to judge the results. <\/p>\n<p>In my case, I'll go with the second, more photo-realistic version. Click OK when you're done to close the Gaussian Blur dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/image-gaussianblur-45.jpg\" alt=\"The photo to sketch effect in using a large Radius value.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch effect with a larger radius value.<\/div>\n<h4>How to edit the Gaussian Blur setting<\/h4>\n<p>Since we applied the Gaussian Blur filter to a smart object, the Layers panel shows it listed as a smart filter below the smart object. You can double-click on the words <q>Gaussian Blur<\/q> at any time to re-open the filter's dialog box and experiment with different settings:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gaussian-blur-smart-filter.gif\" alt=\"Photoshop's Layers panel showing the Gaussian Blur smart filter.\" width=\"286\" height=\"215\" \/>\n<div class=\"image-desc\">Double-click on a smart filter to re-open its dialog box.<\/div>\n<h3>Step 8: Add a Levels adjustment layer<\/h3>\n<p>At this point, the sketch may look too bright with too little contrast.  But we can darken it very easily using a Levels adjustment layer and a layer blend mode.<\/p>\n<p>Still in the Layers panel, click the <strong>New Fill or Adjustment Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop's Layers panel\" width=\"267\" height=\"181\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>And choose <strong>Levels<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/choose-levels-adjustment.png\" alt=\"Choosing a Levels adjustment layer.\" width=\"176\" height=\"87\" \/>\n<div class=\"image-desc\">Choosing a Levels adjustment layer.<\/div>\n<p>Photoshop adds a Levels adjustment layer above the smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/levels-adjustment-layer-added.png\" alt=\"The new Levels adjustment layer in Photoshop's Layers panel\" width=\"267\" height=\"252\" \/>\n<div class=\"image-desc\">The Levels adjustment layer.<\/div>\n<h3>Step 9: Change the blend mode to Multiply<\/h3>\n<p>Then to darken the sketch, simply change the <strong>blend mode<\/strong> of the adjustment layer from Normal to <strong>Multiply<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/blend-mode-multiply.png\" alt=\"Changing the blend mode of the Levels adjustment layer to Multiply. \" width=\"273\" height=\"235\" \/>\n<div class=\"image-desc\">Changing the blend mode to Multiply.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/multiply\/\">Multiply blend mode<\/a> is one in a group of blend modes that darken the overall image. And right away, the sketch appears much darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-to-sketch-multiply.jpg\" alt=\"The sketch effect after changing the blend mode to Multiply.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch effect after changing the blend mode to Multiply.<\/div>\n<h4>How to fine-tune the brightness<\/h4>\n<p>If the sketch looks <em>too<\/em> dark, lower the adjustment layer's <strong>Opacity<\/strong> value, located directly across from the Blend Mode option in the Layers panel. The more you lower the opacity from 100&#37;, the more the layers below the adjustment layer will show through, brightening the sketch back up. <\/p>\n<p>I'll lower mine to around 40&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/lower-layer-opacity.png\" alt=\"Lowering the opacity of the Levels adjustment layer. \" width=\"267\" height=\"170\" \/>\n<div class=\"image-desc\">Lowering the opacity of the Levels adjustment layer.<\/div>\n<p>And with that, we have our black and white version of the sketch! Up next, I'll show you a few different ways add color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"The photo to sketch effect after lowering the adjustment layer's opacity\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The final black and white sketch effect.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h2 class=\"sub\">Coloring the sketch with the photo's original colors<\/h2>\n<p>These next steps will add color to the sketch using colors from the original photo. After that, I'll show you how to color the sketch with a single color, and then with a gradient.<\/p>\n<h3>Step 10: Duplicate the Background layer again<\/h3>\n<p>In the Layers panel, make a copy of the original image by dragging the <strong>Background layer<\/strong> (the original one at the bottom) down onto the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/copy-background-layer.png\" alt=\"Making another copy of the Background layer. \" width=\"267\" height=\"237\" \/>\n<div class=\"image-desc\">Making another copy of the Background layer.<\/div>\n<p>The copy (<q>Background copy 3<\/q>) appears between the Background and <q>Background copy<\/q> layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/background-copy-3.gif\" alt=\"The Background copy 3 layer appears above the original Background layer.\" width=\"286\" height=\"239\" \/>\n<div class=\"image-desc\">The <q>Background copy 3<\/q> layer.<\/div>\n<h3>Step 11: Rename the new layer <q>Color<\/q><\/h3>\n<p>At this point, our Layers panel is cluttered with copies of the Background layer. And they all have names like <q>Background copy<\/q>, <q>Background copy 2<\/q>, <q>Background copy 3<\/q> that tell us nothing about what the layer is being used for. So let's rename our new layer to something more descriptive.<\/p>\n<p><strong>Double-click<\/strong> directly on the name <q>Background copy 3<\/q> to highlight it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/highlight-layer-name.png\" alt=\"Double-clicking on the layer's name to highlight it. \" width=\"267\" height=\"204\" \/>\n<div class=\"image-desc\">Highlighting the current name by double-clicking on it.<\/div>\n<p>Then change the name to <q><strong>Color<\/strong><\/q>. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/layer-renamed-color.png\" alt=\"Changing the layer's name to Color. \" width=\"267\" height=\"204\" \/>\n<div class=\"image-desc\">Changing the layer's name to &quot;Color&quot;.<\/div>\n<h3>Step 12: Move the <q>Color<\/q> layer above the adjustment layer<\/h3>\n<p>We need the image to appear above the sketch. So click on the <q>Color<\/q> layer and drag it above the Levels adjustment layer. When a blue line appears above the adjustment layer, release your mouse button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/drag-color-layer.png\" alt=\"The Color layer now sits at the top of the layer stack. \" width=\"267\" height=\"386\" \/>\n<div class=\"image-desc\">Dragging the <q>Color<\/q> layer to the top.<\/div>\n<p>The image temporarily blocks the sketch from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/original-image-returns.jpg\" alt=\"The Color layer now sits at the top of the layer stack. \" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The original photo returns.<\/div>\n<h3>Step 13: Change the blend mode to Color<\/h3>\n<p>To blend the colors from the image into the sketch, change the <strong>blend mode<\/strong> of the <q>Color<\/q> layer from Normal to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/color-blend-mode.png\" alt=\"Changing the blend mode of the layer to Color. \" width=\"272\" height=\"232\" \/>\n<div class=\"image-desc\">Changing the blend mode to Color.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/color-blend-mode\/\">Color blend mode<\/a> tells Photoshop to blend only the color from the active layer with the layers below it. And just like that, we've added the original colors back to the sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-to-sketch-original-colors.jpg\" alt=\"The sketch colorized with the photo's original colors in Photoshop\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch colorized with the photo's original colors.<\/div>\n<h4>How to fine-tune the color intensity<\/h4>\n<p>If the color is too strong, lower the layer's <strong>opacity<\/strong>. I'll lower mine to 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/layer-opacity-50percent.png\" alt=\"Lowering the opacity of the Color layer. \" width=\"267\" height=\"170\" \/>\n<div class=\"image-desc\">Lowering the opacity of the &quot;Color&quot; layer.<\/div>\n<p>With the opacity lowered, the colors appear more subtle. And that's how to color the sketch using the photo's original colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/sketch-color-opacity-50.jpg\" alt=\"The sketch effect after lowering the opacity of the Color layer.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The result with the opacity lowered.<\/div>\n<p><strong>Learn More:<\/strong> <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">The five layer blend modes you need to know!<\/a><\/p>\n<h2 class=\"sub\">How to color the sketch with a single color<\/h2>\n<p>If you like the way your sketch looks with the colors from the photo, you can stop here. Otherwise, let's look at a second way to add color, this time using a single color. Then we'll finish off the tutorial by learning how to color the sketch with a gradient.<\/p>\n<h3>Step 14: Turn off the <q>Color<\/q> layer<\/h3>\n<p>Before we go any further, turn off the <q>Color<\/q> layer that we used in the previous steps by clicking  its <strong>visibility icon<\/strong> (the eyeball) in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/color-layer-visibility-icon.png\" alt=\"Turning off the Color layer in Photoshop's Layers panel\" width=\"281\" height=\"171\" \/>\n<div class=\"image-desc\">Turning off the <q>Color<\/q> layer.<\/div>\n<h3>Step 15: Add a Solid Color fill layer<\/h3>\n<p>To color the sketch with a single color, we'll use a Solid Color fill layer. Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop's Layers panel.\" width=\"267\" height=\"181\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Solid Color<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/choose-solid-color-fill-layer.png\" alt=\"Choosing a Solid Color fill layer in Photoshop. \" width=\"174\" height=\"113\" \/>\n<div class=\"image-desc\">Choosing a Solid Color fill layer.<\/div>\n<p>Photoshop opens the <strong>Color Picker<\/strong> where we choose the color we need. Don't worry about choosing the wrong color because you can always come back and choose a different one, as we'll see in a moment. <\/p>\n<p>I'll try a shade of blue. Click OK when you're done to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/color-picker-blue.jpg\" alt=\"Choosing blue from Photoshop's Color Picker\" width=\"542\" height=\"375\" \/>\n<div class=\"image-desc\">Choosing blue from the Color Picker.<\/div>\n<p>In the Layers panel, the Solid Color fill layer appears above the other layers. And in the document, the color you selected temporarily blocks the sketch from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/document-filled-blue.jpg\" alt=\"The selected color fills the document\" width=\"548\" height=\"599\" \/>\n<div class=\"image-desc\">The color blocks the image.<\/div>\n<h3>Step 16: Change the blend mode to Color<\/h3>\n<p>To blend the color into the sketch, change the fill layer's <strong>blend mode<\/strong> to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/fill-layer-blend-mode-color.png\" alt=\"Changing the fill layer's blend mode to Color \" width=\"273\" height=\"170\" \/>\n<div class=\"image-desc\">Changing the blend mode to Color.<\/div>\n<p>And here's the result with the sketch colored in blue:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-to-sketch-blue.jpg\" alt=\"The photo to sketch effect colored with blue\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The color effect using blue.<\/div>\n<h4>How to change the color<\/h4>\n<p>To try a different color, <strong>double-click<\/strong> on the fill layer's <strong>color swatch<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/fill-layer-color-swatch.png\" alt=\"Double-clicking the fill layer's color swatch in Photoshop's Layers panel\" width=\"267\" height=\"201\" \/>\n<div class=\"image-desc\">Double-clicking the color swatch.<\/div>\n<p>And then choose a new color from the Color Picker. As long as the Color Picker remains open, you can keep selecting different colors and see a live preview in the document.<\/p>\n<p>I'll go with a shade of purple. When you're done, click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/color-picker-purple.jpg\" alt=\"Choosing a different color from the Color Picker. \" width=\"543\" height=\"377\" \/>\n<div class=\"image-desc\">Choosing a different color from the Color Picker.<\/div>\n<p>And now my sketch is colored in purple:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-sketch-purple.jpg\" alt=\"The photo to sketch effect colored with purple\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The color effect using purple.<\/div>\n<h4>Adjusting the color's intensity<\/h4>\n<p>If the color is too intense, lower the fill layer's <strong>Opacity<\/strong> value. I'll lower it to 70&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/fill-layer-opacity-70.png\" alt=\"Lowering the opacity of the Solid Color fill layer.\" width=\"267\" height=\"170\" \/>\n<div class=\"image-desc\">Lowering the fill layer's opacity.<\/div>\n<p>And that's how to add a single color to your sketch! Up next, we'll finish things off by learning how to color the sketch with a gradient, and then I'll show you how to switch between all these different versions to choose the one you like best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photo-sketch-purple-70percent.jpg\" alt=\"The photo to sketch effect colored with purple\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The result with the opacity lowered.<\/div>\n<h2 class=\"sub\">How to color the sketch with a gradient<\/h2>\n<p>At this point, we've learned how to convert the photo to a black and white sketch, how to bring back the original colors from the photo, and how to add a single color. We'll finish off this tutorial by learning how to color the sketch with a gradient. <\/p>\n<p>I won't cover how to create your own custom gradients here. Instead, we'll use one of Photoshop's built-in gradients. And in the most recent versions of Photoshop (from 2020 and up), there are lots of new gradients to choose from.<\/p>\n<h3>Step 17: Turn off the Solid Color fill layer<\/h3>\n<p>First, if you've been following along from the beginning, turn off the Solid Color fill layer we used in the previous steps by clicking its <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/turn-off-solid-color-fill.png\" alt=\"Clicking the fill layer's visibility icon. \" width=\"280\" height=\"200\" \/>\n<div class=\"image-desc\">Clicking the fill layer's visibility icon.<\/div>\n<p>This restores the black and white version of the sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"The black and white photo to sketch effect\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The black and white sketch returns.<\/div>\n<h3>Step 18: Add a Gradient Fill layer <\/h3>\n<p>To color the sketch with a gradient, we'll use a Gradient fill layer. And we'll add the fill layer directly above the Levels adjustment layer. So first, click on the <strong>Levels adjustment layer<\/strong> in the Layers panel to make it active:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/select-adjustment-layer.png\" alt=\"Selecting the Levels adjustment layer in Photoshop's Layers panel\" width=\"267\" height=\"205\" \/>\n<div class=\"image-desc\">Selecting the Levels adjustment layer.<\/div>\n<p>Then click once again on the <strong>New Fill or Adjustment Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"267\" height=\"181\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>And choose <strong>Gradient<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/choose-gradient-fill-layer.png\" alt=\"Choosing a Gradient fill layer. \" width=\"174\" height=\"112\" \/>\n<div class=\"image-desc\">Choosing a Gradient fill layer.<\/div>\n<h3>Step 19: Select a gradient<\/h3>\n<p>In the Gradient Fill dialog box, choose a gradient by clicking the small <strong>arrow<\/strong> next to the gradient swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-fill-dialog.png\" alt=\"Clicking the arrow to the right of the gradient swatch in Photoshop's Gradient Fill dialog box.\" width=\"317\" height=\"176\" \/>\n<div class=\"image-desc\">Clicking the arrow to the right of the gradient swatch.<\/div>\n<p>This opens the <strong>Gradient picker<\/strong> with lots of new gradients that were added back in Photoshop 2020. The gradients are divided into groups based on theme (Basics, Blues, Purples, and so on):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-picker-photoshop.png\" alt=\"The Gradient picker in Photoshop\" width=\"317\" height=\"210\" \/>\n<div class=\"image-desc\">The Gradient picker.<\/div>\n<p>To open a group, click the <strong>arrow<\/strong> next to the group's <strong>folder icon<\/strong>. I'll twirl open the Purples group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/open-purples-gradients.png\" alt=\"Opening a gradient group in Photoshop's Gradient picker\" width=\"316\" height=\"159\" \/>\n<div class=\"image-desc\">Twirling open one of the gradient groups.<\/div>\n<p>Then to select a gradient inside the group and close the Gradient picker, double-click on the gradient's thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/select-gradient.png\" alt=\"Selecting a gradient from Photoshop's Gradient picker\" width=\"317\" height=\"161\" \/>\n<div class=\"image-desc\">Double-clicking to select a gradient.<\/div>\n<h4>The gradient settings<\/h4>\n<p>Back in the Gradient Fill dialog box, you can change the <strong>Style<\/strong> of the gradient from Linear (the default) to Radial, Angle, Reflected or Diamond:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-style-options.png\" alt=\"The gradient style options in Photoshop\" width=\"317\" height=\"178\" \/>\n<div class=\"image-desc\">The Style options.<\/div>\n<p>You can <strong>Reverse<\/strong> the order of the gradient colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-reverse-option.png\" alt=\"The Reverse option for the gradient in Photoshop\" width=\"317\" height=\"95\" \/>\n<div class=\"image-desc\">The Reverse option.<\/div>\n<p>And you can change the <strong>Angle<\/strong> of the gradient. I'll leave mine at the default of 90 degrees:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-angle-option.png\" alt=\"The Angle option for the gradient in Photoshop\" width=\"317\" height=\"179\" \/>\n<div class=\"image-desc\">The Angle option.<\/div>\n<p>Click OK when you're done to close the Gradient Fill dialog box. The gradient temporarily blocks the sketch from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-blocking-sketch.jpg\" alt=\"The selected gradient blocking the sketch from view\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The gradient is blocking the sketch.<\/div>\n<h3>Step 20: Change the Blend Mode to Color<\/h3>\n<p>Back in the Layers panel, the Gradient fill layer appears above the Levels adjustment layer. To blend the gradient colors in with the black and white sketch, change the <strong>blend mode<\/strong> of the Gradient fill layer from Normal to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-fill-blend-mode-color.png\" alt=\"Changing the blend mode of the Gradient Fill layer to Color. \" width=\"272\" height=\"300\" \/>\n<div class=\"image-desc\">Changing the blend mode to Color.<\/div>\n<p>Then adjust the intensity of the colors if needed by lowering the layer's <strong>opacity<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-fill-layer-opacity.png\" alt=\"Lowering the opacity of the Gradient Fill layer.\" width=\"267\" height=\"235\" \/>\n<div class=\"image-desc\">Lowering the opacity.<\/div>\n<p>And here's my sketch using the gradient colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect-gradient.jpg\" alt=\"The photo to sketch effect colored with a gradient in Photoshop.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The sketch using the gradient colors.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<h4>How to choose a different gradient or edit the settings<\/h4>\n<p>To try a different gradient or edit any of the gradient options (Style, Reverse, Angle), double-click on the Gradient fill layer's <strong>color swatch<\/strong>. This will re-open the Gradient Fill dialog box where you can make any changes you need:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/gradient-fill-layer-color-swatch.png\" alt=\"Double-click the Gradient fill color swatch to edit the gradient settings\" width=\"267\" height=\"204\" \/>\n<div class=\"image-desc\">Double-click the Gradient fill color swatch.<\/div>\n<h2 class=\"sub\">How to switch between the sketch color effects<\/h2>\n<p>Now that we've colored the sketch with a gradient, what if you want to go back to the colors from the original photo, or the single color version, or even the black and white version? Here's how to switch between the different effects.<\/p>\n<h3>Restoring the black and white sketch<\/h3>\n<p>To hide all the color effects and return to the black and white version, simply turn off the <q>Color<\/q> layer, the Solid Color fill layer and the Gradient fill layer using their <strong>visibility icons<\/strong>. I already have the <q>Color<\/q> and Solid Color layers turned off, so I'll turn off the Gradient fill layer as well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/layer-visibility-icons.png\" alt=\"Turning off all three color effect layers in Photoshop's Layers panel\" width=\"273\" height=\"270\" \/>\n<div class=\"image-desc\">Turning off all three color effect layers.<\/div>\n<p>With all three color effect layers turned off, I'm back to my black and white sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"Back to the black and white version of the sketch\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">Back to the black and white version.<\/div>\n<h3>Restoring a color version of the sketch<\/h3>\n<p>Then to turn on one of the color effects, click its visibility icon. I'll turn on my <q>Color<\/q> layer. Make sure you turn on only one color effect at a time, otherwise they will blend together:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/turn-on-color-layer.png\" alt=\"Clicking the Color layer's visibility icon\" width=\"280\" height=\"205\" \/>\n<div class=\"image-desc\">Turning on the <q>Color<\/q> layer.<\/div>\n<p>And with the <q>Color<\/q> layer turned on, we're back to the photo's original colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/2021\/photo-to-sketch\/sketch-color-opacity-50.jpg\" alt=\"A sketch effect colorized with the original photo colors in Photoshop.\" width=\"548\" height=\"597\" \/>\n<div class=\"image-desc\">The original color version.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to turn a photo into a black and white pencil sketch, along with a few different ways to color the sketch, in Photoshop! Check out my <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more tutorials!<\/p>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to turn any photo into a pencil sketch with Photoshop, plus three easy ways to add color to your sketch!<\/p>\n","protected":false},"author":1,"featured_media":31205,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-31172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Turn a Photo to a Pencil Sketch in Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to turn any photo to a pencil sketch with Photoshop, plus three easy ways o add color to your sketch!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Turn a Photo to a Pencil Sketch in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Easily turn any photo into a color pencil sketch with this step-by-step tutorial!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-26T19:47:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-02T12:22:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-pencil-sketch-photoshop-s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"29 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Turn a Photo to a Pencil Sketch in Photoshop\",\"datePublished\":\"2021-02-26T19:47:35+00:00\",\"dateModified\":\"2024-04-02T12:22:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/\"},\"wordCount\":2936,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/photo-to-sketch-original-colors-250.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/\",\"name\":\"Turn a Photo to a Pencil Sketch in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/photo-to-sketch-original-colors-250.jpg\",\"datePublished\":\"2021-02-26T19:47:35+00:00\",\"dateModified\":\"2024-04-02T12:22:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to turn any photo to a pencil sketch with Photoshop, plus three easy ways o add color to your sketch!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/photo-to-sketch-original-colors-250.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/photo-to-sketch-original-colors-250.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to turn a photo to a pencil sketch with Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-pencil-sketch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Turn a Photo to a Pencil Sketch in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Turn a Photo to a Pencil Sketch in Photoshop","description":"Learn how to turn any photo to a pencil sketch with Photoshop, plus three easy ways o add color to your sketch!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/","og_locale":"en_US","og_type":"article","og_title":"Turn a Photo to a Pencil Sketch in Photoshop","og_description":"Easily turn any photo into a color pencil sketch with this step-by-step tutorial!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2021-02-26T19:47:35+00:00","article_modified_time":"2024-04-02T12:22:02+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-pencil-sketch-photoshop-s.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Turn a Photo to a Pencil Sketch in Photoshop","datePublished":"2021-02-26T19:47:35+00:00","dateModified":"2024-04-02T12:22:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/"},"wordCount":2936,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-sketch-original-colors-250.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/","name":"Turn a Photo to a Pencil Sketch in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-sketch-original-colors-250.jpg","datePublished":"2021-02-26T19:47:35+00:00","dateModified":"2024-04-02T12:22:02+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to turn any photo to a pencil sketch with Photoshop, plus three easy ways o add color to your sketch!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-sketch-original-colors-250.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2021\/02\/photo-to-sketch-original-colors-250.jpg","width":250,"height":250,"caption":"How to turn a photo to a pencil sketch with Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-pencil-sketch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Turn a Photo to a Pencil Sketch in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/31172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=31172"}],"version-history":[{"count":59,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/31172\/revisions"}],"predecessor-version":[{"id":35308,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/31172\/revisions\/35308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/31205"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=31172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=31172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=31172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}