April 4, 2012

How to trace a photo in Illustrator into a vector symbol – an interactive tutorial

The Integration and Application Network’s symbol libraries have been developed over many years by various science communicators. In our attempts to build a global symbol language, we also welcome high quality contributions from anyone with relevant, high quality vector illustrations.

Recent software enhancements like Adobe Illustrator’s Live Trace Tool make it possible to instantly convert photos into vector illustrations and while this approach may appear tempting, the results are often not appropriate for use in a symbol library or conceptual diagram. The key issues are:

  1. Quality and clarity – hand traced images can be stylized for simplicity, while automated ones are often too detailed and look messy and jagged.
  2. Automated traces are very difficult edit due to the shear number of paths.
  3. File size – the automated trace in this example is 8 times larger.
  4. Trouble with removing surrounding elements – note the missing parts of the fish where the tentacles of the anemone were overlapping part of the fish.
Tracing examples

Example showing difference between automated live trace vs a well drawn hand traced illustration.

IAN has developed an interactive tutorial to show you exactly how to trace this clownfish photo in Illustrator. It will introduce you to a variety of techniques that will allow you to develop your own symbols. If you create something and think it would be a good fit for our libraries, we’d love to have your contributions via our symbol contributions forum.

While the techniques used are quite simple, and with time and practice most people can master production of simple symbols, more complicated ones do require some artistic flair. If you are in need of symbols that are not available in the IAN symbol libraries, you can contact us for a quote to have one of our talented science communicators make them for you.

Print Friendly
Related Projects

About the author
Dr Adrian Jones is a Science Integrator and web developer for the Integration and Application Network. He has a background in ecosystem health monitoring. He develops novel ways to communicate environmental issues through interactive data driven websites.
Website: http://ian.umces.edu/people/Adrian_Jones/
Email the author | See all posts by


No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment