Portrait Photo To Color Sketch - Photoshop Tutorial

Written by Steve Patterson. In this Photo Effects tutorial, well learn how to easily convert a portrait photo into a pencil sketch with Photoshop. The initial sketch will appear in black and white, but at the end of the tutorial, well learn how to colorize it with the photos original colors! In the next tutorial, well learn a slightly different way to convert an image into a sketch, one thats usually better suited for objects or landscape photos.

This version of the tutorial is for Photoshop CS5 and earlier. Photoshop CS6 and CC (Creative Cloud) users will want to check out the fully updated version.

Heres the photo Ill be starting with:

The original photo. Image licensed from shutterstock by Photoshop Essentials.com.

The original portrait image.

Heres how it will look when were done:

Photoshop photo to color pencil sketch effect. Image © 2011 Photoshop Essentials.com.

The final portrait to sketch result.

Lets get started!

Step 1: Duplicate The Background Layer

The first thing we should do before starting on the effect is make a copy of the original image so we dont harm it in case we need it later. With the photo newly opened in Photoshop, we see in the Layers panel that the image is sitting on the Background layer:

The Background layer in Photoshop. Image © 2011 Photoshop Essentials.com.

The Layers panel showing the photo on the Background layer.

Go up to the Layer menu in the Menu Bar along the top of the screen, choose New, then choose Layer via Copy. Or, for a faster way to run the same command, press Ctrl+J (Win) / Command+J (Mac) on your keyboard:

The New Layer via Copy command in Photoshop. Image © 2011 Photoshop Essentials.com.

Go to Layer > New > Layer via Copy, or press Ctrl+J (Win) / Command+J (Mac).

Either way tells Photoshop to make a copy of the layer, which it names Layer 1, and place it above the Background layer. Notice that Layer 1 is highlighted in blue, which tells us its the active layer. Anything we do next will happen to the copy of the image on Layer 1, leaving the original on the Background layer unharmed:

Photoshop Layers panel. Image © 2011 Photoshop Essentials.com.

A copy of the photo appears on Layer 1.

Step 2: Desaturate The Image

Go up to the Image menu at the top of the screen, choose Adjustments, then choose Desaturate:

Photoshop Desaturate image command. Image © 2011 Photoshop Essentials.com.

Go to Image > Adjustments > Desaturate.

The Desaturate command instantly removes all color from the image, giving us a quick black and white version:

A desaturated image in Photoshop. Image © 2011 Photoshop Essentials.com.

The Desaturate command isnt the best way to convert an image to black and white, but its good enough for our purposes here.

Step 3: Duplicate The Layer

Next, we need to make a copy of our desaturated image. Go back up to the Layer menu, choose New, then choose Layer via Copy, or press Ctrl+J (Win) / Command+J (Mac) on your keyboard, just as we did in Step 1. Photoshop makes a copy of Layer 1, names it Layer 1 copy, and places it directly above Layer 1 in the Layers panel:

A copy of Layer 1 appears in the Layers panel. Image © 2011 Photoshop Essentials.com.

Photoshop always places copies of a layer above the original.

Step 4: Invert The Image

Go back up to the Image menu at the top of the screen, choose Adjustments, then choose Invert:

Photoshop Invert image command. Image © 2011 Photoshop Essentials.com.

Go to Image > Adjustments > Invert.

This inverts the colors in the image, or in our case the brightness values, making light areas dark and dark areas light, leaving us with a photo negative effect:

An inverted image in Photoshop. Image © 2011 Photoshop Essentials.com.

The image after inverting the brightness values.

Step 5: Change The Blend Mode To Color Dodge

At the top of the Layers panel, youll find the Blend Mode option. It doesnt actually say Blend Mode anywhere but its the drop-down box thats set to Normal by default. Click on the word Normal, which opens a list of layer blend modes, and choose Color Dodge from the list:

The Color Dodge layer blend mode in Photoshop. Image © 2011 Photoshop Essentials.com.

Change the blend mode of the inverted layer from Normal to Color Dodge.

The document will temporarily appear filled with white. Depending on your image, there may be some areas of black here and there, but for the most part it will be filled with white:

The image after changing the layer blend mode to Color Dodge. Image © 2011 Photoshop Essentials.com.

After changing the blend mode to Color Dodge, the document appears white.

Step 6: Apply The Gaussian Blur Filter

This next step is where we actually create the sketch effect. Go up to the Filter menu at the top of the screen, choose Blur, then choose Gaussian Blur:

Selecting the Gaussian Blur filter in Photoshop. Image © 2011 Photoshop Essentials.com.

Go to Filter > Blur > Gaussian Blur.

This opens the Gaussian Blur filters dialog box. We create the sketch effect by blurring the layer. Begin dragging the Radius slider at the bottom of the dialog box towards the right to apply a slight amount of blurring. As you drag, youll see the sketch effect appearing in the document. The further you drag the slider, the more blurring will be applied and the more intense the sketch effect will become. If you drag the slider too far, though, too much of the original photo will show through and it wont look like a sketch anymore.

Theres no specific Radius value to enter since the amount of blurring you use will depend on what you think looks good for your image, so make sure you keep an eye on your document to judge the results as you drag the slider. For my image, Ill set my Radius value to around 12 pixels or so:

Photoshop Gaussian Blur filter. Image © 2011 Photoshop Essentials.com.

Drag the Radius slider to increase or decrease the amount of blurring.

Heres what my initial sketch effect looks like:

Photoshop photo to pencil sketch effect. Image © 2011 Photoshop Essentials.com.

The initial black and white sketch.

Step 7: Merge The Layers Onto A New Layer

Hold down the Alt (Win) / Option (Mac) key on your keyboard and with the key still held down, go up to the Layer menu at the top of the screen and choose Merge Visible:

Photoshop Merge Visible command. Image © 2011 Photoshop Essentials.com.

Hold down Alt (Win) / Option (Mac) and go to Layer > Merge Visible.

Normally, the Merge Visible command would essentially flatten our image by merging all of our existing layers down onto a single layer, but by holding down Alt (Win) / Option (Mac) while choosing Merge Visible, we told Photoshop to keep all of our initial layer intact, merging them on to a new layer (Layer 2) above the originals:

The layers have been merged onto a new layer. Image © 2011 Photoshop Essentials.com.

The three original layers are combined onto a fourth layer above them.

Step 8: Change The Blend Mode To Multiply And Adjust The Layer Opacity

Go up to the Blend Mode option at the top of the Layers panel and change the blend mode for the merged layer from Normal to Multiply. This will darken the lines in the sketch effect. If you find the effect is now too dark, lower the Opacity value, which is to the right of the Blend Mode option. Keep an eye on the image as you adjust the opacity to fine tune the results. Im going to lower mine down to 50%:

Changing the blend mode to Multiply and lowering the layer opacity. Image © 2011 Photoshop Essentials.com.

Change the blend mode to Multiply, then adjust the result with the Opacity option.

Heres my result after darkening the effect:

The photo sketch after darkening the edges. Image © 2011 Photoshop Essentials.com.

The sketch now appears darker against the white background.

Step 9: Duplicate The Background Layer

At this point, the sketch effect is complete and if youre happy with it in black and white, you can stop here. If you want to add color to the sketch, continue on with these last few steps. Were going to colorize the sketch using the colors from the original photo. Our original photo is on the Background layer, so well need to make a copy of it. Click on the Background layer in the Layers panel to select it:

Selecting the Background layer in the Layers panel in Photoshop. Image © 2011 Photoshop Essentials.com.

Select the Background layer to make it active.

With the Background layer selected, go up to the Layer menu, choose New, then choose Layer via Copy, or press Ctrl+J (Win) / Command+J (Mac). Photoshop makes a copy of the layer, names it Background copy and places it directly above the original:

Duplicating the Background layer in Photoshop. Image © 2011 Photoshop Essentials.com.

The copy appears above the original Background layer.

Step 10: Move The Background Copy Above The Other Layers

To use this Background copy layer to colorize our sketch, we need to move it above the other layers. We can jump it straight to the top of the layer stack by pressing the keyboard shortcut Shift+Ctrl+] (Win) / Shift+Command+] (Mac). The ] is the right bracket key. With the Background copy layer now at the top, the original image will once again appear in the document window:

Jumping a layer to the top of the layer stack in Photoshop. Image © 2011 Photoshop Essentials.com.

The Background copy layer has been jumped to the top of the layer stack.

Step 11: Change The Blend Mode To Color

To mix the colors of the original image in with the sketch effect, change the blend mode for the Background copy layer from Normal to Color:

Photoshop Color blend mode. Image © 2011 Photoshop Essentials.com.

Change the layer blend mode to Color.

The Color blend mode mixes the colors from the current layer with the brightness values of the layers below it, giving us our colorized sketch effect:

Photoshop photo to color sketch effect. Image © 2011 Photoshop Essentials.com.

The result after changing the blend mode to Color.

Step 12: Lower The Opacity

Finally, if you find the color looks too intense, simply lower the Opacity value at the top of the Layers panel to fine-tune the results. Ill lower mine down to 65%:

Lowering the layer opacity. Image © 2011 Photoshop Essentials.com.

Lower the layer opacity to reduce the amount of color in the sketch.

With the opacity lowered, here is my final result:

Photoshop photo to color pencil sketch effect. Image © 2011 Photoshop Essentials.com.

The final color sketch effect.

And there we have it!

You May Also Like...


Portrait Photo To Color Sketch - Photoshop Tutorial
Learn how to easily convert a portrait photo into a pencil sketch with Photoshop, including how to colorize the effect with the photo's original colors!

Portrait Photo To Pencil Sketch With Photoshop CS6
In this tutorial, learn how to turn any portrait image into either a black and white or color pencil sketch using Photoshop CS6.

Portrait Photo To Color Sketch - Photoshop Tutorial | 101 ...
Written by Steve Patterson. In this Photo Effects tutorial, well learn how to easily convert a portrait photo into a pencil sketch with Photoshop.

Portrait To Color Sketch Tutorial - Photoshop tutorials ...
In this Photoshop tutorial, learn how to easily convert a portrait photo into a pencil sketch, including how to colorize the effect with the photos original colors!

Learn Free Online Photoshop: Portrait Photo To Color ...
Portrait Photo To Color Sketch In Photoshop. a portrait photo into a pencil sketch Photoshop CS5 throughout this tutorial but the

35 Creative Portrait Effects Photoshop Tutorials
24 Creative Color Effects Photoshop Tutorials 27 Super Creative Photo Effects Tutorials for Photoshop Portrait To Color Sketch Tutorial 100 wonderful Photoshop photo

Photo Convert To Color Sketch Effect In Adobe Photoshop ...
Photo Convert To Color Sketch Effect In Adobe Photoshop,we learned how to convert a photo into Portrait To Sketch tutorial. photoshop,color sketch

Portrait Photo to Color Sketch - Photoshop Tutorial ...
In this photo effects tutorial, we'll learn how to easily convert a portrait photo into a pencil sketch with Photoshop. The initial sketch will appear in black and

Portrait Photo To Color Sketch With Photoshop
This free blog content amazing free Photoshop tutorials & useful Photoshop tips & techniques. Portrait Photo To Color Sketch With Photoshop

Portrait Photo To Color Sketch In Photoshop
Portrait Photo To Color Sketch In Photoshop. Here's the photo I'll be starting with: Here's how it will look when we're done: Step 1: Duplicate The

Previous
Next Post »