PDA

View Full Version : My sketching techniques via Stephen's


RAE99
11-09-2002, 04:19 PM
Anne and other interested parties,

This is the technique I'm using at the moment (always subject to revison).
---------------------------------------------------------------------------------

Here is my somewhat modified version of Stephen's (Trimoon's) explanation of the wonderful sketching technique with which he first supplied us. His work far exceeds my meager efforts, but I'm hoping this explanation will set some of you on your way to improving my techniques and doing much better than I.

NOTE:
To create pencil sketches, you must have this "action" from Stephen. He already posted this in his explanation, so I'm simply repeating it here. To get the action, go to: http://www.trimoon.com/LightingEffects.atn and download it.

It needs to be installed in your Photoshop > Plug-ins > Filters > Lighting Styles sub-folder. Then you can access and use it as indicated in "Step 8" below.

(By the way, if you haven't seen Stephen's work, go to http://www.trimoon.com and see some wonderful examples of his work.)

Now your fun (or nightmare) begins... hopefully it's the former not the latter.

1. In Photoshop bring up the photo you want to turn into a sketch. Any photo works, but it the ones with less detail seem to work best, however any can work.

2. Size it to whatever you want your final size to be and make a duplicate of it; then closing the original. I like to make them 600 x 450 at 72 ppi. The actions and filters work faster on this smaller size and if you are going to print this out no larger than about 9" by 6.75" at 200 ppi or so, this allows for the finished texturing and sketch strokes to look realisitic when printed.

3. Now that it is sized, I "lighten" this version much lighter than looks good on your screen (rather washed out with weak shadows is a good rule of thumb). It's ok to do that since you will be getting darker as you work anyway. If you work with it with shadows intact and looking normal, then your picture "darkens down" as you work, and you will need to open up your shadow areas much more. (The "Levels" command works well for lightening your image, or use whatever tool you prefer to do the job.)

4. Now that you have a "weaker" photo, duplicate your image. Either drag this background image down to the "create a new layer" icon located just to the left of the trash can on the layers pallette, or simple press CTRL- J (or Command - J on a Mac), and that will do it for you.

5. You now have two layers of your image. With the top duplicate layer selected, go to "filter > artistic > dry brush" and apply that ( I have this set to 2, 8 and 1 respectively). I generally fade this to about 70% or 60% or so after creating that effect.

6. Make a duplicate of that layer and work with the top layer again. You should now have three layers... background layer at the bottom, dry brush layer in the middle and a duplicate of that dry brush layer at the top. With the top layer selected, go to "filter > brush strokes > angled strokes"... ( I have this set to 50, 15 and 3 respectively). Click OK to apply it to that top layer. Now it all looks rather fuzzy, as it should. I tend to "fade" this effect down to about 40% or so... whatever is your liking.

7. Now is the time to convert these three layers you have to grayscale. I guess the easiest method is to convert it using, "image > mode > grayscale". When it asks to flatten or not, select "flatten" and your three layers now become one flattened grayscale image. If the image appears a bit too dark, then simply lighten it some using the procedure in "step 3" above.

***********

NOTE: NOW YOU MUST SET YOUR IMAGE BACK TO RGB MODE. If you don't, the next step won't work. Go to, "image > mode > RGB color" and select that. Now your image is back to RGB where it belongs. It will still appear as a grayscale image on your screen, however.

**********

All of the above gymnastics are simply to get your image set to grayscale with a bit of texture that slightly resembles a pencil sketch.

Although there are 7 steps listed above, it goes much faster than it might look and is much less complicated than it may seem. Just bear with me a bit more for the final touches.

8. Now that you have one layer again... (grayscale this time but set to RGB,) we'll add some texture to it. Duplicate your single layer and make sure the top layer is selected. BE SURE to set this new top layer to "overlay" (yes, it looks lighter now that you've set it to "overlay"). Go to "filter > render > lighting effects" and be sure to select "pencil 02" as your effect and apply it.

9. Having applied the "pencil 02" filter to the image, I tend to reduce this layer opacity down to 20% or even 10% to get it to look like pencil sketching. Do it to your liking by "eyeing" your image as you slide the opacity slider back and forth.

