Watch the Video Tutorial

Why Image Trace?

The Image Trace feature is part of a workflow that also includes Live Paint and Recolour Artwork. With these three powerful tools, you can create hand-drawn artwork, then transform it to vector art. You can then paint it in colour with Live Paint. The final stage is to create multiple colour variations with Recolour Artwork.

Together, these tools give you a practical real-world workflow from pencil to final vector artwork.

Formative Activity

The Workflow

Once we’ve created a sketch of our artwork on paper, we need to scan it. The best scanning application is the one you already have on your Mac. It’s called Image Capture.

Scan your image with the Black & White setting, which should actually be called Greyscale. The resolution isn’t actually that important. Sometimes a lower resolution is actually better for tracing. You’ll need to experiment with this.

image-trace-scan-image

Once you’ve scanned your drawing, it’s a good idea to clean things up and increase the contrast in Photoshop.

image-trace-photoshop-prep

You can paint out any stains you may have made while drawing on paper. It’s also useful to increase the contrast to ensure the blacks are as dark as possible and the whites are as light as possible. A Levels Adjustment Layer is the best way to do so.

Create a new letter, document in Illustrator. In order to be able to trace our sketch, we need to place it in Illustrator with File > Place.

image-trace-place-linked-image

Never use the Open command from Illustrator to open a raster image. Use File > Place instead.

Make sure that the Link check box is checked in the Place dialogue. This will ensure that there’s a link between your Illustrator document and the image file. So, the image should be linked and not embedded. Embedding images is largely frowned upon because it slows down Illustrator’s performance a lot.

Select the image and click Place, you will get a loaded cursor, where you see an icon attached to your cursor. Simply drag a rectangle to the size you want your image. Feel free to re-size your placed image at will. We have no concerns about it’s resolution for output. It will be deleted from your Illustrator document in the process of tracing it.

Tracing Images

Once our image has been placed on an Illustrator Artboard, we’ll be ready to Image Trace it.

image-trace-image-trace

You can start by selecting your image, then clicking the tiny downward arrow next to the Image Trace button in the Control Panel. This will do an initial tracing of your image. We need to open the tracing options dialogue in order to refine our results.

We’ll dive in to the Image Trace options to make sure we get the most of our image tracing. Keep in mind that what we’re seeing in Illustrator is not yet vectors. It’s a preview of what our tracing will look like once we’re done. If you take a gander at your Links panel, you’ll see that your scan is still placed on the page. That needs to be gone by the time we’re done.

Once our tracing looks just right, we’ll hit the Expand button in the Control Panel to finally vectorize our tracing.

image-trace-finishing

You can finish up by smoothing paths, if necessary. Select your vector art. Go Object > Path > Simplify… Go easy. If you simplify too much, you’ll distort your illustration. The best plan is to work on a duplicate of your illustration.

Keep this folder in order to submit it with the Live Paint part of this project.