Using Adobe Illustrator with Wacom Intuos3 Tablets

Adobe Illustrator CS2 supports several additional drawing pen options for the Wacom Intuos3 tablet. With the Intuous3 tablet connected, you can define not only pressure, but also settings that respond to Stylus Wheel, Tilt, Bearing, and Rotation—features available with the Intuous3 pen. Your available options will depend on the driver set you install, but the full set of available options is:

  • X-axis controls left and right
  • Y-axis controls up and down
  • Pressure defines how the pen responds to force with which the pen is pressed on the tablet
  • Tilt responds to the angle at which the pen is tilted
  • Bearing responds to the direction the pen is tilted (up, down, right, left, etc.)
  • Barrel Rotation responds to the orientation of the pen itself around its long axis.

Illustrator CS2 also supports Wacom tablets’ tip and eraser features.

You’ll find a special palette of brushes that match the Wacom Intuos3 tablet on the second disk of the Illustrator CS2 install set of disks. To open that palette, choose Window > Brush Libraries > Other Library, and navigate to the second Illustrator CS2 CD (or the folder on your local computer or network to which those files were copied). On the CS2 second CD, navigate to the Goodies folder, and then open the folder Wacom 6D Brushes. Choose the File 6D Art Pen Brushes.

Note: Don’t be confused, these aren’t actually art brushes, they are calligraphic brushes. The brushes in this palette support all the features of the Wacom tablet and pen.

Adobe Illustrator – Pressure-Sensitive Drawing with a Tablet

If you are drawing with a tablet, such as a Wacom tablet, you can select drawing tools like the Pencil, Pen, brushes, or shapes tools, and draw freehand using your tablet. By tweaking Pencil tool smoothness settings, you’ll probably find the Pencil tool and a tablet the closet thing in Illustrator to simply sketching on a drawing pad.

Only Calligraphic Brushes Have Tablet Options

Art brushes, Pattern brushes, and Scatter brushes can all be applied using a drawing tablet, but they do not have adjustable features that depend on pressure or other pen attributes.

To easily sift through available calligraphic brushes, you can view only calligraphic brushes in the Brushes palette by choosing only the Show Calligraphic Brushes option (and deselecting the other show brush options) from the Brushes palette menu.

Calligraphic brushes take on special attributes when you hook up a drawing tablet. When your operating system detects your drawing tablet, Illustrator provides additional pressure and pen stroke options for using your tablet’s pen. The most widely supported feature is pressure—the harder you press, the thicker the calligraphic brush stroke.

To define pressure (and other) attributes of a calligraphic brush, double-click on the brush in the Brushes palette. From the Angle, Roundness, or Diameter pop-ups, choose Pressure, or another tablet-based stroke attribute. Depending on the version and drivers you install, the Wacom 6D Art Pen set can support six dimensions of pressure sensitivity: X-axis, Y-axis, Pressure, Tilt, Bearing, and Barrel Rotation.
Once you choose Pressure (or another option) from either of the three pop-ups, you can define how much variation you want to allow. A large variation value for diameter, for example, means strokes applied with more pressure on your tablet are much thicker than strokes applied with slight pressure.

Adobe Illustrator – Working with Pattern Brushes

Pattern brushes are the most complicated to modify or create because they involve as many as five different object panels. You can use separate symbols for the start, finish, side (center), inside corner, and outside corner panels.

To get inspiration and also to see how it’s done, take a look at preset pattern brushes that come with Illustrator. For some interesting models, select Window > Brush Libraries > Borders > Decorative to open the pattern brush palette.

While you can use up to five different objects in a single pattern brush, you can also create an interesting pattern brush with three or even two elements.

Once you define the pattern brush, you can apply it to existing paths or draw interactively with the Paintbrush tool. Pattern brushes can be used to draw mazelike paths; to generate arrows with a start, beginning, and end object; or to create borders for illustrations.

To create a pattern brush, start by defining up to five patterns that will be used as different elements of a path. You can, for example, create a brush by preparing a beginning pattern, a line segment pattern, and a line end pattern. That pattern brush can function as an arrow.

Once you have created your pattern brush elements, drag each object, one at a time, onto the Swatches palette and name them by double-clicking on the new swatch.

Three, Four, or Five Patterns?

How many patterns do you need in a pattern brush? Often three is enough. For instance, if you are creating a pattern brush to use as a picture frame, one pattern will be used for the sides of the frame, and another for the corners. If you create a complex, beveled-corner frame, you might enhance that pattern brush by creating both an inside and outside corner pattern. For an arrow, you might use three patterns—one for the beginning, one for the end, and one for the path itself.

With your brush elements all in the Swatches palette, follow these steps to create a three-pattern pattern brush:

  1. From the Brushes palette menu, choose New Brush. Choose New Pattern Brush in the New Brush dialog, and click OK to open the Pattern Brush Options dialog.
  2. Enter a name in the Name area.
  3. Click on the Side Tile icon (on the far left) in the set of five pattern swatches. Choose a swatch from the set that appears in the dialog to use as the pattern for normal line segments.
  4. Click the Start Tile icon (second from right) in the Pattern Brush Options dialog, and select a swatch to use at the beginning of a path.
  5. Select the End Tile icon (on the far right), and choose a swatch.
  6. Normally, you will want to accept the default settings Size, Flip, Fit, and (no) Colorization. Click OK to define the pattern brush.
  7. As with other drawing tools, you can apply pattern brush strokes to selected paths by clicking on the brush in the Brushes palette. Or you can first select the pattern brush in the Brushes palette, and then interactively draw strokes with the Paintbrush tool pattern.

Adobe Illustrator – Creating Scatter Brushes

Scatter brushes are intuitively named. They scatter a pattern along a path. Thinking of a leaf-blower being pushed across a lawn gives you a sense of the chaos you can generate by using a scatter brush stroke to create a path of objects.

This Won’t Work: Scatter brushes cannot include artwork with gradients, gradient meshes, or styles. You might use a scatter brush, for instance, to populate a field of stars in an illustration tool.

You can draw interactively with a scatter brush, or you can apply a scatter brush pattern to an existing path.

To define a scatter brush, start by creating artwork to use as a brush. Small patterns work well. With the artwork selected, follow these steps to create and use a scatter brush:

  1. Drag the artwork onto the Brushes palette. The New Brush dialog appears. Choose the New Scatter Brush option, and click OK.
  2. The Scatter Brush Options dialog appears. Enter a name for the brush in the Name area. Random Scatter: The Size, Spacing, Scatter, and Rotation sliders can be set to fixed or random values. If you choose random from the pop-up associated with each white slider, a second, black slider becomes active that controls how much randomness to generate. For example, if you apply Random to pattern size, the second slider defines the amount of size variation (in percent) that will be applied as the brush is applied to a path.
  3. Use the sliders and lists in the dialog box to modify the pattern. Size defines the size of the pattern in relation to the size of the original drawing. Spacing controls the spacing between instances of the artwork. Use the Scatter slider to define how far apart the scatter brush art will scatter away from the path to which the brush is applied. Use the Rotation setting to define how much objects will rotate as the brush is applied to a curved path.
  4. Use the Colorization Method pop-up list in the Scatter Brush Options dialog to define how coloring is added (or not added) to the original stroke color. You’ll see a preview of each option if you click the Tips button.
  5. After you define scatter brush options, click OK to generate the brush. Apply the brush by clicking on a selected path with the Selection tool, and then clicking on the art brush in the Brushes palette. Or select the art brush first, and then use the Paintbrush tool to draw interactively.

Adobe Illustrator – Creating Art Brushes

Art brushes stretch to the length of any path to which they are applied. Normally you create your own art brush, and then bend it, stretch it, or squeeze it onto any path. The same art brush can be applied to a long or short stroke.

Art Brush No-No’s: You can create an art brush from artwork, including compound paths. But don’t try to use a gradient fill, a mask, or a mesh.