10. Flatten this layer so you only have one layer, but now duplicate your new single layer again. On this new layer is where you can "paint" in the areas you want to show as your sketch.

11. With your top layer selected, go to "edit > fill > use: white". You now have a blank white layer on top. With that layer selected, choose the "add layer mask" icon from the bottom of the layers pallette (it's the second icon from the far left). This is where you will "paint" with your brush to reveal the sketch you have on the bottom background layer. (Make sure this layer mask is selected so you can paint on it (this is the right-hand, white square of the two white squares on this layer). If the right-hand square isn't selected, simply click on it to select it.

12. Begin your painting with your brush of choice. I like the "Watercolor Loaded Wet Flat Tip" set to about 127 pixels to start with. You should use the brush you like best and set the size to your own preference. You can adjust and change size and brush selection as you work. As you paint, your sketch is more and more revealed from the layer below. Each pass over with the brushes makes the image darker.

13. Once you get it how you like it, you can flatten this layer. I tend to leave the outside edges white and the image itself with ragged edges.

(This can be cleaned up further with the eraser tool (set with a white "background" color) to further touch up your edges or even the image itself. Set the opacity of the eraser to very light so you can control how much you erase. I like to use that same watercolor brush for erasing and I click my way around the edges instead of applying strokes to keep the ragged rougher look to them. Use your brush of choice... whatever looks good to you.

14. Once again with the image flattened, we'll add some "paper texture" using the "edit > fill" but with a twist. Again, duplicate your single background layer. This time go to "edit > fill > use: 50% gray". Now you will see your top layer is gray not white. Now go to "Filter > texture > Texturizer > Sandstone". Set the sandstone to about 80% and 3 or 4 for the relief.

15. Now you have a gray nubby texturized layer. Change the layer from "normal" to "overlay" and you will see new texture on your image. If it's too nubby for you, simply reduce the layer's opacity to your liking with the slider control. This can vary from 80% down to 20%, depending on your preference and the image you worked with. If you want more of the sandstone texture, just hit CTRL-F (Command F on a Mac) and give it additional texture then reduce the opacity with the slider control as desired. Now flatten it for the final time.

That is the basic method I use to create the "pencil sketch" effects. Sometimes the overall image is too dark or too light. If so, I do final corrections by adjusting the levels or curves or using the burning and dodging tools to get the final effect I want. Once you have the image as you like it and save it, you can play with hand-coloring with a duplicate image using the brush tools set to low opacity and the colors of your choice.

If any of this is too convoluted, please let me know and I'll try to clarify any steps that are too vague or confusing.

Good luck and happy sketching.

;)

Ron

jsr88
11-09-2002, 05:04 PM
:D
I'm not Anne..but *I* thank you TOO!
Excellent instructions. Can't wait until I'm finished writing my PSPv7 Instructions so I can try these out!
:D

RAE99
11-09-2002, 05:14 PM
Oops, Julie, I meant to say "Anne and other interested parties", but I fixed it.

You are "another interested party"!

;)

Ron

geckonia
11-09-2002, 06:06 PM
<------ races downstairs to turn on her printer

Thanks Ron :D

jsr88
11-09-2002, 08:33 PM
PLEASE RATE THIS THREAD!!

:cat: I gave it a *5* !!! :cat:

Thanks again, Ron...it's TERRIFIC!!

Bobby D
11-10-2002, 03:30 PM
Thanks a Million Ron this is just what I have been looking for more instruction on PS I will print it off and see how I get on

RAE99
11-10-2002, 04:29 PM
Bobby,

I'm "hoping" it's straight forward enough to follow without getting tangled and bogged down in complex steps. If that happens, let me know.

;)

Ron

Bobby D
11-13-2002, 11:32 AM
NOTE:
To create pencil sketches, you must have this "action" from Stephen. He already posted this in his explanation, so I'm simply repeating it here. To get the action, go to: http://www.trimoon.com/LightingEffects.atn and download it.

It needs to be installed in your Photoshop > Plug-ins > Filters > Lighting Styles sub-folder. Then you can access and use it as indicated in "Step 8" below.

