• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 4. Creating Paths > Real-World Project

Real-World Project

Real-life production often entails starting with a printed image and turning it into smooth, professional artwork. This project begins with a scanned image of a greyhound silhouette and ends up with a greyhound adoption group's new logo. (You'll find the scanned image on the accompanying CD inside the Real World Projects folder as <Figure 4-16.tif>.) Just follow these steps:

Open the scanned image in Illustrator. The supported formats include TIFF, which is usually the best choice for bitmap (black-and-white) artwork, as this is (see Figure 4.16).

Figure 4.16. The original image is a scan of a black on white drawing.

Select the image and lock it (press Cmd+2 [Ctrl+2]) so that you don't accidentally move or delete it as you work.

Press D to switch to the default stroke and fill colors (black and white, respectively). This step ensures that you'll still be able to see the traced silhouette when you deselect it.

Switch to the Auto Trace tool and click the edge of the image to trace its outline (see Figure 4.17). Tracing this particular drawing is quick and easy because it's just an outline; other images may require you to trace many separate elements.

Figure 4.17. The traced path follows the drawing's outline closely but not exactly.

Press Cmd+X [Ctrl+X] to cut the newly created path and press Cmd+V [Ctrl+V] to paste it into a new document. This step ensures that you don't save the new logo artwork in the original scan file, which you might want to save for other purposes.

Using the Smooth tool, smooth out any jagged areas in the greyhound path (see Figure 4.18). It's better to make many small adjustments rather than one big one that completely reshapes your path (more likely than you would think).

Figure 4.18. The Smooth tool helps to straighten out any little bobbles in the traced path.

Select the right edge of the final greyhound path and copy it. Then paste it and move it a pica (less than a quarter-inch) to the right of the whole greyhound. This step provides a path for added text to wrap around so that it has some extra space between itself and the greyhound.

With the partial path still selected, click the stroke icon on the Tool palette and then the None button to remove the path's stroke. Do the same with its fill (see Figure 4.19).

Figure 4.19. The partial path is not part of the design—it's just something for the text to flow around—so it should have no fill and no stroke.

Switch to the Text tool and drag out a rectangle to the right of the greyhound. Type the name of the greyhound adoption group and adjust its typeface, size, and leading to your taste. You must drag out a rectangle to make area type rather than just click to make point type; otherwise, you cannot wrap the text around the greyhound artwork.

With the text box still selected, press Cmd+Shift+[ (the left bracket key) [Ctrl+Shift+[] to send it to the back. The text has to be behind the object around which you want to wrap it.

Option+Shift+click [Alt+Shift+click] to select the partial path in addition to the text and choose Type, Wrap, Make to create the text wrap (see Figure 4.20).

Figure 4.20. With the partial path in front of the text, the text wrap flows the text to the side of the path.

Switch to the Gradient tool and use it to apply a black-to-white gradient to the greyhound path. In the final logo, the gradient is dark in the center of the dog, and the dog's feet are left white, a common color pattern for greyhounds (see Figure 4.21).

Figure 4.21. The final image combines text with the traced, smoothed path to form a logo.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint