Try Tuts+ Premium, Get Cash Back!
Quick Tip: How to Use the New Image Trace in Adobe Illustrator CS6

Quick Tip: How to Use the New Image Trace in Adobe Illustrator CS6

Tutorial Details
  • Program:Adobe Illustrator CS6
  • Difficulty: Beginner
  • Estimated Completion Time: 15 mins

Today we will learn the new features of the tracing engine in Adobe Illustrator CS6 and talk about its new functions. We will trace a photo, a sketch and a texture; then we will compare the results between Adobe Illustrator CS5 and CS6. Let’s get started!

In this tutorial I’ll use a photo a strawberry (credit to deviantART user StockProject1) ; the sketch was kindly provided by Victoria Vasilyeva and the texture (credit to deviantART user ~kingkool6).


Step 1

In Adobe Illustrator CS6 the settings of the tracing is in the new Image Trace panel (Window > Image Trace).

This allows us to use other panels and tools while tracing. Such features did not exist in Adobe Illustrator CS5 as well as in earlier releases; the setting of the tracing was made in the Tracing Options dialog box, and then it was impossible to access the other objects and interfaces.


Step 2

The presets have also changed between Adobe Illustrator CS5 and CS6

The new preset, "Silhouettes" allows quick creation of vector silhouettes.

After the Expand command we get the vector object with the optimal amount of points.


Step 3

Let us evaluate the quality of the tracing using the same preset High Fidelity Photo in Adobe Illustrator CS5 and Adobe Illustrator CS6.

Note, in Adobe Illustrator CS6 you can set several of the Palette values. This parameter sets while the vector image is been made in color or in greyscale. As you can see, the new tracing engine in Adobe Illustrator CS6 shows better results.

There is a new feature in Adobe Illustrator according to which you can instantly check out your original image. To do so, press and hold the eye icon near the View option.


Step 4

There were some changes in the Colors parameter. This parameter specifies the number of colors which the final vector image will consist of. In Adobe Illustrator CS5 the Max Colors options can be set in the number values, in Adobe Illustrator CS6 the Colors option can be set accurately in percentage.


Step 5

You can get access to additional options of the settings if you press the Advanced key in the Image Trace panel. Now we have an opportunity to choose a tracing method. The Abutting method creates cutout paths. The contours of neighbor objects match.

The overlapping method creates stacked paths, the contours of neighbor objects overlay.


Step 6

The Path Fitting option defines the accuracy of the tracing of the initial raster image. In Adobe Illustrator CS5 the smaller value allows to create a more accurate contour, the bigger- the rough contour. In Adobe Illustrator CS6 it is vice versa, the bigger the value is the more accurate contour we get.

The Minimum Area option corresponds to the Noise option in Adobe Illustrator CS6. This option specifies the size of the smallest areas of the initial image, which will be taken into account while tracing.

The Corner Angle option in Abode Illustrator CS5 corresponds with the Corners option in Adobe Illustrator CS6 and is been set in percentage. The higher value we set, the bigger amount of angles the final image will have.

In Adobe Illustrator CS6 there are no such function of the tracing as the Blur and the Resample. In Adobe Illustrator CS5 the Blur function is for the reducing the number of small artifacts and smoothing the jagged edges in the final image. The Resample option allows speeding up the process of tracing for big size images, losing the quality of the output image.


Step 7

Let’s see how the new tracing engine works with sketches. Apply the preset Black & White Logo. The tracing of the sketch in Adobe Illustrator CS5 shows good results.

When we use the same preset in Adobe Illustrator CS6 the majority of small details disappear.

Unfortunately, you need to change the parameters of the tracing manually in order to get the same results in Adobe Illustrator CS6.


Step 8

Let’s try to make the tracing of the texture. We will use the same Black&White Logo preset. As we can see, the result of the tracing in Adobe Illustrator CS5 looks better than in Adobe Illustrator CS6

I’ve used different presets and operated the parameters manually, but I still couldn’t get the result which would correspond to the result that can be made in Adobe Illustrator CS5.


Conclusion

The new tracing engine really works good with the photos and allows quick and accurate vector silhouettes. But when you use it for tracing sketches and textures you will need to operate all the tracing processes manually, and that will not always show good result. If you work with the sketches and textures, the Live Trace feature in Adobe Illustrator CS5 shows good results when you use the presets. Have you used the trace features in Adobe CS6 yet? If so, what do you think?

  • http://villesdesign.fi Ville

    Tracing logos and stuff was newer working with earlier versions. They failed to trace 90 degree corners and straight lines for example.

    I worked in a printshop before and there CS6 would be a gift from a gods there. Tried CS6 and it was a really big WOW!! Also used it for a comic strip and it did well.

    And CS6 feels also faster in my Core2Duo 13″ MacBook Pro

  • Michael M

    To be completely honest, no version of the live trace feature seems like it would be very effective in any capacity. There is no real reason to do a super high res tracing of an image. The comparison of 5 to 6 just makes it seem like they improved in some areas, but are now lacking in other areas. CS to CS5 live tracing all seems basically the same. I think that Smith Micro’s Anime Studio has a good vector tracing function for some reason, but I think that’s geared more toward line drawings and images filled with flat colors.

    From all of my experience live tracing, I always end up recreating the image by hand for the best look. Pen tool all the way!

  • Cheryl

    Nice side-by-side comparison. One thing I do *not* like about CS6 is that you can’t easily specify the number of colors in a full-color trace. You can only specify “color accuracy in percentage.” The first image in Step 4, for example, has 5559 colors! 85% means nothing if there is no way to control the actual number of colors. 5000+ different colors in a trace makes it very hard to recolor or otherwise modify. Maybe I will get used to it, but I don’t know…

    • http://none Aanson Smite

      Cheryl, You can set the exact number of colors if you set the “Palette” to limited.

      • Cheryl

        Aanson, that is true, but the number only goes up to 30. There is no way to get a *specific* number of colors if you want more than 30. I’d like something between 30 and 5000 :)

      • http://www.facebook.com/lindsay.aquilina.1 Lindsay Aquilina

        In cs5, the maximum number of colour you could have included was 256. Is the new live trace really that bad? I am updating from 5.5 to 6 right now and I was planning to remove 5.5 for maximum pc performance, but I am reading the feed and I really am re-thinking everything….

  • mishal

    great job :)

  • http://karriepykedesings.com karrie

    HELP!!
    I cannot figure out how to make a ONE COLOR IMAGE from image trace..
    I use it all the time.. and now having cs6.. I can’t figure it out..
    I want NO backdrop.. just the image in BLACK..
    where is the ONE COLOR option?!!?

    any help is appreciated!!!
    thank you!!!

    • dmd

      In the Image Trace dialog box under advance, check ignore white under options.

  • http://jayeshomg.tumblr.com/ Jay

    Thanks for the tutorial.
    I wanted to know what this image tracing really used for? just making vector out of any image?

  • http://shop.starsunflowerstudio.com Susan Smith

    Why did they remove the “Lettering” preset? I can’t seem to replicate what this CS5 preset does in CS6.

  • Tracey

    We used Image trace quite a bit in our department, tracing customer supplied scans, etc., needing finals of quick, 1 colour vector artwork, and lettering was a big part of that.
    This new trace is not as quick, nor as accurate as CS5, and we don’t have the luxury to play around with settings.
    Put some of those bells & whistles in photoshop, and give us back the workhorse we counted on.

  • http://zouper.com Tsapos

    Dont understand why they ruined such a perfectly good tool. They had this really cool way of enhancing the image so you get better trace results. In short what they took out is the ability to customise the result as much as possible. Tracing in Illustrator used to be better than Coreldraw but I have a feeling that they might be pushing a new tool for tracing in the future. It is all about monopoly I guess. Totally disappointed with the new tracing that’s what I say.

  • Luka

    I hate the new CS6 illustrator tracing options, or the lack of! I cant understand why they couldn’t have packaged the new trace tool into a separate photo tracing tool, and left the cs5 trace as it was. I was really excited to hear that they finally were going to offer illustrator as a 64bit program, which is much needed for large texture traces and linework tracing, but alas, the tracing options are rubbish for that type of application now ayway. So now it forces me to continue to use cs5, which according to Adobe selling ideology is now virtually redundant! Absolutely ridiculous that they went that direction and totally forgot about texture tracing ability and linework replication that cs5 was so good for! End of rant :)

  • sbeaumtrace

    Not happy with CS6 Live Trace yet. My art is scratchboard which I use Live Trace to make vector files for silkscreening. On CS3: Rasterize>One color logo>Live Trace>Adjust Threshold>Expand for excellent results. CS6: Image Trace>Black and white>Threshold slider>nothing looks right , mostly too heavy or not enough detail. Trace results don’t allow me to separate vector shapes from background. I went back and clicked “Ignore white” but now trace button doesn’t work. Is there a right way to vectorize thin ink lines?

  • nicky

    hey

  • http://ellagoodwin.co.uk ella

    to be honest I am gutted they’ve taken out the comic art default as it was always the best for hand drawn images, I cannot get my hand drawn to look anywhere near as good as it did in CS5 and am desperately searching for a screen shot of comic art settings from CS5 if anyone has one!!

    • Ben

      I can get you one, as I keep all my older versions installed. I always used that setting, and the (also now missing) Lettering one.

  • J. Nacovsky

    I can’t figure out how to separate the background of my image from the line drawing within. Ignore white means that my white background no longer stays a solid white, but if I try to change the color of the image within it, the whole thing becomes that color. Frankly, i miss the old live trace and its simple option. Before I could just live trace and tweak my hand drawings, getting rid of the white background easily. CS6 is missing many of the trace options I’m used to and I disapprove of the change.

    • http://www.facebook.com/people/Kyle-Dennis/1731271692 Kyle Dennis

      To manually edit the vector artwork, choose Object > Image Trace > Expand and convert the tracing object to paths .

      I found that piece of info on the Adobe website when I was having problems like yours.

  • Cruise

    Try tracing a qr code with Illustrator CS 6. It’s a complete no go. Illustrator CS 5 performed way better. Bad downgrade, Adobe!!

    • Empereol

      Experiencing the same thing. CS5 would trace the QR code very well and I would perform a simplify on the object with an angle threshold of 90 degrees to get perfect corners… Using the same workflow now gives me a garbled mess of 45 degree cutoffs which doesn’t resemble the original QR code in the slightest.

      • Idefriginit

        I just trialed the QR Code trace. Be it that there were some corners that weren’t perfect 90deg, for the most part (99% of it), the code looked the same as the original image. Mess around with the settings. Live trace isn’t meant to replace the art of tracing. It just suppliments it. You are still expected to tweak it.

        I actually hardly ever use Live Trace/Image Trace. I do it free hand – accurate that way.

    • TheAmountof?

      I agree, I have kept cs5 on my computer almost just for the ability to live trace QR codes.

  • Roger Sabà

    I don’t like it.

    It has less options. In CS5 (and before versions) you have the blur option wich allows me to simplify the traces, obtaining a more organic result in complicated traces. Now this option disapeared, so we have lose a lot of freedom.

    Fuck off Adobe.

  • Tom

    Created an illustration in photoshop then found out it was much too small. opened in illustrator and trying to trace the layers.. unfortunately all i get is rectangular vactors with the layers inside them. How do i get on the the actual layer traced without the white background fill in around it?
    Thanks

  • http://www.facebook.com/profile.php?id=540407420 Hannes Grebin

    What I found out with B&W images, that the greater the resolution the better the results, would you agree?