Ron, I have downloaded the above and it appears in the Lighting Styles as a File 'Lighting Effe' but I still can't get it to work. Can you help?

Thanks in anticipation.

geckonia
11-13-2002, 11:57 AM
I got stuck there too, Rob. It says it goes in the lighting effects folder, but I had to put it in my actions folder, load it, and run it as an action on my macintosh.

RAE99
11-13-2002, 12:43 PM
Ozzie,

The actual filename after installation should be "Pencil02" with no extension on the filename. I installed mine in the "Photoshop > Plug-Ins > Filters > Lighting Styles" folder. You should see it in that folder as a 64 byte file. When you look for it in Photoshop on the menu under the heading, "Filter > Render > Lighting Effects". In there it should be the last filter of all those listed... at least mine is last and at the bottom of the list.

It it seems to somehow be messed up, simply delete that "Pencil02" filter out of the directory where it resides and reinstall it. Sometimes reinstalling works.

;)

Ron

geckonia
11-13-2002, 01:20 PM
Ron, the file downloads as "LightingEffects.atn" on my computer??? I loaded it and ran it as an action, which applied the lighting effects. Can you check the link again and see if it's still downloading the thing you used?

RAE99
11-13-2002, 02:43 PM
Anne,

Yes, it does run as an action... I was speaking of the file location and name of the actual "pencil02" file that does the work. You are right... the last step of the action goes to the "lighting effects" filter and applies various settings as well as selecting the pencil02 filter itself.

You can, however, apply the filter manually... which I sometimes do... using the menu and selecting the pencil02 filter in the lighting effects dropdown. (On a separate layer, of course, and with that layer set to overlay then reducing the opacity.) I sometimes use that approach for additional texturing.

Ron

OhThatGirl2001
11-16-2002, 10:59 AM
Hi Ron... First of all, thank you so much for taking the time to write such an extensive tutorial.

I've started on an image and have a few questions. I'm having trouble with step 12 - the "painting process" I'm wondering if you can clarify something for me. When you say begin painting with brush of choice - are you referring to history brush? art brush? or just brush?

Lisa

geckonia
11-16-2002, 12:07 PM
Lisa, he's refering to the regular paintbrush. I used the same watercolor brush Ron used, and lowered the pixel radius as I went along.

OhThatGirl2001
11-16-2002, 12:56 PM
Thanks for the clarification. I intially tried the brush - watercolor flat tip and it just wouldn't work. What I discovered was, I need to make sure my palette was using black to color over the mask.

Lisa

RAE99
11-16-2002, 01:16 PM
Lisa,

Sorry for that omission. I should have said... have white as your foreground and black as your background before using the regular brush to paint over.

The easiest when to do this before you start painting, is to hit your "letter D" key on your keyboard (which puts BLACK as your forground and white as your background). Then simply hit your "letter X" key on your keyboard (which reverses the two... foreground is now white and background is now black).

It's just a quick way to get at the black and white... hit letter D then X and you have what you need.

;)

Ron

OhThatGirl2001
11-16-2002, 01:26 PM
Not a problem.... will you be editing the original instructions?

Also, when using the brush - what do you do when you overlap an area and it becomes darker. I get a fairly good image first time round - but if I even slightly overlap with my brush - I'm stuck trying to go over everything to get it to the same tone. Is there any tips you can suggest?

Lisa

geckonia
11-16-2002, 01:44 PM
Hi Lisa,

I had the same *problem* and ended up "sketching" with the brush over the initial "wash" to re-establish the tonal values of my photo. Here's my first attempt with this technique so you can see what I did when I got to that part...

