Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Pencil Sketch Techniques


One effect that people commonly ask about is how to turn a photo into a pencil sketch. In this tutorial I'm going to cover four different ways to accomplish this effect in Photoshop.

IMPORTANT: Please note that this tutorial was written with version CS2 in mind and some options may not be available in older versions.


Where to begin?
Let's cover some steps that are, pretty much, common to all four methods:

  1. The first step, of course, is to open an image. Keep in mind that, with some methods, large areas of dark color may not turn out the way we want. Experimentation is key in finding the correct method for your individual project.

  2. The next step should be obvious as well - duplicate the original layer. We do this so that if something goes wrong we still have the original at the bottom of the layers stack, to which we can revert. That said, you can duplicate the background layer by dragging the background layer down to the Create New Layer icon and releasing it, or by holding CTRL (CMD on the Mac) and hitting the J key, or by selecting Layer > Duplicate from the main menu with the background selected in the layers palette.  Use whichever method you prefer.

  3. The next mandatory step is to change the new layer into a black-n-white image. There are a few different ways to do this, some simple and some rather lengthy. Of course, you can go to the Image > Adjustments > Desaturate. Or, go to Image > Adjustments > Hue & Saturation and slide the Saturation slider all the way to the left. While here, you can do some rudimentary contrast adjustments with the Lightness slider. Another method is to switch to Lab Color Mode and copy the Lightness channel to the clipboard, then switch back to RGB Mode and paste it into your image. The method that gives you the most control over the outcome, however, involves Image > Adjustments > Channel Mixer. Click the Monochrome checkbox, at the bottom of the dialog, and use the sliders to adjust the contrast. Here is yet another area where personal preferences come into play. In other words, make it look good to you - there are no set rules to follow.

With these steps complete you can now select one of several different methods to finish your pencil sketch effects.  Each method yields different results which may or may not be suitable for your given project.  My advice is to try all of them and see which one you like the best.
 

Method 1: Find Edges
(As seen on PhotoshopTV - Episode 26)

It's available, so I have to include it, even though it's results aren't that great.

With your black-n-white layer active, simply go to Filter > Stylize > Find Edges and wait for the results. Once done, but before you do anything else, you need to go to Edit > Fade Find Edges... and try using different Blending Modes and adjusting the Opacity to find a decent outcome.

Remember: if you do anything else after running the filter, the Fade... option will no longer be available. Fig.01 shows the result of using this method, setting the Opacity to 50% and the Blending Mode to Pin Light in the Fade... dialog.


Method 2: Smart Blur
Another method with mixed results, this one simply uses the Filter > Blur > Smart Blur filter to create a scribbly ink outline drawing. Once the dialog opens, set the Radius to a low number and make the Threshold amount about ten times as much as the Radius (i.e., if the Radius is 3, set the Threshold to about 30 - of course, you should experiment with each image to find the settings that suit you). Also, set the Quality to High and the Mode to Edge Only. Click OK and you'll get an all-black image with the outlines in white. Go to Image > Adjustments > Invert to get black lines on a white background. Fig.02 shows the results from these settings.


Method 3: High Pass
This is the method that, I believe, can give the best results. Here, you want to take the black-n-white layer and run the Filter > Other > High Pass filter on it. In the dialog, set the Radius to a low number (i.e. 1.5 - 2.0). If you don't see enough detail in the image, you can duplicate the layer and set the Blending Mode of the top layer to Overlay then adjust the Opacity of this layer, if necessary. If you do this, though, make sure to merge these two layers before moving to the next step. In Fig.04, I show the before and after images along with the result of the High Pass filter. Notice how the middle image is mostly 50% Grey? You can see the highlights and shadows of the original while everything else is greyed-out.

