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:
Things you will need to follow this tutorial:
Paper (preferably photo paper or heavy white paper)
Black paint (I’m using acrylic)
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.
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.
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.
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.
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.
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.
Go to Path – Trace Bitmap.
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.
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.
Use the selection tool to select the brush stroke.
Open the brushes palette, then click on the down arrow to bring up the menu.
Select on “New Brush”.
Then choose “art 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.
You’ve now created your brush and it should show up in your brushes palette.
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.
Create another path with some curves.
If you want to change the color of the brush stroke simply change the path’s stroke color.
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.
Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.