High Key Portrait (http://www.wetcanvas.com/forums/showthread.php?s=&threadid=71185)

My mask ended up mostly black with many white sketch lines over it.... I'd post it for you to see, but my grandmother would kick me! (it looks really weird all by itself)

OhThatGirl2001
11-16-2002, 01:59 PM
I saw that - and for a first attempt... I have to say I'm blown away. I don't seem to have as much luck with the images I'm choosing. The facial area has less depth than yours. I also don't see any sign of the brush overlapping?

Lisa

RAE99
11-16-2002, 02:33 PM
Anne is right about "sketching" with the brush after the first application. The first time I use the brush I have it large... then I hold down the mouse (in my case, I'm using a mouse not a tablet), then I wash over the whole image without letting up on the mouse. This gives a very light touch to the wash (depending on how the you have the brush opacity set... I like mine about 45%... you can experiment with that).

Then, as Anne suggested, and depending on subject matter, you can reduce the brush size and change the opacity to your liking and "sketch over the image till you get the degree of density and contrast you like. At the end you can always use the curves or layers adjustments to get it right for contrast.

Try experimenting with a photo that is more scenic (outdoor building and trees or something... a flower maybe). Portraits are harder to do, but, as you've seen, Anne and Stephen have had great success with them. I tend to do more landscape type photography, so my sketching and or painting takes on less need for detail.

;)

Ron

OhThatGirl2001
11-16-2002, 02:51 PM
Thanks once again Ron for your help. I too found the first time round I had to keep my hand down on the mouse while i did a quick once over the image.

OMG - I've just had an ephimay! So, the lines on your grandmother's face came from you using a smaller brush and basically going over the areas you wanted more tone? I actually thought the lines were from the accented edge filter.

Lisa

geckonia
11-16-2002, 03:15 PM
Yes! You got it! I had to keep the button down too.... but then you can't undo without undoing the whole thing... so that's when I decided to work with a much smaller brush, 10px, back and forth with my finger on the "x" as Ron described.

Have you tried John's Tutorial (http://www.retouchpro.com/forums/showthread.php?s=&threadid=4136) at RTP? (It's specifically designed for portraits where the face is between 400-700 pixels wide ear-to-ear, so keep that in mind before you begin.) I turned it into an action. If you (or anyone else) wants to email me I'll send it to you.

anne@geckographics.com

OhThatGirl2001
11-16-2002, 03:32 PM
Great link... Retouchpro is my first home. John's image of his daughter is breath taking. I'll try that one next. Here is my first attempt using Ron's method. I'm not overly pleased with it... but the purpose of this is to try both methods on the same image and post them here.

http://www.wetcanvas.com/Community/images/16-Nov-2002/First-Sketch.jpg

Lisa

RAE99
11-16-2002, 04:16 PM
Lisa,

Actually, to me, I think your sketch looks realistic. It appears there was a pencil in hand when you did it. It may help with some burning in here and there to give more contrast, and use a bit more detail as explained below.

If you use your eraser "ON" your layer that is above the original photo layer, you can get back some of the detail that the "art" layers diffuse. By that I mean click with the eraser set to a lower opacity... maybe 30% or so... on the eyes and mouth, for example. That will bring back (as much of the detail as you wish to give it), some sharpness in those areas or whatever areas you want to be less diffused and more defined.

I'm not sure that I'm explaining this right... this is the kind of thing better "shown" than written out. (A nice quicktime movie would help with this... where is Russel Brown when we need him...)

I think I should post some comparisons of John's technique and the one I use so we can all see how each works with a couple different types of subjects.

;)

Ron

geckonia
11-16-2002, 04:56 PM
Lisa, that's wonderful! The only problem I see is in her hair where the raised strokes are going against the flow of her hair. That's where I'd go in and draw some strands myself. Or, as Ron suggested, dodge and burn some strokes. I try to make the pencil lines help define the form, so if they're going in the wrong direction I know I need to work on that area. This is such a strong start, can't wait to see your next one!

OhThatGirl2001
11-17-2002, 01:36 PM
Hello,

Is this one any better?

http://www.wetcanvas.com/Community/images/17-Nov-2002/Second-Sketch.jpg

I added some strokes and highlights to it.

Lisa

RAE99
11-17-2002, 02:17 PM
This is terrific, Lisa! I love the eyes and lips. The added contrast is great here. Now make a duplicate of it and try adding some texture to the overall sketch.

Here is how I do it.

