Skip to main content

Tracing Photo in Illustrator Cs6 Tutorial

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!
Download Source File
Required: Illustrator 9+

1. Place a photo Illustrator Cs6 Tutorial

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.
Illustrator Cs6 Tutorial

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 Illustrator Cs6 Tutorial

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 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 Illustrator Cs6 Tutorial

Now fill in the base color for the face, eye, lips, and eyebrow.
Illustrator Cs6 Tutorial

5. Shadow gradient Illustrator Cs6 Tutorial

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 Illustrator Cs6 Tutorial

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 Illustrator Cs6 Tutorial

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.
Illustrator Cs6 Tutorial

9. Skirt

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

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.
Illustrator Cs6 Tutorial

Final

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

More Samples Illustrator Cs6 Tutorial

Here are some samples that I traced from photo using the same technique.
Illustrator Cs6 Tutorial

Comments

Popular posts from this blog

Adobe Photoshop cs6 tutorial pdf

Adobe Photoshop cs6 tutorial pdf ,yes we have simplified your search about Adobe Photoshop cs6 tutorial pdf.We will explain you in brief as well as Give you the Pdf download also. Adobe Photoshop Cs6 Tutorial , Photoshop learning with new Adobe Photoshop cs6 serial number is what you find everyday but we will tell you how to use the Features. Adobe Photoshop cs6 Features is the leader in the market of photo editing software. You will always find hard to find serial numbers but before getting the serial number we will tell you in detail how to use the Adobe Photoshop Cs6 with tutorial. To understand Adobe Photoshop cs6 with full features we will take you the complete guide of it so that you are easily able to understand the Full tutorial of Adobe Photoshop Cs6. You might be having the Full software of Adobe Photoshop Cs6 pdf   i f you have than it is fine otherwise you should download the trial version from the official Adobe Website.When your download is complete than you

Adobe Illustrator CS6 Tutorial on Demand PDF

Adobe Illustrator CS6 on Demand PDF has been created by the professional trainers and writers at Perspection, Inc. to the standards you’ve come to expect from Que publishing. Together, we are pleased to present this training book. Perspection, Inc. is a software training company committed to providing information and training to help people use software more effectively in order to communicate, make decisions, and solve problems. Perspection writes and produces software training books, and develops multimedia and web-based training. Since 1991, we have written more than 120 computer books, with several bestsellers to our credit, and sold over 5 million books. This book incorporates Perspection’s training expertise to ensure that you’ll receive the maximum return on your time. You’ll focus on the tasks and skills that increase productivity while working at your own pace and convenience. We invite you to visit the Perspection web site at: www.perspection.com The task of creat

Adobe Illustrator CS6 Tutorial PDF Classroom in a Book

Adobe Illustrator CS6 Tutorial Pdf Classroom in a Book 2012 | PDF + EPUB | 480 pages | 181 MB Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Illustrator CS6 choose Adobe Illustrator CS6 Classroom Pdf in a Book from the Adobe Creative Team at Adobe Press. The 15 project-based lessons in this book show readers step-by-step the key techniques for working in Illustrator CS6 and how to create vector artwork for virtually any project and across multiple media: print, websites, interactive projects, and video. in addition to learning the key elements of the Illustrator interface, this completely revised CS6 edition covers the new tracing engine with improved shape and color recognition, a new pattern toolset with on-artboard controls and one-click tiling, a completely overhauled performance engine and modernized user interface for working more efficiently and intuitively, and more. “The Classroom in a Book series