To create a new art brush, follow these steps:

  1. Create some artwork.

    Note: Instead of creating your own artwork, you may prefer to use artwork from any Illustrator symbol palette. You’ll learn how at the end of this section.

  2. Drag the artwork onto the Brushes palette. The New Brush dialog appears. Select the New Art Brush options button and click OK. Using Symbols as Art Brushes: One useful and easy technique is to use symbols as art brushes. First, open a symbol library (Window > Symbol Libraries) and choose a library. The Symbol library opens as a palette. Drag a symbol onto the artboard. Then, drag the symbol object from the artboard onto the Brushes palette. The New Brush dialog opens. Choose the New Art Brush option button in the dialog, and click OK. Define options for the new art brush the way you would any other art brush. You can now apply any symbol, such as an arrow, along any path.

  3. The Art Brush Options dialog opens, with the brush design selected in the preview window of the dialog box. Enter a name in the Name area of the dialog.
  4. In the Direction area, select the arrow that starts from the bottom and points to the top. This will make the pattern appear in an intuitive, right-side-up manner as you draw a path up with a drawing tool. Note: Other Direction areas provide other options for how the art brush will move along as you draw a stroke. You might want to define two separate art brushes from the same artwork, so the artwork can be applied to strokes facing up (or down), or right (or left), depending on how you draw a path.
  5. Enter a Width value in the Size area to define how large the symbol will display relative to the stroke path. Normally, you’ll want to select the Proportional checkbox to keep the height-to-width ratio unchanged as you rescale the object to which the art brush is applied.
  6. After you define the art brush options, click OK.

Adobe Illustrator – Creating Calligraphic Brushes

Calligraphy is the art of drawing stylized type that looks like it was scribed with an ink pen or paintbrush. Calligraphic brush strokes can vary in size, angle, shape, and randomness (variety) in the brush stroke width.

Stroke shape can range from almost round to very flat, or anything in between. They are not completely round because a completely round calligraphic brush would simply apply a wider band around a stroke; the “ovalness” of the brush is what gives it a calligraphic quality.

There are several preset calligraphic brushes in the Brushes palette, but you can easily define your own customized brush by following these steps:

  1. Choose New Brush from the Brushes palette menu. The New Brush dialog opens. In the New Brush dialog, select the New Calligraphic Brush button and click OK. Note: If you are using a stylus or graphics tablet, Pressure options settings define how sensitive the brush will be to pressure on your drawing tool.
  2. In the Calligraphic Brush Options dialog, enter an easy-to-remember name in the Name box.
  3. Type a value in the Angle box to define the angle of the brush. You might start with a 45-degree angle, and experiment from there. Note: Unless you are working with a drawing tablet, leave the setting in the Variation column pop-up set to Fixed.
  4. Enter a value of less than 100% in the Roundness box. Lower values produce flatter brushes. Choose Random from the Roundness list. Enter a value, in percent, in the Roundness Variation box. Higher values (up to 100%) produce more variation in roundness as you apply or draw the brush effect.
  5. Enter a value (usually in points) in the Diameter box to set the diameter of the brush. Higher values create thicker strokes.
  6. Click OK to save the new calligraphic brush pattern.

You can use the Pen or Pencil tools (or draw with shape tools) to create paths with a selected calligraphic brush effect. To do this, simply click on a calligraphic brush stroke in the Brushes palette, and draw with the selected tool.

Adobe Illustrator – Applying or Drawing with Brushes

As noted in the introduction to this chapter, there are two ways to use the Paintbrush tool. You can draw with the brushes, or you can apply them to existing strokes.

Drawing with the Paintbrush tool is similar to drawing with the Pencil tool. The main difference is that drawing with the Paintbrush tool applies the selected brush stroke to a path as you draw.

To draw a brush stroke in one step, select the Paintbrush tool. In the Brushes palette, choose a brush stroke. Then draw as you would with the Pencil tool.

You can apply a brush pattern to a stroke by selecting the stroke and clicking on a brush in the Brushes palette. This works for strokes that already have a brush applied; selecting a brush in the Brushes palette changes the applied stroke.

Brushes Don’t Work with Letter Type or the Symbol Sprayer Tool

