Hot Shots  

The elusive screen, captured at last.

Kvern, Olav Martin. Adobe Magazine (1998). Design>Graphic Design>Technical Illustration>Screen Captures

How To Capture a Screen Shot of your Desktop or the Active Window in Windows

Have you ever pressed the PrtScn (print screen) key on your Windows keyboard and wondered why it was there since it never seemed to do anything? Well, it does do something! It copies an image of your screen onto the "clipboard," ready to paste into any graphics program. These steps show you how to use it along with Windows' standard image editor, Microsoft Paint, to save an image of your screen.

Chastain, Sue. About.com (2005). Articles>Graphic Design>Technical Illustration>Screen Captures

Illustrators Unite!  

An under-the-hood look at Illustrator's versatile unite filter.

Zeitman, Randy. Adobe Magazine (1995). Design>Graphic Design>Technical Illustration>Adobe Illustrator

Images of Science  

Photoshop gets involved with rhinos, criminals, ancient math, and the microscope.

Shuster, Robert. Adobe Magazine (1999). Design>Graphic Design>Technical Illustration>Adobe Photoshop

Infographics: Being and Doing (Part II)

Organizing the available information and coming up with a plan for presenting it is the first and probably the most difficult stage in designing any infographic.

Rajamanickam, Venkatesh. uiGarden (2007). Design>Graphic Design>Technical Illustration

Information Graphics

A blog of information about information graphics.

XPLANE. Resources>Graphic Design>Technical Illustration>Blogs

Information Graphics at the Boston Globe: From Concept to Execution    

Over the past decade, information graphics have become an increasingly important part of newspaper coverage. While graphics have traditionally played a supporting role to content determined by reporters and editors, some newspapers take a more aggressive approach in reporting and creating information graphics. At the Boston Globe, a conscious effort has been made to encourage artists to report the material for their graphics, and to seek greater collaboration with reporters, editors, and photographers. In our best efforts, this allows us to discuss how to bring words, diagrams, illustrations, and photographs together in evocative information packages. The Globe's specialized beats include four reporters who work on health-related issues full time. Because our eight-person graphics department is responsible for nearly all diagrams, charts, and graphics in the newspaper, it is difficult for us to match a reporter's expertise in any one area.

McNaughton, Sean. Technical Communication Online (1998). Design>Graphic Design>Information Design>Technical Illustration

Inside Technical Illustration: The Information Portal for Technical Illustration

The Information Portal for Technical Illustration provides free information on graphics formats, illustration tips and tricks, and a gallery, in 5 languages.

ITEDO Software (2001). Resources>Graphic Design>Technical Illustration

Interactive Non-Photorealistic Technical Illustration  

Current interactive modeling systems allow users to view models in wireframe or Phong-shaded images. However, the wireframe is based on the model's parameterization, and a model's features may get lost in a nest of lines. Alone, a fully rendered image may not provide enough useful information about the structure or model features. Human technical illustrators follow certain visual conventions that are unlike Phong-shaded or wireframe renderings, and the drawings they produce are subjectively superior to conventional computer renderings. This thesis explores lighting, shading, and line illustration conventions used by technical illustrators. These conventions are implemented in a modeling system to create a new method of displaying and viewing complex NURBS models. In particular, silhouettes and edge lines are drawn in a manner similar to pen-and-ink drawings, and a shading algorithm is used that is similar to ink-wash or air-brush renderings for areas inside the silhouettes. This shading has a low intensity variation so that the black silhouettes remain visually distinct, and it has a cool-to-warm hue transition to help accent surface orientation. Applying these illustration methods produces images that are closer to human-drawn illustrations than is provided by traditional computer graphics approaches.

Gooch, Amy. University of Utah (1998). Design>Graphic Design>Technical Illustration

Interactive Technical Illustration

A rendering is an abstraction that favors, preserves, or even emphasizes some qualities while sacrificing, suppressing, or omitting other characteristics that are not the focus of attention. Most computer graphics rendering activities have been concerned with photorealism, i.e., trying to emulate an image that looks like a high-quality photograph. This laudable goal is useful and appropriate in many applications, but not in technical illustration where elucidation of structure and technical information is the preeminent motivation. This calls for a different kind of abstraction in which technical communication is central, but art and appearance are still essential instruments toward this end. Work that has been done on computer generated technical illustrations has focused on static images, and has not included all of the techniques used to hand draw technical illustrations. A paradigm for the display of technical illustrations in a dynamic environment is presented. This display environment includes all of the benefits of computer generated technical illustrations, such as a clearer picture of shape, structure, and material composition than traditional computer graphics methods. It also includes the three-dimensional interactive strength of modern display systems. This is accomplished by using new algorithms for real time drawing of silhouette curves, algorithms which solve a number of the problems inherent in previous methods. We incorporate current non-photorealistic lighting methods, and augment them with new shadowing algorithms based on accepted techniques used by artists and studies carried out in human perception.

Gooch, Bruce, Peter-Pike J. Sloan, Amy Gooch, Peter Shirley and Richard Riesenfeld. University of Utah (1997). Design>Graphic Design>Technical Illustration

An Introduction to Visualisation

Visualising things makes them tangible and brings them into shareable form. Visualisation brings ideas to life and helps understanding. Visualisation techniques help elicit, communicate and analyse ideas and concepts.

Joe, Phillip. Design Council (2005). Articles>Graphic Design>Technical Illustration>Visual Rhetoric

Labeling in Illustrations