With a duplicate image (just so you don't mess up this great one), make a duplicate background layer. Then go to texturize and select "sandstone" and try settings like, 80%/3 with "bottom-right" light direction.

Now you can see if it's too much texture on that layer. If so, just reduce the opacity of that layer, moving the opacity slider back and forth until you like what you see, then flatten it. It can be subtle... I don't care for too much texture that is overwhelming.

If you like it, save it with a new name. Now you can duplicate that image and try adding a hue to it with the "hue/saturation" tool. Bring up that tool and check the colorize box. Now try a brown pencil tone with settings like 30/15 or something. If you want a blue/black pencil look, try 266/5. I use those a lot for different things. If you want a different color, just move the sliders until you see something that appeals to you.

The more you sketch, the more you will add your own adjustments to the techniques that work with your style.

Anyway, this one is GREAT! (Print and frame it! Try a nice 5 x 7 of it, or larger if you like.)

;)

Ron

OhThatGirl2001
11-17-2002, 05:04 PM
Thanks Ron... I wouldn't have been able to do it without you!

I'm still refining as you say. I did use the texturizer as you mentioned but it's hard to see. Closeup shows it a bit better. I like the idea of the hue&sat colorize part. I use it often to add a sepia tone to my images. Here's the final product with hue & sat adjusted. Again... thanks for sharing your technique. The more I do... the easier it becomes.

http://www.wetcanvas.com/Community/images/17-Nov-2002/hueandsat.jpg

Lisa

fugitive
11-17-2002, 05:38 PM
I like it. Looks quite real. I would go for more contrast of tones, but it's fine the way it is.
g.

RAE99
11-17-2002, 05:39 PM
YES! I love the brown tone to it. It really came out great. I think if you printed it on some textured paper, it would be hard for anyone to know it wasn't sketched.

The great thing is, all your photos become "new" again ready to be "REcreated" into another whole dimension.

Great job, Lisa!

;)

Ron

OhThatGirl2001
11-17-2002, 06:53 PM
Still refining... you know, this is addictive! You should have a warning.

http://www.wetcanvas.com/Community/images/17-Nov-2002/rontechnique.jpg

Lisa

RAE99
11-17-2002, 07:13 PM
Addictive? I hadn't noticed. I think addicts say... "I CAN STOP ANYTIME I WANT!"

This one is good. I'd like to see some burning in a bit to create some shadow areas and a bit more facial modeling. Try it with the burn tool in places or maybe just some judicious curves adjustments to give it a bit more "snap" and contrast. Then again, I could be wrong.

:)

Ron

sasc
11-19-2002, 05:49 PM
I cant get the lighting effects installed. It is only a 1kb file when I download. If I put it in lighting effects nothing shows and if I put it in actions, I see no pencil2 anywhere.

geckonia
11-19-2002, 06:06 PM
hummm, I'll try to help... My downloaded version (I had to option click to get it to download first... Right click on PC?) of "LightingEffects.atn" is 4k, but that may be the way our different HD's are formatted.... I installed it by going to my actions palette's drop down menu and loaded it from there. Is that what you tried?

geckonia
11-19-2002, 06:11 PM
LISA!!! WOW!!! What an improvement! I am so impressed with your creations. Start a new thread next time so I don't miss it!

:clap: :clap: :clap:

sasc
11-19-2002, 06:33 PM
I can get it into actions yes, but then am lost. No pencil 02 shows up in lighting effects

geckonia
11-19-2002, 08:32 PM
I think you're ok... can you run it as an action (forget about lighting effects for now, the action will run that.)

Can you open it and hit play? (make sure you have a document open.)

http://www.wetcanvas.com/Community/images/19-Nov-2002/geck_pencil_photoshop.jpg

sasc
11-20-2002, 03:22 PM
Yes that all works OK. I guess that is it then altho I tried it on a photo that wasnt too well suited to it but I did get through the whole sequence.

TeAnne
04-04-2003, 07:02 PM
WOW! :clap: :clap: :clap:

craigybob11
03-27-2004, 03:36 PM
Overall good tutorial :clap: However i got lost part way through :( with practice hopefully ill get better. Improvements welcomed

Thanks
CRAIG!!!

http://www.wetcanvas.com/Community/images/27-Mar-2004/39608-dutch_sketch.jpg[/IMG]

Its ment to be a dog on a chair :confused:

philpegg
04-05-2004, 11:04 AM
This is very helpful, thanks!