The next step is to duplicate this layer and set the Blending Mode of the top layer to Color Dodge. Viola`! - only the shadows remain. Grey areas may, sometimes, look a little blotchy but some Levels adjustments or the good ol' Eraser Tool can help with that.


Method 4: Inverted Blur
The last method I'm going to cover, here, is a little bit more complex, but it can bring forth some nice results. First, we take the black-&-white layer and duplicate it and set the Blending Mode of the top layer to Color Dodge. Next, go to Image > Adjustments > Invert. At this point, what you see should be almost completely white - but that's okay because here's where the "magic" happens: Go to Filter > Blur > Gaussian Blur and move the slider around to find what you want. Fig.04 shows this method with a Gaussian Blur setting of 6.0 pixels.

 


Is that all?
Actually, what I usually find myself doing is combining two of these methods, namely numbers three and four. I do the Inverted Blur method first, then the High Pass method, making sure the resultant image is at the top of the layers stack, and set it's Blending Mode to Multiply. Most of the time the image ends up being a bit too dark, so I have to lower the Opacity of the top layer to about 50%. Fig.05 shows, from left to right, method four, method three, and the combination of the two. Notice how much more detail shows through as compared to either of the other methods, by itself?


So...What now?
Well, let's try adding some color. I'll use the third image from Fig.05 as my base image and try a couple of different methods for colorizing it.

The first one is pretty simple: remember the original photo that we left at the bottom of the layers stack? Well, duplicate that layer and drag the copy to the top of the stack. Now, just set the Blending Mode to Color to get what you see in Fig.06 - a colored pencil effect.

The next method also requires a duplicate of the original image but, this time, leave it where it is. Make the pencil sketch layer active and hit the following keyboard combination CTRL + ALT + SHIFT + ` (the tilde key, located right beside the number 1 key). On the Mac, it's CMD + OPT + SHIFT + `. *** What this does is to make a selection based on the luminance of the image. White areas are 100% selected, black areas are not selected at all, and grey areas are selected according to the level of grey (50% grey is 50% selected). Now, make the copied original layer active and go to Filter > Blur > Gaussian Blur and apply a medium blur to it. That is, you want it to be blurry but not too much, at this point. For low resolution images, a setting of about five pixels should be good. Hold CTRL (CMD) and tap the F key to apply the filter again. Still holding CTRL (CMD), tap the D key to get rid of the selection then the F key, again, to apply the filter again. This may seem like a lot but trying to blur it all at once results in the colors bleeding into one another too much. Making the selection, first, let's you blur the image without losing too much detail. Now, simply set the Blending Mode of the pencil sketch layer to Soft Light to get a watercolour sketch look, as seen in Fig.07.

Another method is to color it the same way you would color line-art. This would require a whole tutorial just to explain it all and there are plenty of those available on the 'net.

*** - This selection method doesn't seem to work the same way on the Mac, so you'll have tosettle for using the Magic Wand Tool, with a setting of about 24 and the Contiguous box unchecked, to make this selection.


In conclusion...
As with all things Photoshop-related, there are, more than likely, several other methods for achieving this effect. I've only covered the four most popular methods, here. Oh, and - did you notice that, as I said in my Levels tutorial, this one has lots of pretty pictures? I like to keep my promises whenever possible! Until next time...

- Tutorial written by Zapphnath

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  zapphnath (#50451)
Date: Wed May 28, 2008. 20:44:24

Post #11 of 11

Quote from Mustika;50411:
the step to make picture into pencil sketch, I can do but when the step to color it I can't get that result. I don't know why? I have followed the step by step but I can't get result like yours.


Are you sure you're setting the Blending Mode correctly?
Also, when trying the method described in Fig. 06, the color only affects gray pixels. Black and white pixels are not affected. You could use Levels on the Drawing layer, adjusting the white point on the bottom slider to get rid of the absolute white pixels, making them light gray. This would allow the color layer to affect more of the image.

Reply to this post


User:  Mustika (#50411)
Date: Wed May 28, 2008. 06:49:44

Post #10 of 11

the step to make picture into pencil sketch, I can do but when the step to color it I can't get that result. I don't know why? I have followed the step by step but I can't get result like yours.

Reply to this post


User:  angelkissed (#50392)
Date: Tue May 27, 2008. 18:41:03

Post #9 of 11

I love the third technique, I have been able to take pictures that I thought were lost hope and add the technique to them and they look wonderful. So thank you so much for this.

Reply to this post


User:  nickcordano (#45625)
Date: Thu Oct 25, 2007. 21:55:11

Post #8 of 11

Quote from zadhie;31863:
this cool, but i still can't apply these methode on dark photo, on this case i use default sketch filter from photoshop


i have been looking for this tutorial. thanks alot

Reply to this post


User:  suemack (#43505)
Date: Fri Jul 20, 2007. 00:48:54

Post #7 of 11

Worked very well, easy to follow instructions. Thanks a lot!! :D

Reply to this post


--- View Entire Thread ---
Featured Content

Cleaning Scanned L...
Cleaning Scanned L...
- Adobe Photoshop -
Reflective Surfaces
Reflective Surfaces
- Blender 3D -
DuoTones
DuoTones
- Adobe Photoshop -
Simple Motion Twee...
Simple Motion Twee...
- Macromedia Flash -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Download Source File
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 53 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 54 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 115 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 93 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 26 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 108 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 133 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 160 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 163 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 204 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415