Creating Perspective Shadows

Perspective—it’s one of the first things you learn about in any art class. The basic idea is that it’s the way your eye actually sees something, represented on a flat surface such as paper or a monitor. A simple example is drawing a group of objects: You represent an object in the distance by making it smaller, while making objects close to the viewer larger—make sense? In this tutorial, I’m going to show you how to create perspective shadows in Adobe Photoshop CS3. The result is dynamic, but the technique is a breeze!

Gray, Lawrence. Event DV (2008). Articles>Graphic Design>Image Editing>Technical Illustration

Four Ideas to Organize Your Technical Document Images and Screen Shots

Most technical writers would include at least a few images to illustrate a point, or screen shots that accompany the description of a certain step-by-step procedure, etc. Organizing such images can really become a problem, especially when you have dozens and hundreds of them. Finding, editing, and importing them can quickly become a logistical nightmare, especially when a technical writer is working under a deadline pressure. Here are four ideas to organize and name your images for higher productivity.

Akinci, Ugur. Technical Communication Center (2009). Articles>Graphic Design>Technical Illustration>Screen Captures

In Which a Concept Model Makes Me Giddy

Concept models aren't for everyone. When I show fellow designers these artifacts, I sometimes get "You show that to clients?" Like any deliverable, there's a time and a place for concept models. If you're anything like me, however, you think visually. Even if your models don't see the light of day, a good model can help you get a better grip on the problem, or lay some groundwork for your designs.

Brown, Dan. User Interface Engineering (2009). Articles>Graphic Design>Technical Illustration>Sitemaps

Spatial Descriptions by Children

Drawing a map is cognitively challenging. It requires you to do some abstract visualization.

Katre, Dinesh S. Journal of HCI Vistas (2007). Articles>Graphic Design>Technical Illustration>Children

Visual Methods of Communicating Structure, Relationship, and Flow

Many of us are more comfortable communicating in words than in pictures. For example, user assistance writers are by nature and training writers, so they understand words and are adept at using word processing and publishing tools. Writers use lexicentric tools not only for creating and delivering content, but also as cognitive tools—that is, tools that help them think more clearly and efficiently. Thus, a user assistance writer might create a user-task matrix or take advantage of a word processor’s outline view when creating or evaluating a document’s structure.

Hughes, Michael A. UXmatters (2009). Articles>Graphic Design>Technical Illustration>Workflow