In technical illustrations, labeling is often needed to denominate specific parts. Here, it is important to remember certain details that can really make a difference. This is especially true if the file is to be converted at a later time.

ITEDO Software. Articles>Graphic Design>Technical Illustration

Less is More...

The numerous stylistic devices in Technical Illustration allow you to visualize technical coherences. An important, but very often underestimated, method in Technical Illustration is the omission of lines, which often helps to display the desired information more clearly.

ITEDO Software. Articles>Graphic Design>Technical Illustration>Isometric

A Matter of Perspective

When working with technical illustrations, you must consider perspective. The following article will provide you with some useful information on working with both parallel and true perspective.

ITEDO Software (2002). Articles>Graphic Design>Technical Illustration>Isometric

Medical Tables, Graphics and Photographs: How They Work    

An examination of a random sample of four medical journals--The Lancet, The New England Journal of Medicine, The Journal of the American Medical Association, and The Journal of Laboratory and Clinical Medicine--reveals that one-fifth of the space of articles in medical science is devoted to an average of three tables and three flow charts, graphs, or photographs. Given these figures, the absence of discussion of visuals in the literature on medical communication may seem puzzling. But the puzzle is easily solved: our basic education gives us a coherent vocabulary for talking about prose, but no coherent vocabulary for talking about tables and visuals. Once we have this vocabulary in hand, we make another step in the direction of an explanation of the nature of communication in the medical sciences. We may note that understanding the meaning of a medical article is not just a consequence of understanding its texts; it is a consequence of understanding all its meaningful components working together--verbal, tabular, visual.

Gross, Alan G. Journal of Technical Writing and Communication (2007). Articles>Graphic Design>Technical Illustration>Biomedical

Nixlog

The infographics weblog is a running collection of links to infographics found on the web through my own research and the submissions of many individuals.

Nixlog. Resources>Graphic Design>Technical Illustration>Blogs

A Non-Photorealistic Lighting Model For Automatic Technical Illustration  

Phong-shaded 3D imagery does not provide geometric information of the same richness as human-drawn technical illustrations. A non-photorealistic lighting model is presented that attempts to narrow this gap. The model is based on practice in traditional technical illustration, where the lighting model uses both luminance and changes in hue to indicate surface orientation, reserving extreme lights and darks for edge lines and highlights. The lighting model allows shading to occur only in mid-tones so that edge lines and highlights remain visually prominent. In addition, we show how this lighting model is modified when portraying models of metal objects. These illustration methods give a clearer picture of shape, structure, and material composition than traditional computer graphics methods.

Gooch, Amy, Bruce Gooch, Peter Shirley and Elaine Cohen. University of Utah (1998). Design>Graphic Design>Technical Illustration

Perspective Illustrations in CorelDraw  

There is space for non-specialist technical communicators to provide attractive and relevant artwork.

Info Action (2000). Design>Graphic Design>Technical Illustration

Perspective Models in Technical Illustration

Various perspective models are used in technical illustration. Each of these models offers specific advantages. In the following section, you will learn background information on these models and learn their proper application.

ITEDO Software (2002). Design>Graphic Design>Technical Illustration

Photoshop Ghosting Tips, Tricks and Techniques for Technical Illustrations

A "Ghosted", "Phantom View", "Transparent", or "See Through" technical illustration is one that renders the exterior skin of an object transparent in order to see the interior workings. This Photoshop tutorial will cover the basic techniques used to render a ghosted technical illustration using the airbrush technique.

Hulsey, Kevin. Kevin Hulsey Illustration (2006). Design>Graphic Design>Technical Illustration>Adobe Photoshop

Planning and Editing Tables and Charts  

Reviewing and suggesting changes to tables and charts are important responsibilities of editors. Improvements a knowledgeable editor might suggest include the following: revising table titles, selecting the best table design, converting landscape to portrait orientation, adopting a more effective style, choosing the right chart form, and guarding against misleading charts. Editors who have had little training or experience in this area will benefit from attending specific courses and studying the texts listed in the bibliography.

Mann, Gerald A. STC Proceedings (1996). Design>Graphic Design>Technical Illustration>Charts and Graphs

Presentaciones Conceptuales

Las presentaciones tienden a ser más visuales y menos textuales. Convertir cada concepto en una imagen es el reto y, a la vez, la solución.

Dursteler, Juan Carlos. InfoVis (2003). (Spanish) Presentations>Graphic Design>Visual Rhetoric>Technical Illustration

Presenting Quantitative Information Effectively  

Many of the graphical constructions we see in the media and learned in school have severe perceptual problems. Newer and better methods are available based on research and experimentation in human perception. However, these newer methods are often hidden in the scientific literature. Software packages for graphical displays can add to the problem since their defaults often emphasize their technological know-how rather than the accurate display of data. In addition, graphic designers and artists are not necessarily trained in statistics. Recognizing that these problems exist is the key to solving them. The references provide guidance for effective data displays.

Robbins, Naomi B. STC Proceedings (1999). Design>Graphic Design>Technical Illustration>Charts and Graphs

Pricing and Types of Technical Illustration

This chart shows a range of illustration style options and an approximation of the cost for each of those options.

Hulsey, Kevin. Kevin Hulsey Illustration. Articles>Graphic Design>Technical Illustration

Problem - File Size

Using existing data is a good way of reaching your target fast and efficiently. The following notes should help with implementing your current data.

ITEDO Software (2004). Design>Graphic Design>Technical Illustration