You can’t apply a brush pattern to letter type. If you want to apply brushes to letters, one option is to convert the type to outlines (see #68, “Outlining Type.”).

You also can’t apply brush strokes to objects generated by the Symbol Sprayer tool. You control those objects using symbols (see #94, “Using Symbols and Actions”).

Brush Libraries

Illustrator ships with libraries of brushes. To access them, choose Window > Brush Libraries, and select one of dozens of libraries of brush strokes. You apply brushes from Brush libraries the same way you apply them from the Brushes palette. To remove a brush stroke from a selected path, click the Remove Brush Stroke icon at the bottom of the Brushes palette menu.

The Four Types of Brushes

Calligraphic brushes apply strokes that look like ink flow from calligraphy pens.

Art brushes stretch a single image along the entire length of a path.

Scatter brushes “scatter” pattern objects along a path.

Pattern brushes include up to five tiles that interactively associate with sides, corners, and endpoints of a stroke.

You can filter the Brushes palette to display selected types of brushes by selecting (or deselecting) a brush type from the Brushes palette menu.

The Options of Selected Object button opens a different set of options for each type of brush. The New Brush icon allows you to define a custom brush. Both options will be explored in the remaining techniques in this chapter, which discuss the four types of brushes. The Delete Brush icon is not used to remove a brush from a stroke; it deletes the brush from the palette.

Tips for Drawing with Brushes in Adobe Illustrator

The heart of Illustrator is the ability to define vector paths, usually using the Pen or Pencil tool. The paths can have an infinite variety of fills, stroke properties, and other effects. Among these effects is an amazing variety of brushlike stroke attributes. In this chapter, you’ll learn how to draw with brushes; create calligraphic, art, and scatter brushes, and more.

The title of this chapter, “Drawing with Brushes” is shorthand for applying brush strokes to paths. You’ll have more fun, be more productive, and be less frustrated if you take a moment to appreciate the difference.

The Brushes Palette

View the Brushes palette by choosing Window > Brushes. The F5 function key also displays (or hides) the Brushes palette.

The Brushes palette menu allows you to choose which of the four types of brushes to display. The flyout menu also allows you to choose between displaying brushes in List view or Thumbnail view.

Envision a graphic artist a hundred years ago choosing from a set of feather pens. Or, for a more modern example, imagine a painter with an array of paintbrushes. Now forget that image and read on. For all practical purposes, drawing a path and applying a brush stroke are generally two distinct processes in digital design, particularly in Illustrator.

Remember that the heart of Illustrator is the ability to define vector paths, usually using the Pen or Pencil tool. The paths can have an almost infinite variety of fills, stroke properties, and other effects. Among these effects is an amazing variety of brushlike stroke attributes.

You can select a brush from Illustrator’s Brushes palette and “paint” with it, using a mouse or drawing tablet. The advantage is that you can draw a path and apply stroke attributes all at once. The disadvantage is that you have to manage both drawing and strokes simultaneously. You’ll learn how later in this chapter.

However, for most of the techniques in this chapter the assumption is that you have drawn your path, and are now ready to apply brush stroke attributes to that path.

Adobe Illustrator – Photo Inside of Type

To fill text with a photo and keep the text editable, place an image into Illustrator (File>Place), then create some text with the Type tool (T) and position it on top of the photo. With the Selection tool, select both the photo and the type, and from the Object menu, select Clipping Mask>Make, or press Command-7 (PC: Control-7). Use the Type tool to edit the text or the Direct Selection tool (A) to move the photo. To cancel the effect completely, select the photo and text, then go back to the Object menu and choose Clipping Mask>Release. Let’s review the most important aspect of this technique: The masking object (in this case, the text) needs to be on top.

Start with a Font

Stuck for a design idea, or searching for some clip art? Why not check out your built-in symbol fonts such as Webdings, Dingbats, etc.? Get the Type tool (T) and click-and-drag out a text box. Choose a font type and pick a large size. Open the Glyphs palette (Window>Type>Glyphs) and use this palette to pick the shape (letter) you want to use. Once you’ve found a design you like, double-click on it to add it to the text box. Then, select the symbol in the text box with the Selection tool and from the Type menu, choose Create Outlines (or press Command-Shift-O [PC: Control-Shift-O]). Use the Direct Selection tool (A) to edit and work with the object(s).

Adobe Illustrator – Loading Attributes with the Eyedropper Tool

You can use Illustrator’s Eyedropper tool to load the attributes of existing objects quickly. This can be useful in two ways. First, if you already have an object selected when you click another object with the Eyedropper tool, your selected object changes to match the object you clicked. Second, you can click once with the Eyedropper to sample the attributes of an object, and you can then Option-click (Alt-click) to apply those attributes to other objects in your file without actually having to select them.

You can configure the Eyedropper tool to sample just the basic appearance of an object (the topmost fill and stroke) or complete complex appearances. To control what the Eye-dropper tool can sample, double-click the tool in the Toolbox. Double-click the Eyedropper tool in the Toolbox to control what specific attributes the tool uses for sampling.

Shift-click with the Eyedropper tool to sample colors from the pixels of raster images. In this way, the Eyedropper tool works much like the one found in Photoshop.