A full detailed tutorial on how to trace a photo in Illustrator

احمد · 26-Feb-2010, 11:00 AM

Tracing Photo

A full detailed tutorial on how to trace a photo in Illustrator

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.

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.

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)

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 on Intersect shape areas.

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!

4. Fill in base color

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

5. Shadow gradient

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

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

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.

7. Hair

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

8. Shirt

Same technique as the previous steps.

9. Skirt

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

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.

Final

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

More Samples

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

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تمزيل الستريتر تحميل برنامج الستريتر Adobe Illustrator CS3 Full	حصري	اصدارات واضافات الستروتر	5	12-Mar-2010 11:17 PM
High Definition (HD) Detailed Explanation	duziscilence	مدرسة الإنجليزي - English Department	15	30-Jan-2010 03:33 AM
برنامج Adob illustrator CS ME Full الداعم للعربي	احمد	دروس الستريتر - Adobe Illustrator	19	16-Jan-2010 05:42 AM
برنامج Adob illustrator CS ME Full الداعم للعربي	احمد	برامج الرسم والتصميم	7	25-Nov-2008 05:14 PM
اين اجد اللايف تريس ؟Live trace ساعدوني	Gucci Girl	دروس الستريتر - Adobe Illustrator	2	09-Feb-2008 02:48 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

A full detailed tutorial on how to trace a photo in Illustrator

Illustrator Tutorials