Ask any tech-illustrator about the kind of work which takes up majority of his time, pat will come the reply 'Tracing'. Tracing is a fundamental method of creating technical illustration line work. It is something which I personally dislike doing it, as it is a monotonous task and involves pretty much less use of creative side of my brain. Well, that's me!
Actually photo tracing or tracing as many of us love to call this activity, is useful when dimensions, engineering drawings, or CAD data do not exist, but when photographic data does. Tracing is the first step in creating accurate line work for technical graphics. So even though it is a boring thing, I will try explaining why it is so important and yes Tech-companies do have big projects which involve only tracing and creation of line-work. It is a huge profit raking activity with minimum error margin for these companies.
It is common, when assigned a technical illustration task, to be presented with photographs as the only source of information about the job. Possibly, the assembly or product you are illustrating is a custom prototype, and no drawings exist. Or such significant changes have been made that drawings, if they do exist, are worthless. Usually I have seen this happening with most of aircraft programs as they tend to be pretty old like 1990's. I love to call them 'Pre-Illustrator' era graphics. If you are used to working from CAD data or engineering prints, and neither is available while photographs are, you must be able to use the photographs. The photo tracing technique is usually faster and more accurate than starting a construction from scratch. Results are directly proportional to the expertise of illustrator doing the tracing.
This is the image of a roadster chassis that we are going to photo-trace. Look how dirty and fuzzy it looks!
Roadster Chassis Bitmap file to be traced
I would like to illustrate how tracing works by a small example. This is a very simple and basic isometric image. It looks very fuzzy and pixilated. It will lose it's quality if we change the resolution. That is why we are going to trace it to a resolution independent vector graphic.
We begin tracing by opening the image and placing it on the canvas in Adobe Illustrator, Corel, Isodraw or any vector program which you use. Place the image on the lowest layer and lock the layer. Locking the layer prevents the image from moving on the canvas/artboard.
Two layers for tracing
I like to dim the image by 80%, since it helps me to focus more on vector lines while tracing.
Dim Opacity to 80%
Begin tracing over the image on a new layer placed above the locked layer. It helps to focus if the stroke color is something bright like red or blue. It acts as a good contrast allowing us to visualize the output.
Magenta color strokes provide good contrast
After you are done tracing, hide the layer containing the image and do feel good looking at the stunning magic you have done just using a photograph!
Final Traced output
This is how the final image looks like. Notice the high quality, sharpness and it effectively communicates the graphic data. This is ready to be inserted into the documentation now!
There are some things to be kept in mind when photo-tracing:
There are more advanced techniques which I use for tracing, I will add them in future posts. Thanks for reading!
Surge valve image credits: Greg Maxson and Jon Duff, The Complete Illustrator, McGraw-Hill Press