8 - Tracing a Picture for a Drawing.

17/08/2010 18:12

Full detailed tutorial on how to draw and trace people from a photo. Learn how to create realistic illustration with just simple gradient fill. No massive Gradient Mesh!


Place a photo

First place a photo in Layer 1 by File > Place or Copy & Paste from clip board. Double click on Layer 1 to change the Layer Options. Set Dim Images to: 30% and lock layer.

place photo /

2.Start tracing

Make a new layer (Layer 2). Hold down Ctrl key and click on the eye icon of Layer 2 to view Layer 2 in Outline mode.

preview mode /

Use the Pen Tool and start tracing the basic features of the girl. While you are tracing, there are couple shortcut keys you should know in order to work more faster.

These shortcuts are:

  • Ctrl+[ = Send Backward (This will send object back 1 step)
  • Ctrl+] = Bring Forward (This will bring object front 1 step)
  • Ctrl+Shift+[ = Send to Back (This will send object all the way to the back)
  • Ctrl+Shift+] = Bring to Front (This will bring object all the way to the front)
  • Ctrl+F = Paste in Front (This will paste object in front with same position)

basic outlines /

3.Make shadow

Draw a new path as shown (top). Then Copy the base path of the face and Paste in Front. Select the copied base path and the new path, open your Pathfinder, Alt-click onIntersect shape areas.  At this point I used all the pathfinders, from the merge when I am tracing the hair to more texture when doing the fill with a gradient.  Click here to see my layers at this point for my pictures.  Most of the layers done, I locked so that I could not change them by accident.  Consider this when you try yours.

intersect /

Use the same technique from previous step and make all shadow paths for the overall illustration. You don’t have to get into the details yet, one simple shadow path of each part is good enough (ie. eye, lips, shirt, body, etc). Remember to use Ctrl+C for copy; andCtrl+F to paste object in front. Trust me, this will save you a lot of time!

shadow paths /

4.Fill in base color

Now fill in the base color for the face, eye, lips, and eyebrow.  when it comes to the eyes, I used a different stroke and I considered a change in the width of the stroke.  So filled it in better.

base color /

5.Shadow gradient

Fill the shadow path of the face with a Gradient (white-skin tone) and select Multiply for Blending Mode.

multiply /

Select the other shadow paths and use the Eyedropper Tool to copy the gradient fill of the main shadow path.

eyedropper /

For the lip and eye shadow, use the Eyedropper to copy the base fill and select Multiply Blending Mode.


Use the same technique, copy the gradient fill for the body. Note you might to adjust the gradient of each shadow path to blend in with the overall illustration.

body /


Pretty much the same, fill 1 path with the gradient, then use the Eyedropper Tool to copy the fill.

hair /


Same technique as the previous steps.

shirt /


Fill the skirt with a blue gradient, then use the Eyedropper Tool to copy the fill for the shadow.

skirt /

10.Hair details

Now you can add more details to the hair. Make shadow effect by adding Multiply paths. Add some highlights by using lighter gradient color. If you want, you can add more details to the clothes, lips, or add a cool tattoo on her body.

details /


After you get used to this tracing technique, you can basically trace anything!