How to Trace/Draw People from Photo with Illustrator

image 1

Download Source File (ai)

1. 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

reate a shadow path. Then Copy the base path of the face and Paste in Front. Select the copied base path and the shadow, open your Pathfinder, Alt-click on Intersect shape areas.

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; and Ctrl+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.

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.

6. Body

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

7. Hair

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

hair

8. Shirt

Same technique as the previous steps.

shirt

9. Skirt

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

Final

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

How to Trace/Draw People from Photo with Illustrator Tutorial: Final Result

More Samples

These are some of my samples that I traced from photo using the same technique.

image 15

image 16

image 17


Close    To Top
  • Prev Article-Graphic Design:
  • Next Article-Graphic Design:
  • Now: Tutorial for Web and Software Design > Graphic Design > Illustrator > Graphic Design Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction