{"id":7500,"date":"2017-05-04T00:00:34","date_gmt":"2017-05-04T04:00:34","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=7500"},"modified":"2022-11-05T09:48:01","modified_gmt":"2022-11-05T13:48:01","slug":"photo-to-color-pencil-sketch-with-photoshop-cc","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/","title":{"rendered":"Photo To Color Pencil Sketch With Photoshop CC"},"content":{"rendered":"<section>\n<div class=\"summary\">\n<p>Learn step-by-step how to turn any photo into a black and white pencil sketch with Photoshop, plus three great ways to colorize the sketch! Watch the video or follow along with the complete written tutorial below it!<\/p>\n<\/div>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/CTCX4pMwKAQ\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<p><strong>Version note:<\/strong> This tutorial is for Photoshop CC 2019 and earlier. See the updated version for <a href=\"\/photo-effects\/photo-to-pencil-sketch\/\" title=\"View updated tutorial for Photoshop 2021\">Photoshop 2020 and newer<\/a>.<\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn how to easily create a classic Photoshop effect, turning a <strong>photo into a pencil sketch<\/strong>! In fact, we'll actually learn how to create four variations of the sketch effect, starting with a simple black and white version. We'll then take our black and white sketch and learn a few different ways to colorize it, first using the photo's original colors, then with a single color, and then with a gradient!<\/p>\n<p>We'll also learn how to keep our pencil sketch flexible and editable, letting us go back and fine-tune things as needed, by taking advantage of Photoshop's Smart Filters, fill and adjustment layers, and layer blend modes.<\/p>\n<p>This version of the tutorial is compatible with Photoshop CC 2019 and earlier, including Photoshop CS6. But Photoshop 2020 or 2021 users will want to check out my <a href=\"\/photo-effects\/photo-to-pencil-sketch\/\" title=\"View updated version of this tutorial\">updated version<\/a> which includes recent changes to Photoshop's gradients.<\/p>\n<p>Here's <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\" target=\"_blank\" rel=\"noopener\">the image<\/a> I'll be using from Adobe Stock:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/original.jpg\" alt=\"Image 128666849 licensed and used by permission from Shutterstock.\" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>Here's how it will look as the initial black and white sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"A black and white photo to sketch effect in Photoshop. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The black and white version of the sketch.<\/div>\n<p>Here's the same sketch colorized with the photo's original colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photo-to-sketch-original-colors.jpg\" alt=\"Photoshop photo to sketch effect, original colors. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The first colorized version of the sketch.<\/div>\n<p>Here's the same sketch again, this time colorized with a single color (you can choose any color you like):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-purple.jpg\" alt=\"Photoshop photo to sketch effect, single color. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The second colorized version of the sketch.<\/div>\n<p>And finally, here's how the sketch will look after colorizing it with a gradient. At the end of the tutorial, we'll see how to easily switch between all four versions so you can choose the one you like best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-effect-gradient.jpg\" alt=\"Photoshop photo to sketch effect, colorized with a gradient. \" width=\"550\" height=\"598\" \/>\n<div class=\"image-desc\">The third colorized version of the sketch.<\/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 A Photo Into A Pencil Sketch With Photoshop<\/h2>\n<h3 style=\"margin-top:0;\">Step 1: Duplicate The Background Layer<\/h3>\n<p>With your image newly opened in Photoshop, if you look in your <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, you'll see the image sitting on the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a>, currently the only layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-layers-panel.gif\" alt=\"The Layers panel showing the photo on the Background layer. \" width=\"286\" height=\"287\" \/>\n<div class=\"image-desc\">The Layers panel showing the photo on the Background layer.<\/div>\n<p>We're going to need this original image again later when we go to colorize the sketch, which means we'll need to make sure we don't make any changes to it. To keep it safe, the first thing we'll do is make a copy of the image by duplicating the Background layer.<\/p>\n<p>To do that, click on the Background layer and drag it down onto the <strong>New Layer<\/strong> icon at the bottom of the Layers panel (second icon from the right):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/dulicating-background-layer.gif\" alt=\"Dragging the Background layer onto the New Layer icon. \" width=\"286\" height=\"287\" \/>\n<div class=\"image-desc\">Dragging the Background layer onto the New Layer icon.<\/div>\n<p>Release your mouse button when your hand cursor is directly over the New Layer icon. Photoshop makes a copy of the Background layer, names it \"Background copy\" and places it above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/background-copy-layer.gif\" alt=\"The Layers panel showing the new Background copy layer. \" width=\"286\" height=\"231\" \/>\n<div class=\"image-desc\">The Layers panel showing the new &quot;Background copy&quot; layer.<\/div>\n<h3>Step 2: Desaturate The Layer<\/h3>\n<p>Next, we need to remove all of the color from our \"Background copy\" layer, and we can do that quickly using Photoshop's Desaturate command. 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>. You can also use the keyboard shortcut <strong>Shift+Ctrl+U<\/strong> (Win) \/ <strong>Shift+Command+U<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/image-adjustments-desaturate.gif\" alt=\"Choosing the Desaturate command in Photoshop. \" width=\"219\" height=\"143\" \/>\n<div class=\"image-desc\">Going to Image &gt; Adjustments &gt; Desaturate.<\/div>\n<p>Either way desaturates the image, leaving us with a black and white version of our photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/image-desaturated.jpg\" alt=\"The image after desaturating the color. \" width=\"551\" height=\"600\" \/>\n<div class=\"image-desc\">The image after desaturating the color.<\/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 3: Duplicate The Desaturated Layer<\/h3>\n<p>Next, we need to make a copy of our desaturated layer. Click on the <strong>Background copy<\/strong> layer in the Layers panel and, just as we did with the original Background layer, drag it down onto the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/drag-background-copy-layer.gif\" alt=\"Dragging the Background copy layer onto the New Layer icon. \" width=\"286\" height=\"204\" \/>\n<div class=\"image-desc\">Dragging the &quot;Background copy&quot; layer onto the New Layer icon.<\/div>\n<p>When you release your mouse button, Photoshop makes a copy of the layer, names it \"Background copy 2\" and places it above the other layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/background-copy-2-layer.gif\" alt=\"The new Background copy 2 layer appears above the other layers. \" width=\"286\" height=\"267\" \/>\n<div class=\"image-desc\">The new &quot;Background copy 2&quot; layer appears at the top of the layer stack.<\/div>\n<h3>Step 4: Invert The Layer<\/h3>\n<p>We need to invert the brightness levels in this layer, making light areas dark and dark areas light, and we can do that using Photoshop's Invert command. Go up to the <strong>Image<\/strong> menu at the top of the screen, choose <strong>Adjustments<\/strong>, and then choose <strong>Invert<\/strong> (keyboard shortcut: <strong>Ctrl+I<\/strong> (Win) \/ <strong>Command+I<\/strong> (Mac)):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/image-adjustments-invert.gif\" alt=\"Selecting the Invert command in Photoshop. \" width=\"219\" height=\"136\" \/>\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\/cc\/2015\/photo-to-sketch\/image-inverted.jpg\" alt=\"The image after inverting the brightness. \" width=\"551\" height=\"600\" \/>\n<div class=\"image-desc\">The image after inverting the brightness.<\/div>\n<h3>Step 5: Change The Blend Mode To Color Dodge<\/h3>\n<p>Next, we need to change the <strong>blend mode<\/strong> of the layer. You'll find the Blend Mode option in the upper left of the Layers panel. By default, the blend mode is set to <strong>Normal<\/strong>. Click on the word \"Normal\" to bring up a menu of other blend modes and choose <strong>Color Dodge<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-dodge-blend-mode.gif\" alt=\"Changing the blend mode of the layer to Color Dodge. \" width=\"295\" height=\"202\" \/>\n<div class=\"image-desc\">Changing the blend mode of the layer from Normal to Color Dodge.<\/div>\n<p>This will turn the document completely white, or at least mostly white (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\/cc\/2015\/photo-to-sketch\/image-color-dodge.gif\" alt=\"Changing the blend mode to Color Dodge turns the document temporarily white. \" width=\"455\" height=\"495\" \/>\n<div class=\"image-desc\">Changing the blend mode to Color Dodge turns the document temporarily white.<\/div>\n<h3>Step 6: Convert The Layer Into A Smart Object<\/h3>\n<p>In a moment, we're going to create the main part of our sketch effect by blurring the layer using Photoshop's Gaussian Blur filter. But rather than applying it as a normal filter, let's apply Gaussian Blur as a <strong>Smart Filter<\/strong>. <\/p>\n<p>What's a Smart Filter, and how is it different from a normal filter? Well, Smart Filters are just like normal filters in Photoshop, only smarter! What makes them &quot;smarter&quot; is that while normal filters produce <em>static<\/em> results (that is, they make permanent changes to the pixels on a layer), Smart Filters are <em>non-destructive<\/em> and remain <em>fully editable<\/em>. They allow us to easily go back at any time and make changes to the filter's settings without any loss of image quality. By applying Gaussian Blur as a Smart Filter, we're giving ourselves the option to go back and fine-tune our sketch effect later rather than locking ourselves in with our initial filter settings.<\/p>\n<p>So how do we apply Gaussian Blur as a Smart Filter? For that, we first need to convert the layer to a <strong>Smart Object<\/strong>. Why do we need to convert it into a Smart Object? It's because, when a filter is applied to a normal layer, it remains a normal, static filter. But when the exact same filter is applied to a Smart Object, it automatically becomes a Smart Filter!<\/p>\n<p>To convert the layer into a Smart Object, click on the small <strong>menu icon<\/strong> in the upper right corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/layers-panel-menu-icon.gif\" alt=\"Clicking the menu icon in the Layers panel. \" width=\"302\" height=\"273\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>Then choose <strong>Convert to Smart Object<\/strong> from the menu that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/convert-to-smart-object.gif\" alt=\"Choosing the Convert to Smart Object command from the Layers panel menu. \" width=\"240\" height=\"142\" \/>\n<div class=\"image-desc\">Choosing the &quot;Convert to Smart Object&quot; command.<\/div>\n<p>It may not seem like anything has happened, but if we look again in the Layers panel, we now see a small <strong>Smart Object icon<\/strong> in the lower right corner of the layer's <strong>preview thumbnail<\/strong>. This tells us that the layer is now a Smart Object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/smart-object-icon.gif\" alt=\"The Smart Object icon in the layer preview thumbnail. \" width=\"286\" height=\"227\" \/>\n<div class=\"image-desc\">The Smart Object icon in the layer's preview thumbnail.<\/div>\n<h3>Step 7: Apply The Gaussian Blur Filter<\/h3>\n<p>Now that we've converted the layer into a Smart Object, let's apply the Gaussian Blur filter. Go up to the <strong>Filter<\/strong> menu in the Menu Bar along the top of the screen, 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\/cc\/2015\/photo-to-sketch\/filter-blur-gaussian-blur.gif\" alt=\"Selecting the Gaussian Blur filter in Photoshop. \" width=\"407\" height=\"183\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Gaussian Blur.<\/div>\n<p>This opens the Gaussian Blur dialog box. To create our main sketch effect, all we need to do is apply some blurring to the layer (the Smart Object). We control the amount of blurring using the <strong>Radius<\/strong> slider along the bottom of the dialog box. The further we drag the  slider towards the right, the more we increase the radius value and the stronger the blurring will appear.<\/p>\n<p>The effect you achieve will depend on how much blurring you've applied. Lower radius values will create a sketch with fine, thin lines, while larger  values will give you a more photo-realistic result. For example, if I choose a fairly low radius value of around 10 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gaussian-blur-dialog-box.jpg\" alt=\"Setting a low radius value in the Gaussian Blur dialog box. \" width=\"329\" height=\"352\" \/>\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\/cc\/2015\/photo-to-sketch\/image-gaussianblur-10px.jpg\" alt=\"The sketch effect using a lower radius value. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The sketch effect using a lower radius value.<\/div>\n<p>If I increase the radius value to something much higher, maybe somewhere around 45 pixels:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gaussianblur-45px.gif\" alt=\"Increasing the radius value in the Gaussian Blur dialog box. \" width=\"332\" height=\"348\" \/>\n<div class=\"image-desc\">Increasing the radius value for a stronger blur effect.<\/div>\n<p>I end up with  an effect that looks more like the original photo. The exact radius value you choose will depend both on your image and the type of effect you're going for, so the best thing to do is keep an eye on your image as you drag the Radius slider and judge the results. In my case, even though I like both versions, I think I like this second, more photo-realistic version a bit better, so I'll go with this one. Click OK when you're done to close out of the Gaussian Blur dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/image-gaussianblur-45px.jpg\" alt=\"The sketch effect with a larger radius value. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The sketch effect with a larger radius value.<\/div>\n<p>We have our main sketch effect, and we created it using a Gaussian Blur Smart Filter. As I mentioned earlier, Smart Filters remain fully editable, allowing us to easily go back and change the filter's settings later if needed. How do we do that? Well, if we look again in the Layers panel, we now see the Gaussian Blur filter listed as a Smart Filter below the Smart Object we applied it to. If, at any point, you start thinking that your sketch could use a bit more fine-tuning, simply <strong>double-click<\/strong> directly on the words \"Gaussian Blur\" to re-open the Gaussian Blur dialog box and drag the Radius slider as needed:<\/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=\"The Layers panel showing the Gaussian Blur Smart Filter. \" width=\"286\" height=\"215\" \/>\n<div class=\"image-desc\">Double-clicking the Gaussian Blur Smart Filter will re-open its dialog box.<\/div>\n<h3>Step 8: Add A Levels Adjustment Layer<\/h3>\n<p>We've created our main sketch effect, but depending on how much blurring you applied, you may be finding that your sketch is looking too light. If that's the case, we can easily darken it using a Levels adjustment layer.<\/p>\n<p>To add a Levels adjustment 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\/cc\/2015\/photo-to-sketch\/new-adjustment-layer-icon.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"286\" height=\"178\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Choose <strong>Levels<\/strong> from the list  that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/choose-levels.gif\" alt=\"Choosing a Levels adjustment layer. \" width=\"173\" height=\"133\" \/>\n<div class=\"image-desc\">Choosing a Levels adjustment layer.<\/div>\n<p>Photoshop adds a Levels adjustment layer, names it \"Levels 1\", and places it above the other layers in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/levels-adjustment-layer.gif\" alt=\"The Layers panel showing the new Levels adjustment layer. \" width=\"286\" height=\"285\" \/>\n<div class=\"image-desc\">The Layers panel showing the new Levels adjustment layer.<\/div>\n<h3>Step 9: Change The Layer Blend Mode To Multiply<\/h3>\n<p>The options and controls for the Levels adjustment layer appear in Photoshop's <strong>Properties panel<\/strong>, but there's nothing here that we need to do with them. Instead, to darken the sketch, all we need to do is change the <strong>blend mode<\/strong> for the Levels adjustment layer from Normal to <strong>Multiply<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/levels-multiply-blend-mode.gif\" alt=\"Changing the blend mode of the Levels adjustment layer to Multiply. \" width=\"301\" height=\"266\" \/>\n<div class=\"image-desc\">Changing the blend mode of the adjustment layer to Multiply.<\/div>\n<p>The <a href=\"\/photo-editing\/layer-blend-modes\/multiply\/\">Multiply blend mode<\/a> is one of a group of blend modes in Photoshop that darken the image, and right away, we see that my sketch now appears much darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/image-levels-multiply.jpg\" alt=\"The effect after changing the Levels blend mode to Multiply. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The effect after changing the Levels blend mode to Multiply.<\/div>\n<p>If you find, as I do, that your sketch now appears <em>too<\/em> dark, you can fine-tune the amount of darkening by adjusting the <strong>opacity<\/strong> of the Levels adjustment layer. You'll find the Opacity option directly across from the blend mode option at the top of the Layers panel.<\/p>\n<p>The more you lower the opacity value below its default 100%, the more the layers below the Levels adjustment layer will show through, brightening the sketch back up. I'll lower mine down to around 40%, but keep an eye on your image as you adjust the opacity to find the value that works best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/layer-opacity-40percent.gif\" alt=\"Lowering the opacity of the Levels adjustment layer. \" width=\"289\" height=\"266\" \/>\n<div class=\"image-desc\">Lowering the opacity of the Levels adjustment layer.<\/div>\n<p>After lowering the opacity, the overall brightness is now looking better:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-effect.jpg\" alt=\"Lowering the opacity of the Levels adjustment layer. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">Lowering the opacity brought back some of the brightness.<\/div>\n<h3>Step 10: Duplicate The Background Layer Again<\/h3>\n<p>At this point, we have our main sketch effect, but currently it's in black and white. Let's look at a few different ways to colorize it. We'll start by using the photo's own original colors. For that, we need to make another copy of the Background layer, so click on the <strong>Background layer<\/strong> (the original Background layer that's sitting below  the other layers) and, just as we've done a couple of times already, drag it down onto the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/background-layer-new-layer-icon.gif\" alt=\"Making another copy of the Background layer. \" width=\"286\" height=\"206\" \/>\n<div class=\"image-desc\">Making another copy of the Background layer.<\/div>\n<p>Photoshop makes a copy of the layer, names it \"Background copy 3\" and places it directly above the original Background layer:<\/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. \" width=\"286\" height=\"239\" \/>\n<div class=\"image-desc\">The &quot;Background copy 3&quot; layer appears above the original Background layer.<\/div>\n<h3>Step 11: Rename The New Layer<\/h3>\n<p>We've created so many copies of our Background layer at this point that our Layers panel is becoming cluttered with them, and they all have names (\"Background copy\", \"Background copy 2\", \"Background copy 3\") that don't tell us anything about what the layer is being used for. Let's break the cycle and rename the layer we just created.<\/p>\n<p>We're going to be using the \"Background copy 3\" layer to colorize our sketch, so let's give it more descriptive name. To rename a layer, <strong>double-click<\/strong> directly on its name to highlight it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/highlight-layer-name.gif\" alt=\"Double-clicking on the layer's name to highlight it. \" width=\"286\" height=\"239\" \/>\n<div class=\"image-desc\">Highlighting the current name by double-clicking on it.<\/div>\n<p>With the name highlighted, type in the new name. Let's name it \"Color\". Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard when you're done to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/rename-layer-color.gif\" alt=\"Changing the layer's name to Color. \" width=\"286\" height=\"239\" \/>\n<div class=\"image-desc\">Changing the layer's name to &quot;Color&quot;.<\/div>\n<h3>Step 12: Move The \"Color\" Layer To The Top Of The Layer Stack<\/h3>\n<p>To use this layer to colorize the sketch, we need to move it up to the top of the layer stack; in other words, move it above all the other layers.<\/p>\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>One way to do that would be to click on it and simply drag it up above the other layers, but there's a faster way. To jump a  layer directly to the top of the layer stack, first make sure it's selected in the Layers panel. Then, press and hold <strong>Shift+Ctrl<\/strong> (Win) \/ <strong>Shift+Command<\/strong> (Mac)  on your keyboard and press your <strong>right bracket key<\/strong> ( <strong>]<\/strong> ). This will instantly jump the selected layer straight to the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-layer-top.jpg\" alt=\"The Color layer now sits at the top of the layer stack. \" width=\"286\" height=\"307\" \/>\n<div class=\"image-desc\">The &quot;Color&quot; layer now sits at the top of the layer stack.<\/div>\n<h3>Step 13: Change The Blend Mode To \"Color\"<\/h3>\n<p>With the \"Color\" layer now the top-most layer in the document, your original image will re-appear, blocking the other layers below it from view, which is obviously not what we want. We want to blend the color from the original image in with our sketch. To do that, simply change the <strong>blend mode<\/strong> of the \"Color\" layer from Normal to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-layer-blend-mode.gif\" alt=\"Changing the blend mode of the layer to Color. \" width=\"305\" height=\"250\" \/>\n<div class=\"image-desc\">Changing the blend mode of the layer 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 this layer and ignore everything else, and just like that, the sketch is now colorized:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photo-to-sketch-original-colors.jpg\" alt=\"The sketch colorized with the photo's original colors. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The sketch colorized with the photo's original colors.<\/div>\n<p>If the color appears too strong, you can reduce it by lowering the opacity of the \"Color\" layer. I'll lower mine down to 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-layer-opacity.gif\" alt=\"Lowering the opacity of the Color layer. \" width=\"289\" height=\"247\" \/>\n<div class=\"image-desc\">Lowering the opacity of the &quot;Color&quot; layer.<\/div>\n<p>And now, the color appears more subtle:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/sketch-color-opacity50percent.jpg\" alt=\"The sketch effect after lowering the opacity of the Color layer. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The effect after lowering the opacity of the &quot;Color&quot; layer.<\/div>\n<p><strong><\/strong><\/p>\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<h3>Step 14: Turn Off The \"Color\" Layer<\/h3>\n<p>If you like the way your sketch effect looks using the photo's original colors, you can stop here. Otherwise, let's look at a second way to colorize it, this time using a single color. Before we do, let's turn off the \"Color\" layer by clicking  its <strong>visibility icon<\/strong> (the \"eyeball\" icon) in the Layers panel. This will bring back the black and white version of the sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-layer-visibility-icon.gif\" alt=\"Clicking the Color layer's visibility icon. \" width=\"301\" height=\"190\" \/>\n<div class=\"image-desc\">Turning off the &quot;Color&quot; layer by clicking its visibility icon.<\/div>\n<h3>Step 15: Add A Solid Color Fill Layer<\/h3>\n<p>To colorize the sketch with a single color, we'll use one of Photoshop's Solid Color fill layers. Click once again 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\/cc\/2015\/photo-to-sketch\/new-fill-layer-icon.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"286\" height=\"180\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Then choose <strong>Solid Color<\/strong> from the top of the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/choose-solid-color-fill-layer.gif\" alt=\"Choosing a Solid Color fill layer in Photoshop. \" width=\"173\" height=\"110\" \/>\n<div class=\"image-desc\">Choosing a Solid Color fill layer.<\/div>\n<p>As soon as you select the Solid Color fill layer, Photoshop will pop open the <strong>Color Picker<\/strong>, asking you to choose your color. Don't worry about choosing the wrong color here because, as we'll see in a moment, we can easily come back and pick a different one. I'll choose a shade of blue to see what that looks like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-picker-blue.jpg\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"544\" height=\"412\" \/>\n<div class=\"image-desc\">Choosing blue from the Color Picker.<\/div>\n<h3>Step 16: Change The Blend Mode To Color<\/h3>\n<p>Once you've chosen a color, click OK to close out of the Color Picker. Your document will temporarily be filled with that color, and if you look in the Layers panel, you'll see the new fill layer, named \"Color Fill 1\", sitting at the top.<\/p>\n<p>To blend the color in with the sketch, simply change the fill layer's <strong>blend mode<\/strong> from Normal to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/fill-layer-color-blend-mode.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"305\" height=\"250\" \/>\n<div class=\"image-desc\">Changing the fill layer's blend mode to Color.<\/div>\n<p>And now, the sketch appears colorized, in my case with blue:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-blue.jpg\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The sketch colorized with blue.<\/div>\n<p>If you want 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\/cc\/2015\/photo-to-sketch\/fill-layer-color-swatch.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"286\" height=\"190\" \/>\n<div class=\"image-desc\">Double-clicking the fill layer's color swatch.<\/div>\n<p>This re-opens the Color Picker, allowing you to choose something different. I'll try a pinkish-purple this time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-picker-purple.jpg\" alt=\"Choosing a different color from the Color Picker. \" width=\"544\" height=\"412\" \/>\n<div class=\"image-desc\">Choosing a different color from the Color Picker.<\/div>\n<p>I'll click OK to close out of the Color Picker, and now my sketch appears with my new color. You can go back and try as many different colors as you like until you find the one that works best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-purple.jpg\" alt=\"The sketch colorized with purple. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The sketch colorized with purple.<\/div>\n<p>To reduce the intensity of the color, simply lower the fill layer's opacity, keeping an eye on the results as you drag the slider:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/fill-layer-opacity.gif\" alt=\"Lowering the opacity of the fill layer. \" width=\"294\" height=\"250\" \/>\n<div class=\"image-desc\">Lowering the opacity of the fill layer.<\/div>\n<h3>Step 17: Turn Off The Fill Layer<\/h3>\n<p>Let's look at one more way to colorize the sketch, this time using a gradient.<\/p>\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>First, turn off the fill layer by clicking on its <strong>visibility icon<\/strong> in the Layers panel. This will once again return you to the black and white version of the sketch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/fill-layer-visibility-icon.gif\" alt=\"Clicking the fill layer's visibility icon. \" width=\"300\" height=\"190\" \/>\n<div class=\"image-desc\">Clicking the fill layer's visibility icon.<\/div>\n<h3>Step 18: Add A Gradient Fill Layer<\/h3>\n<p>To colorize the sketch with a gradient, we'll use a Gradient fill layer. Click once again 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\/cc\/2015\/photo-to-sketch\/new-fill-layer-icon.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon. \" width=\"286\" height=\"180\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>This time, choose <strong>Gradient<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/choose-gradient-fill-layer.gif\" alt=\"Choosing a Gradient fill layer. \" width=\"173\" height=\"111\" \/>\n<div class=\"image-desc\">Choosing a Gradient fill layer.<\/div>\n<p>This opens the <strong>Gradient Fill<\/strong> dialog box. I covered everything you need to know about drawing and editing gradients in Photoshop in our <a href=\"\/basics\/how-to-draw-gradients-with-the-gradient-tool-in-photoshop\/\">How To Draw Gradients With The Gradient Tool<\/a> and <a href=\"\/basics\/how-to-use-the-gradient-editor-in-photoshop\/\">How To Use The Gradient Editor<\/a> tutorials so I won't go into detail here. Instead, let's look at how to quickly select one of Photoshop's preset gradients and how to apply it to our sketch.<\/p>\n<p>To choose a gradient, click on the small <strong>arrow<\/strong> to the right of the gradient color swatch at the top of the dialog box. Don't click on the color swatch itself or you'll open the Gradient Editor which is beyond the scope of this tutorial. Make sure you click on the arrow to the right of the color swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-gradient-editor.jpg\" alt=\"Clicking the arrow to the right of the gradient color swatch. \" width=\"314\" height=\"274\" \/>\n<div class=\"image-desc\">Clicking the arrow to the right of the gradient color swatch.<\/div>\n<p>This opens the <strong>Gradient Picker<\/strong>, showing us thumbnails of preset gradients we can choose from. To select a gradient, double-click on its thumbnail. This will both select the gradient and close the Gradient picker. For this tutorial, I'll choose the <strong>Spectrum<\/strong> gradient (first thumbnail on the left, bottom row):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-gradient-picker.jpg\" alt=\"Selecting the Spectrum gradient in the Gradient Picker. \" width=\"326\" height=\"274\" \/>\n<div class=\"image-desc\">Selecting the Spectrum gradient.<\/div>\n<p>Back in the Gradient Fill dialog box, I'll change the <strong>Angle<\/strong> of the gradient from its default 90&deg; to <strong>135&deg;<\/strong>, which will cause it to run diagonally across the image, creating a bit more interest:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gradient-fill-angle.jpg\" alt=\"Changing the angle of the gradient. \" width=\"314\" height=\"274\" \/>\n<div class=\"image-desc\">Changing the angle of the gradient.<\/div>\n<p>Click OK to close out of the dialog box when you're done. Your document will temporarily be filled with the gradient:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/spectrum-gradient.jpg\" alt=\"The gradient temporarily blocks the sketch from view. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The gradient temporarily blocks the sketch from view.<\/div>\n<h3>Step 19: Change The Blend Mode To Color<\/h3>\n<p>If we look in the Layers panel, we see the Gradient fill layer (\"Gradient Fill 1\") sitting at the top. Just as we've done a couple of times already, to blend the gradient in with the sketch, simply 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\/cc\/2015\/photo-to-sketch\/gradient-blend-mode-color.gif\" alt=\"Changing the blend mode of the Gradient Fill layer to Color. \" width=\"301\" height=\"250\" \/>\n<div class=\"image-desc\">Changing the blend mode of the Gradient Fill layer to Color.<\/div>\n<p>Then, adjust the intensity of the colors if needed by lowering the layer's opacity:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gradient-opacity.gif\" alt=\"Lowering the opacity of the Gradient Fill layer. \" width=\"289\" height=\"222\" \/>\n<div class=\"image-desc\">Lowering the opacity of the Gradient Fill layer.<\/div>\n<p>Here's what my sketch looks like colorized with the Spectrum gradient:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/photoshop-sketch-effect-gradient.jpg\" alt=\"A photo to sketch effect colorized with a gradient in Photoshop. \" width=\"550\" height=\"598\" \/>\n<div class=\"image-desc\">The final colorized sketch effect.<\/div>\n<h3>Choosing One Of The Previous Color Effects<\/h3>\n<p>Now that we've colorized the sketch with a gradient, what if you like one of the previous colorized versions better (the one using the photo's original colors or the one using the single color)? Or, what if you don't like any of the colorized versions and want to go back to the black and white version? How do you switch back?<\/p>\n<p>It's easy. First, to hide the gradient, click on the Gradient Fill layer's <strong>visibility icon<\/strong> in the Layers panel. With all three colorizing layers (the \"Color\" layer, the Solid Color fill layer and the Gradient Fill layer) now turned off, you'll be back to your black and white version: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/gradient-visibility-icon.gif\" alt=\"Clicking the Gradient Fill layer's visibility icon. \" width=\"301\" height=\"226\" \/>\n<div class=\"image-desc\">Clicking the Gradient Fill layer's visibility icon.<\/div>\n<p>Then, to bring back the single color version, click on the Solid Color fill layer's visibility icon (the empty square where the eyeball used to be) to turn it back on. Or, to bring back the photo's original colors, click the \"Color\" layer's visibility icon. I'll turn my \"Color\" layer back on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/color-visibility-icon.gif\" alt=\"Clicking the Color layer's visibility icon. \" width=\"302\" height=\"198\" \/>\n<div class=\"image-desc\">Clicking the &quot;Color&quot; layer's visibility icon.<\/div>\n<p>And now I'm back to my sketch being colorized with the photo's original colors:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/2015\/photo-to-sketch\/sketch-color-opacity50percent.jpg\" alt=\"A sketch effect colorized with the original photo colors in Photoshop. \" width=\"549\" height=\"598\" \/>\n<div class=\"image-desc\">The original colors return.<\/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! If you found this tutorial helpful, please consider supporting Photoshop Essentials by <a href=\"\/print-ready-pdfs\/\">downloading the PDF version<\/a>! Or check out our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more  Photoshop effects 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>**Now with video!** Learn how to easily turn any photo into a black and white pencil sketch, then learn how to colorize it, first using the photo&#8217;s original colors, then with a single color, and then with a gradient!<\/p>\n","protected":false},"author":1,"featured_media":13836,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-7500","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","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>Photo To Pencil Sketch Effect In Photoshop CC Tutorial<\/title>\n<meta name=\"description\" content=\"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!\" \/>\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-color-pencil-sketch-with-photoshop-cc\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photo To Color Pencil Sketch With Photoshop CC\" \/>\n<meta property=\"og:description\" content=\"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/\" \/>\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=\"2017-05-04T04:00:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-05T13:48:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"30 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-color-pencil-sketch-with-photoshop-cc\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Photo To Color Pencil Sketch With Photoshop CC\",\"datePublished\":\"2017-05-04T04:00:34+00:00\",\"dateModified\":\"2022-11-05T13:48:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/\"},\"wordCount\":3782,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/featured.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/\",\"name\":\"Photo To Pencil Sketch Effect In Photoshop CC Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/featured.jpg\",\"datePublished\":\"2017-05-04T04:00:34+00:00\",\"dateModified\":\"2022-11-05T13:48:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/featured.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/featured.jpg\",\"width\":250,\"height\":250,\"caption\":\"Photo to Color Pencil Sketch Photoshop CC\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/photo-to-color-pencil-sketch-with-photoshop-cc\\\/#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\":\"CC\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/cc-photo-effects-2\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Photo To Color Pencil Sketch\"}]},{\"@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":"Photo To Pencil Sketch Effect In Photoshop CC Tutorial","description":"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!","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-color-pencil-sketch-with-photoshop-cc\/","og_locale":"en_US","og_type":"article","og_title":"Photo To Color Pencil Sketch With Photoshop CC","og_description":"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2017-05-04T04:00:34+00:00","article_modified_time":"2022-11-05T13:48:01+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Photo To Color Pencil Sketch With Photoshop CC","datePublished":"2017-05-04T04:00:34+00:00","dateModified":"2022-11-05T13:48:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/"},"wordCount":3782,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/","name":"Photo To Pencil Sketch Effect In Photoshop CC Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg","datePublished":"2017-05-04T04:00:34+00:00","dateModified":"2022-11-05T13:48:01+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn step by step how to turn any photo into a black and white pencil sketch with Photoshop, and then learn different ways to colorize it!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/05\/featured.jpg","width":250,"height":250,"caption":"Photo to Color Pencil Sketch Photoshop CC"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/photo-to-color-pencil-sketch-with-photoshop-cc\/#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":"CC","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/cc-photo-effects-2\/"},{"@type":"ListItem","position":4,"name":"Photo To Color Pencil Sketch"}]},{"@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\/7500","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=7500"}],"version-history":[{"count":286,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/7500\/revisions"}],"predecessor-version":[{"id":33697,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/7500\/revisions\/33697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/13836"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=7500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=7500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=7500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}