Pattern Brush in Illustrator

    ●   Border Design patterns consist of repetitive swirling shapes.

Learn About:

Blending Modes Reflect Swatches

  •   This tutorial is part of the Free Trade Project and the CD Cover Design Project.

This tutorial is part of a series: 175-artboards-ai.htm and 172-pattern-brush-ai.htm

Other People's Work:

Here are some examples of work inspired by this tutorial.


Step #1: Open Your Project in Illustrator ~

Open YOUR PROJECT from this tutorial in Illustrator



… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

… make a New Layer, and lock lock your other layers.

Step #2: Line Segment Tool ~

Get the Line Segment Tool or hit the keyboard shortcut (\) …

line tool

… and, holding the shift key to keep the line perfectly straight, draw a short line.

Step #3: Zig Zag ~

With the line selected, go to: Effect > Distort & Transform > Zig Zag

… switch the number of ridges to 1 and the points to "Smooth" and press OK.



Step #4: Make a Copy of the Shape ~

Then, with your line selected, go to: Object > Transform > Reflect

… select Vertical , and click on the Copy button.

Copy makes a duplicate of the original line like this:

Step #5: Create a New Brush ~

Select both of the lines, drag them into your Brushes palette and choose "Pattern Brush" …

… select Tints in the color area …

… and lower the scale to approximately 15 to 25 percent.

You now have a new brush …

Step #6: Symbols ~

Now open the Symbols palette or go to: Window > Symbols

… and drag the SAME OBJECT into the Symbols palette the same way you did the brush.

Name your symbol and choose: Graphic from the drop-down menu.

Step #7: Create a New Instance of that Symbol ~

Now drag the symbol BACK OUT onto your canvas!

Step #8: Transform > Scale ~

Go to: Object > Transform > Scale. Set Horizontal to 0.01 percent.




The goal is to cause the symbol to collapse almost completely in on itself horizontally.


So enter the smallest value you can while still being able to see something of the object, which is 0.01


Step #9: Arc ~

Then go to: Effect > Warp > Arc (not Arch) and set the Arc value to 50 percent.

Step #10: Expand Appearance ~

Select the object and go to: Object > Expand Appearance.


Step #11: Rotate ~

Then go to: Object > Transform > Rotate and make it 45 degrees counter-clockwise.

Step #12: Outline Stroke ~

Lastly, go to: Object > Path > Outline Stroke. (This won't make any visible difference, but it's important later on.)

Step #13: Swatches Palette ~

Open Swatches or go to: Window > Swatches

… and drag the new corner piece into your Swatches palette.

Step #14: Brushes Again ~

Go back to Brushes again and double-click on the brush you made …

Then select your corner pattern swatch for the Outer Corner Tile.

Step #15: Your Background Layer ~

Open Layers and click the little circle to select the background sub-layer …

… then apply the brush to the stroke on that layer.

You can also draw any style shape on your canvas and then click on your brush and use it that way.

Last Step: Save and Attach ~

Save your work as -]

Attach it!

  •   ALWAYS save your projects using the following naming convention:

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.

Other Resources: