Adobe

Step 1


img1

First, find yourself a photograph. I will be using a photo of my lovely wife, Heather, and son, Evan.  For this particular effect, we are going to partially remove the background. Before doing this, let’s make a copy of the background layer. It is good practice to always keep the original image intact in case you need to refer to it or start over from scratch.

To copy the background layer, select it from the layers palette (if the layers palette is not visible, hit ‘F7’ to bring it up) and choose ‘Layer –> Duplicate Layer’ from the Layer menu at the top of your screen.

Extra: The keyboard shortcut for copying a selected layer is ‘Ctrl + J’

Step 2 – Removing the Background


img2
Select the polygonal Lasso Tool from the tools palette. The keyboard shortchut for this is ‘L’ or ‘Shift + L’ to cycle through the different selection tools. With the tool selected, make a rough outline around the subject by clicking your way around him.

To close the selection, double-click or move your cursor directly over the starting point and make your final click.

Step 3 – Modifying the Selection


img3_smooth
Next, we will modify our selection. From the menu at the top, choose ‘Select –> Modify –> Smooth’

For this example, we will use a setting of 10 pixels.

Hit OK.


img4_featherNow we will feather the selection. From the menu at the top choose ‘Select –> Feather’.

Use a radius of 30. The higher the number, the smoother the transition between what is selected and what is not… this will become more apparent in our next step.


img5_fillFinally, we will inverse our selection and fill the background with white.  From the menu at the top, choose ‘Select –> Inverse’.

(keyboard shortcut for this is ‘Shift + Ctrl + I’)

This selects everything but the subject.
Now choose ‘Edit –> Fill’
Use the settings in the figure to the left.
(Use: White, Blending Mode Normal, Opacity: 100%)

Turn off your selection by choosing ‘Select –> Deselect’
(keyboard shorcut for this is ‘Ctrl + D’)

Note: These settings will vary with resolution size. For larger images, increase the numbers for greater effect.

Step 4 – Removing the Color


img6_desat

At this point, your picture should resemble image 4a. We have laid the groundwork for this effect by removing the background and creating soft edges around our subject.

Next, we will remove any color from the image.
From the menu at the top, choose ‘Image –> Adjustments –> Desaturate’
(see image 4b)

Duplicate this layer by choosing ‘Layer –> Duplicate Layer’
At the prompt, name your new layer ‘effect’
With the ‘effect layer’ selected in the Layers pallette,
select ‘Image –> Adjustements –> Invert’
(keyboard shorcut for this is ‘Ctrl + I’)
(see image 4c)

Step 5 – Layer Effects


img7_colordodge

With the ‘effect’ layer selected, change the layer blending mode to ‘Color Dodge’.

Your picture will now look mostly white.

Step 6 – the Drawing Revealed


img8_blur

Here is the step you’ve been waiting for. With the ‘effect’ layer still selected, choose
‘Filter –> Blur –> Gaussian Blur’

Be sure that ‘Preview’ is checked. As you move the slider from left to right, you will see the sketch effect taking place. The higher the blur radius, the more details and shading will come out. Find a level
that is suitable for you and click okay.

img9_blur5 img10_blur10

Step 6 – Texturize


texturizerThis next step is optional.  If you’d like to give your picture even more of a drawn appearance, you can use Photoshop’s filters to create a paper texture effect.

Flatten your image by selecting ‘Layer –> Flatten Image’
Now choose ‘Filter –> Texture –> Texturizer’

Play with the settings until you find your desired effect.  For the example below, I used
Texture: Canvas, Scaling: 80%, Relief: 3, Light: Top

Final Image


final image

No Responses to “Photoshop Tutorial – Turning a Color Photograph Into a Pencil Sketch”

Trackbacks/Pingbacks

  1. ArtLifeMind Photoshop Tutorial | TimBehrens.com - [...] just posted a beginner’s Photoshop tutorial at ArtLifeMind, detailing how to turn a color photo into a pencil sketch. ...

Leave a Reply

Notify me of followup comments via e-mail. You can also subscribe without commenting.