Northlite Designs
Illustrator

Pattern Brush Anatomy 101 in Illustrator 9 and 10, Part 3

Home

 

Vector vs raster?

 

Tips and Tutorials

 

Resources

 

 

 

 

Northlite Designs

Photos

Cards & Prints

Gallery

Expression

About Me

Contact Me

 

 

 

Pattern Brush Anatomy 101 in Illustrator 9 and 10, Part 3

Now it's time to use what you've learned and make a pattern brush of your own. For a review, the chart below tells which slots in the brushes palette holds which type of tile.

Illustrator 9
Illustrator 10

Slot 1

outer corner tile

Slot 1

outer corner tile

Slot 2

side tile

Slot 2

side tile

Slot 3

side tile

Slot 3

side tile

Slot 4

side tile

Slot 4

inner corner tile

Slot 5

inner corner tile

Slot 5

beginning tile

Slot 6

beginning tile

Slot 6

ending tile

Slot 7

ending tile

Slot 7

no slot 7 in Illustrator 10

 

The first step to making any brush is creating the art you'll be using in the brush. I started with the grid I made in my tutorial for printable grids in Illustrator 9. If you want to make the same brushes I have here, you can follow the Printable Grid in Illustrator 9 tutorial here, (it also works for Illustrator 10) and then come back and do this tutorial. You may also download the .ai file with the grid here. The file will work in Illustrator 7 and up. Or use your own art for the brush, following the guidelines set here. This is a simple brush, and we will use the same piece of art (tile) for both the sides and the corners.

When we worked on the brush made of squares, we selected the first tile and dragged it to the brushes palette. This time we'll use a second method of making a brush.

In the brushes palette (if you can't see the brushes palette, hit the F5 key to open it) click on the options triangle on the top right of the palette (by the red arrow in the illustration) to open the options, and click on New Brush. It'll be the first item in the list.

The New Brush dialog opens, and there are four types of brushes in the list. Tick the radio button by "New Pattern Brush". Click OK.

 

The Pattern Brush Options box opens and you can see the grid has been placed in the first square, and from the diagram below it you can tell it's the side tile. There are also boxes for the outer corner tile, inner corner tile, a beginning tile, and an ending tile. In this simple square brush we only need the inner and outer corners, and they're a copy of the same tile as the grid we used already, but they still have to be added to let the brush follow any shape smoothly.

Type a name for your brush in the Name box. You can name it any unique name up to 30 characters long. Since we want to be able to colorize it, in the Colorization Method dropdown list, choose Tints. Any color you have chosen for stroke color will be the color of the brush. Leave the rest of the options as they are set here and click OK.

 

Screenshot is from Illustrator 10

In the brushes palette, the grid will be in the second and third slots on Illustrator 10, and second, third and fourth slots on Illustrator 9. We know these are the side tile slots from our previous experiments with the colored squares.

 

Alt+Drag the same tile you dragged to the palette (it should only have dragged a copy, so your original grid should still be on the artboard) to the brushes palette and drop it in the outer corner slot, or slot 1. The brush options opens, click OK to close them. In Illustrator 9 and 10 both it will appear in the first slot. Screenshot is from Illustrator 10.

 

Alt+Drag the tile again to the inner corner slot, which is slot 5 on Illustrator 9, and slot 4 on Illustrator 10. Brush options open, click OK to close and return to the artboard; and in the brush palette, the inner corner tile is now in the corresponding slot, depending on whether you are using Illustrator 9 or 10. Screenshot is from Illustrator 10.

 

You have the idea now...alt+drag the tile to the remaining slots in the brushes palette, the brush options will open, click OK to close the brush options and return to the artboard. Look at the brushes palette and the whole row is filled with our tile.

 

Draw a line and an ellipse and apply the new brush.

 

Remember when we first defined this brush, we set the colorization method to tints? Drag a swatch on top of the line and ellipse and the color will change, or change the stroke color in the toolbox and the color will change.

 

Try the new brush on different shapes and see how the corners fill in the different angles. Even s simple pattern brush like this one can create some interesting effects.

There are a lot more interesting possibilities...lets go on to part 4 to finish the tutorial.

 

 

 

 

Anatomy of a Pattern Brush, Part 1

Anatomy of a Pattern Brush, Part 2

Anatomy of a Pattern Brush, Part 4

 

To the top of the page

 

Back to the main page to try another tutorial

 

Northlite Designs

Contact Me

 


 

Disclaimer: Site Design and all graphics on this site are the property of and copyrighted to Sara Froehlich and Northlite Designs.

 

March 25, 2002

©2002 Sara Froehlich and Northlite Designs