Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Colombo
Red Hat Certified System Administrator (RHCSA) - RHEL 10
Sanjeewani95
Updated:
Friday at 7:43 PM
NURSING , CAREGIVER , HOTEL & BEAUTY COURSES
IVA Para Medical Campus
Updated:
Thursday at 9:24 AM
Handmade Character Soft Toys Peppa Pig Family
anil1961
Updated:
Wednesday at 9:58 PM
Ad icon
Video Content Creator
pramukag
Updated:
Jun 28, 2026
Ad icon
QA Engineer Intern
pramukag
Updated:
Jun 28, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
Education
Adobe Illustrator Tutorials
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="MaD-DoC" data-source="post: 2246372" data-attributes="member: 56284"><p><strong>Tracing Photo</strong></p><p></p><p><strong>Tracing Photo</strong></p><p></p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/tracing-human.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </p><p></p><p>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!</p><p> <strong>Version:</strong> Illustrator 9+</p><p> <a href="http://www.ndesign-studio.com/file/illustrator/tracing_people_photo.ai" target="_blank">Download Source File</a></p><p> <strong>1. Place a photo</strong></p><p></p><p> First place a photo in Layer 1 by <strong>File > Place</strong> or Copy & Paste from clip board. Double click on Layer 1 to change the <strong>Layer Options</strong>. Set Dim Images to: 30% and lock layer.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/1.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>2. Start tracing</strong></p><p></p><p> 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.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/2.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 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.</p><p> These shortcuts are:</p><ul> <li data-xf-list-type="ul"><strong>Ctrl+[</strong> = Send Backward (This will send object back 1 step)</li> <li data-xf-list-type="ul"><strong>Ctrl+]</strong> = Bring Forward (This will bring object front 1 step)</li> <li data-xf-list-type="ul"><strong>Ctrl+Shift+[</strong> = Send to Back (This will send object all the way to the back)</li> <li data-xf-list-type="ul"><strong>Ctrl+Shift+]</strong> = Bring to Front (This will bring object all the way to the front)</li> <li data-xf-list-type="ul"><strong>Ctrl+F</strong> = Paste in Front (This will paste object in front with same position)</li> </ul><p><img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/3.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p></p><p></p><p><strong>3. Make shadow</strong></p><p></p><p> Draw a new path as shown (top). Then <strong>Copy</strong> the base path of the face and <strong>Paste in Front</strong>. Select the copied base path and the new path, open your <strong>Pathfinder</strong>, Alt-click on <strong>Intersect shape areas</strong>.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/4.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> 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 <strong>Ctrl+C</strong> for copy; and <strong>Ctrl+F</strong> to paste object in front. Trust me, this will save you a lot of time!</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/5.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>4. Fill in base color</strong></p><p></p><p> Now fill in the base color for the face, eye, lips, and eyebrow.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/6.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>5. Shadow gradient</strong></p><p></p><p> Fill the shadow path of the face with a Gradient (white-skin tone) and select <strong>Multiply</strong> for Blending Mode.</p><p> </p><p><img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/7.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p></p><p></p><p>Select the other shadow paths and use the <strong>Eyedropper Tool</strong> to copy the gradient fill of the main shadow path.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/8.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> For the lip and eye shadow, use the <strong>Eyedropper</strong> to copy the base fill and select <strong>Multiply Blending Mode</strong>.</p><p> <strong>6. Body</strong></p><p></p><p> 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.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/9.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>7. Hair</strong></p><p></p><p> Pretty much the same, fill 1 path with the gradient, then use the <strong>Eyedropper Tool</strong> to copy the fill.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/10.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>8. Shirt</strong></p><p></p><p> Same technique as the previous steps.</p><p> </p><p><img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/11.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p></p><p></p><p><strong>9. Skirt</strong></p><p></p><p> Fill the skirt with a blue gradient, then use the <strong>Eyedropper Tool</strong> to copy the fill for the shadow.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/12.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>10. Hair details</strong></p><p></p><p> 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.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/13.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>Final</strong></p><p></p><p> After you get used to this tracing technique, you can basically trace anything!</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/final.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p> <strong>More Samples</strong></p><p></p><p> Here are some samples that I traced from photo using the same technique.</p><p> <img src="http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/illustration-samples.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p></blockquote><p></p>
[QUOTE="MaD-DoC, post: 2246372, member: 56284"] [b]Tracing Photo[/b] [B]Tracing Photo[/B] [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/tracing-human.gif[/IMG] 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! [B]Version:[/B] Illustrator 9+ [URL="http://www.ndesign-studio.com/file/illustrator/tracing_people_photo.ai"]Download Source File[/URL] [B]1. Place a photo[/B] First place a photo in Layer 1 by [B]File > Place[/B] or Copy & Paste from clip board. Double click on Layer 1 to change the [B]Layer Options[/B]. Set Dim Images to: 30% and lock layer. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/1.gif[/IMG] [B]2. Start tracing[/B] 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. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/2.gif[/IMG] 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: [LIST] [*][B]Ctrl+[[/B] = Send Backward (This will send object back 1 step) [*][B]Ctrl+][/B] = Bring Forward (This will bring object front 1 step) [*][B]Ctrl+Shift+[[/B] = Send to Back (This will send object all the way to the back) [*][B]Ctrl+Shift+][/B] = Bring to Front (This will bring object all the way to the front) [*][B]Ctrl+F[/B] = Paste in Front (This will paste object in front with same position)[/LIST] [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/3.gif[/IMG] [B]3. Make shadow[/B] Draw a new path as shown (top). Then [B]Copy[/B] the base path of the face and [B]Paste in Front[/B]. Select the copied base path and the new path, open your [B]Pathfinder[/B], Alt-click on [B]Intersect shape areas[/B]. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/4.gif[/IMG] 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 [B]Ctrl+C[/B] for copy; and [B]Ctrl+F[/B] to paste object in front. Trust me, this will save you a lot of time! [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/5.gif[/IMG] [B]4. Fill in base color[/B] Now fill in the base color for the face, eye, lips, and eyebrow. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/6.gif[/IMG] [B]5. Shadow gradient[/B] Fill the shadow path of the face with a Gradient (white-skin tone) and select [B]Multiply[/B] for Blending Mode. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/7.gif[/IMG] Select the other shadow paths and use the [B]Eyedropper Tool[/B] to copy the gradient fill of the main shadow path. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/8.gif[/IMG] For the lip and eye shadow, use the [B]Eyedropper[/B] to copy the base fill and select [B]Multiply Blending Mode[/B]. [B]6. Body[/B] 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. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/9.gif[/IMG] [B]7. Hair[/B] Pretty much the same, fill 1 path with the gradient, then use the [B]Eyedropper Tool[/B] to copy the fill. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/10.gif[/IMG] [B]8. Shirt[/B] Same technique as the previous steps. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/11.gif[/IMG] [B]9. Skirt[/B] Fill the skirt with a blue gradient, then use the [B]Eyedropper Tool[/B] to copy the fill for the shadow. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/12.gif[/IMG] [B]10. Hair details[/B] 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. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/13.gif[/IMG] [B]Final[/B] After you get used to this tracing technique, you can basically trace anything! [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/final.gif[/IMG] [B]More Samples[/B] Here are some samples that I traced from photo using the same technique. [IMG]http://www.ndesign-studio.com/images/resources/tutorials/tracing_photo/illustration-samples.jpg[/IMG] [/QUOTE]
Insert quotes…
Verification
Hata thunen beduwama keeyada? (60 bedeema thuna)
Post reply
Top
Bottom