How to Create a Set of Marker Brushes for Illustrator

Today we’ll be going through the process of creating a set of Adobe Illustrator brushes that will allow you to easily duplicate the look of a marker stroke. We recently released a set of marker brushes for Vandelay Premier members, and in this tutorial we’ll show how you can create your own.

Marker Brushes for Adobe Illustrator

What you’ll need:

  • A piece of thick white paper or photo paper
  • A dark marker
  • A scanner
  • Adobe Photoshop
  • Adobe Illustrator

We’ll be making these Illustrator brushes by creating some strokes with the marker on paper. Then we will scan them and do some basic editing in Photoshop before moving to Illustrator to vectorize the image and create the brushes. At the end we’ll show how to compile the brushes and save them as a set that can be easily distributed or stored for your own use at a later time.

Step 1: Creating the Strokes

I’ll be using a dark blue Sharpie chisel tip marker that you can purchase just about anywhere that sells office supplies or art supplies. Take your marker and create several strokes on one sheet of paper. Then scan it and open it in Photoshop. Mine looks like this.

How to Create a Set of Marker Brushes for Illustrator

Step 2: Adjustments in Photoshop

For the purposes of this tutorial we will just be going through the process of creating a brush with one of the strokes. If you want to create a set of brushes you will simply duplicate the steps for each brush, and then we’ll go over how to save them as a set.


So here is the marker stroke that we will be working with throughout this tutorial.

How to Create a Set of Marker Brushes for Illustrator

The first thing we will do is take the color out of the image by desaturating it. Go to Image > Adjustments > Desaturate.

How to Create a Set of Marker Brushes for Illustrator

Depending on the darkness of your marker stroke you may or may not need to desaturate the image, and the following step may also not be needed if your marker stroke is already very dark. Illustrator’s Live Trace usually does the trick on it’s own, but if you want more control you can edit in Photoshop first, or experiment with the trace options. We’ll go through these steps just so you’ll know what needs to be done if your image requires editing in Photoshop.

Next, we want to make the marker stroke darker. There are a few different ways you can do this, but we will be using levels for this tutorial (adjusting brightness and contrast is another option). So go to Image > Adjustments > Levels.

How to Create a Set of Marker Brushes for Illustrator

We’ll bring the white level (on the right) in towards the middle just a little bit, and we’ll be moving the gray levl (in the middle) to the right to make the gray stroke darker.

How to Create a Set of Marker Brushes for Illustrator

If there are any stray marks around your stroke you can quickly cover them up by using a white brush. Then save your image as a JPG file.

Step 3: Creating the Brush in Illustrator

Open the JPG in Illustrator.

How to Create a Set of Marker Brushes for Illustrator

Next, we will be using Illustrator’s Live Trace feature to convert the JPG to vector format, and from there we will be able to create the brush. Before we create the trace, open a blank file that will be used to store the brushes that we are creating.

Now we’re ready to run the Live Trace. Click the down arrow next to live trace and select “Tracing Options”.

How to Create a Set of Marker Brushes for Illustrator

You should then see the tracing options.

How to Create a Set of Marker Brushes for Illustrator

We’re going to make a few changes. The specifics may vary from one trace to the next, but you can experiment and see what works best for you.

First, we’ll lower the threshold from 128 to 78. The threshold determines how dark of an area is needed to be converted to black after the trace. Second, we want to check the box for “ignore white.”

How to Create a Set of Marker Brushes for Illustrator

If you plan to use the same settings on several items that you will be tracing (as is the case when you are creating a set of similar items like marker brushes) you can save it. So once you have the settings changed, click on “Save Preset” and give it a name.

How to Create a Set of Marker Brushes for Illustrator

When you’re ready to run the trace, click on the “Trace” button. After the trace is run, click on the “Expand” button.

How to Create a Set of Marker Brushes for Illustrator

Now you’ll see something like this.

How to Create a Set of Marker Brushes for Illustrator

We now have a vector that we can work with to create the brush. So go to Edit > Copy and then switch over to the blank file that we created. Go to Edit > Paste to get the vector stroke in the new file. We’ll be using this file to hold all of the brushes that we’ll be creating.

To create the brush, with the vector marker stroke still selected, open the brushes palette and click on the down arrow and click on “new brush”.

How to Create a Set of Marker Brushes for Illustrator

Then check the radio button for “art brush” and click ok. You should now see the Art Brush Options.

How to Create a Set of Marker Brushes for Illustrator

So give your brush a name, check the radio box for “scale proportionately”, and change the colorization method to “tints”.

How to Create a Set of Marker Brushes for Illustrator

Click “Ok” and your brush has been created. If you want to continue to create more brushes in your set you will just duplicate the steps we have done so far.

I’ve created more brushes using the same steps and added them to my document. To run the Live Trace after I have saved the settings, all I have to do is click on the down arrow and select the one that I just saved.

How to Create a Set of Marker Brushes for Illustrator

My document now includes 5 marker brushes.

How to Create a Set of Marker Brushes for Illustrator

In order to save this set so it can be used later or distributed to others, go into the brushes palette and delete the brushes aside from the ones you just created.

How to Create a Set of Marker Brushes for Illustrator

Then save the document that contains your brushes as an Illustrator (.ai) file. Now that you have that file saved you can use the brushes any time you want. To test it out, open a new Illustrator file. Then click on the down arrow in the brushes palette and select “Open Brush Library > Other Library” and find the file on your computer.

How to Create a Set of Marker Brushes for Illustrator

A new brush palette will open up and you can use any of the brushes.

How to Create a Set of Marker Brushes for Illustrator

Just select the brush you want to use, choose a stroke color, and draw something with the brush.

How to Create a Set of Marker Brushes for Illustrator

If you are a Vandelay Premier member you can download the full set of maker brushes, and if you’re not a member they can be purchased for $5.

Marker Brushes for Adobe Illustrator

For more Illustrator tutorials and resources please see:

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

8 Responses

Comments are now closed on this post.

  • Philwebservices, February 18, 2011

    Nice illustration of brushes! Good job

  • Tutorial Lounge, February 18, 2011

    high quality brushes i got from your creative listing. thanks

  • kent web design, February 19, 2011

    thank you, I have never tried to create my own brush, but I think I will now

  • web design hull, February 19, 2011

    Nice looking tutorial and I like the brushes, thanks for sharing.

  • Akhtar @Smashingwall, February 21, 2011

    Cool tutorial, this was a really interesting read!!!
    Thanks.

  • SEO Sheffield, February 22, 2011

    Thanks for the tutorial. I love it. I’ll be using this technique much more often. Great job.

  • Top Web Design, February 22, 2011

    Amazing useful tutorial! And amazing brushes!
    Thanks!

  • Tenis Oakley, February 24, 2011

    Awesome and useful tutorial! Thanks!!

Close