Learning never exhausts the mind
Home >  Web Design > Graphic Design > Tracing Artwork in Adobe Illustrator

Published 26th March 2016 by

This guide shows you how to use Adobe Illustrators powerful artwork tracing tools to rapidly convert scanned artwork into vector illustrations.
Graphic Design Series
  1. What is Graphic Design?
  2. Graphic Design Elements & Principles
  3. Colour Theory - Tips and Inspiration
  4. Everything You Wanted to Know About Typography
  5. Introduction to Adobe Photoshop
  6. Introduction to Photo Editing
  7. Creating Web Designs in Photoshop
  8. Introduction to Adobe Illustrator
  9. Tracing Artwork in Adobe Illustrator
  10. Logo Design
  11. Introduction to the Printing Process

Tracing in Adobe Illustrator is done by using the Pen tool. Some people prefer to use a very bright, bold colour to trace with, while others prefer to see only the path. This is personal preference and totally up to yourself.

Tracing requires an image to be scanned into the document, in any format but should be the correct aspect ratio and head on. Open up a new document and load in the image to be traced. You may want to zoom in a little to make it easier to see and trace. You can use the space bar to move around at any time. It is also a good idea to create a new layer to work on.

In this example, I'm going to trace the outline of a leaf. Start by clicking a start point on the image you are going to trace. You can then progress around the tracing adding in points and dragging out the curves to match the initial image. Sometimes you will need to hold the ALT key to drag the handles to adjust the strength and direction of the curves.

Tracing Vectors in Illustrator

Tracing Vectors in Illustrator

Once you have traced around the illustration you can join it up with the start node. You can now go back and use the transform node tool, make any fine adjustments. You can do a rough trace and add/remove/move nodes as required to make the trace as accurate as possible.

Auto Trace

While it's good to know how to perform the tracing manually, to save time and effort Illustrator has an auto trace tool. This greatly speeds up the process no end! Illustrator can handle almost any level of complexity and convert images to vectors.

You need to place an image into a new document, then all you need to do is to use Image Trace.

This is done by selecting the image, clicking on Image Trace menu, then Trace Image. Illustrator will then go away and crunch some gears and will finally churn out a vector version of the image.

The Image Trace panel contains various options that allow you to control the tracing. These settings include changing the mode from black and white to colour. You can change the threshold, which is the level of detail and accuracy. You can set the auto colour as well.

If you want to you can go in and make any adjustments as required using the pen tool and changing the nodes or curves as described above. To do this you need to expand the traced object. This will convert the vector into editable paths.

You can also use auto trace to convert a photo to a vector image. Using the auto colour options you can create some cool effects, like black and white and painting.

Illustrator Auto Trace

Illustrator Auto Trace

Tutorial Series

This post is part of the series Graphic Design. Use the links below to advance to the next tutorial in the couse, or go back and see the previous in the tutorial series.

Leave a Reply

Fields marked with * are mandatory.

We respect your privacy, and will not make your email public. Hashed email address may be checked against Gravatar service to retrieve avatars. This site uses Akismet to reduce spam. Learn how your comment data is processed.