Tutorial: How to Create an Adobe Illustrator Brush

Both Illustrator brushes and Photoshop brushes can be extremely valuable resources for graphic designers, whether you are creating your own or using those created by someone else. There are several good tutorials out there for creating various types of Photoshop brushes (see How to Make a Photoshop Brush Set), but unfortunately there are not very many tutorials for creating Illustrator brushes.

If you’re more familiar with using brushes in Photoshop as compared to Illustrator the first thing to understand is that there are a few different types of brushes in Illustrator. For this tutorial we will be creating “art brushes”. In Illustrator you can apply the brush to a path that has been created. It could be a straight line, the outline of a shape, or some other type of path. This makes Illustrator’s brushes very versatile.

In addition to art brushes there are also calligraphic brushes, scatter brushes, bristle brushes and pattern brushes. We’ll really only be looking at art brushes in this tutorial, but for more on the various types you can see An Overview of Brushes in Illustrator.

To improve your skills with Illustrator, see Learn Adobe Illustrator.

Here is a look at the brush that we will be creating in this tutorial:

Tutorial: How to Create an Adobe Illustrator Brush

This brush is part of a huge set of 55 brush strokes brushes that is available to Vandelay Premier members.

Things you will need to follow this tutorial:

  • Paper (preferably photo paper or heavy white paper)
  • Black paint (I’m using acrylic)
  • A brush
  • A scanner
  • Adobe Photoshop
  • Adobe Illustrator
  • Inkscape (optional)

Ok, let’s get started.

Step 1: Creating the Brush Stroke

The first thing we’ll need to do is to create the brush strokes. Take you brush, paint and paper and apply some simple brush strokes. Allow plenty of time for the paint to dry before scanning. The amount of time will depend on the type of paint and how thick it is, but generally you should wait at least 24 hours.

Step 2: Scanning

Once the paint is completely dry you can scan the image at 300 DPI. Here is a look at the image that I have scanned.

Tutorial: How to Create an Adobe Illustrator Brush

Step 3: Cleaning Up the Image in Photoshop

As you can see from the image above, our scan is not perfect. There are some gray areas that we will need to eliminate and we’ll also want to clean up some stray black marks from the paint. Our scanned image includes 6 different brush strokes which can each be used to create an Illustrator brush, but for this tutorial we will be working with the one on the far left.

Let’s work on getting rid of the gray areas from the scan. Go to Image – Adjustments – Levels.

Tutorial: How to Create an Adobe Illustrator Brush

To turn the gray areas to white we will simply adjust the level on the right by bring it in to about 150 (the exact numbers will vary depending on your image, so just experiment to see what works best). The black level on the left will be changed to 50, this makes the darker areas black.

Tutorial: How to Create an Adobe Illustrator Brush

Now we’ll separate the left brush stroke from the others so it’s easier to work with. You can either crop it or use the rectangular marquee to select that area and paste it in a new file.

Tutorial: How to Create an Adobe Illustrator Brush

Adjusting the levels does most of the work that will need to be done in Photoshop, but we’ll also look for stray marks that should be cleaned up. Using a small brush tip with the foreground color set to #ffffff (white), cover up any blemishes that you find. It will help to view the image at 300% – 400% so you can see it better. The image below is shown at 300%. If you’d like, you can skip this step and rely on the trace to remove these unwanted marks, but I personally prefer a couple of minutes of work to manually clean it up.

Tutorial: How to Create an Adobe Illustrator Brush

If you’d like, you can also use a black brush tip to color over some of the lighter areas in the brush stroke. When you’re done, save your image as a JPG.

Step 4: Creating the Vector

I’ll be using Inkscape, a free vector graphics editor, to do the tracing and to create the vector, but you can also do the same thing in Illustrator if you prefer.

Open the JPG in Inkscape.

Tutorial: How to Create an Adobe Illustrator Brush

Go to Path – Trace Bitmap.

Tutorial: How to Create an Adobe Illustrator Brush

You will be presented with a lot of options for the trace. I recommend that you start with the default settings and then if you want to you can go back later and experiment to see how they impact the outcome of the trace. So to move forward with the default settings just click “ok” and then X out of that box.

You’ll now have you trace on top of the original image, so drag the trace to the side.

Tutorial: How to Create an Adobe Illustrator Brush

Then select the original image and delete it. Then save the trace as an SVG. You now have a vector graphic of the brush stroke!

Step 5: Creating the Brush in Illustrator

Now that we have a vector graphic we will open it in Illustrator and turn it into a brush.

Tutorial: How to Create an Adobe Illustrator Brush

Use the selection tool to select the brush stroke.

Tutorial: How to Create an Adobe Illustrator Brush

Open the brushes palette, then click on the down arrow to bring up the menu.

Tutorial: How to Create an Adobe Illustrator Brush

Select on “New Brush”.

Tutorial: How to Create an Adobe Illustrator Brush

Then choose “art brush”.

Tutorial: How to Create an Adobe Illustrator Brush

You can give your brush a name. We’ll select “scale proportionately” to keep this brush looking like it is in proper proportion when it is used, but for other types of brushes you may want to select a different option. We’ll also choose “tints” for the colorization method, which will allow you to use any color with the brush by changing the stroke color.

Tutorial: How to Create an Adobe Illustrator Brush

You’ve now created your brush and it should show up in your brushes palette.

Tutorial: How to Create an Adobe Illustrator Brush

To try it out you can select the brush tool, and select your new brush in the brushes palette. Create a path with the brush tool and your brush should be applied. A straight path will look like this.

Tutorial: How to Create an Adobe Illustrator Brush

Create another path with some curves.

Tutorial: How to Create an Adobe Illustrator Brush

If you want to change the color of the brush stroke simply change the path’s stroke color.

Tutorial: How to Create an Adobe Illustrator Brush

And there you have it, you now have a versatile Illustrator brush. If you wanted to continue to create a full set of brushes, create them one at a time and place them all in the same workspace and save it as a .ai file. The when you want to use them you can open them up by going to the brushes palette, “Open Brush Library”, “Other Library”, and find the file on your computer.

Vandelay Premier members can download all 55 Illustrator brushes that were created as part of this set. If you’re not already a member you can sign up and access hundreds of high-quality resources for just $9.

Start Your Own Freelance Business!

Learn how I went from a corporate employee to owning my own freelance business and blog. Sign up for my email newsletter and get a FREE copy of my Ebook plus a coupon for 10% off your first billing cycle on any Vandelay Premier plan!

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.