Creating a custom brush in Illustrator for line art

September 17, 2007 by Kiltak |

I often receive comments about the line work on my web comic. People have asked for example if I draw the comic on paper and then scan it into the computer. The answer would be no. In order to create my line work as well as the finished product of each strip I do, I use Adobe Illustrator CS3. I’d never claim to be an expert in Illustrator but I do have enough knowledge of the software in order to get it do what I want it to.

When you draw with traditional media whether it be pencil or pen, the thickness of your lines will usually vary depending on the pressure you apply with each stroke. You can mimic that effect in Illustrator. I’m going to show how to create a custom brush which will make it quite simple to do so.

Step 1: Open up Illustrator and create a new document. Once you’ve done this you’re going to be using the oval tool.

Custom Brush Tutorial

Step 2: Using the oval tool, draw yourself a somewhat thin oval like the example below.

Step 3: Go ahead and select that oval. It should now be outlined and have visible end points.

Step 4: Next we’re going to be using the Convert Anchor Point tool, which you will find by selecting your pen tool and holding down on it until a drop menu appears like in the following example.

Step 5: Using the Convert Anchor Point tool go ahead and click on both end points of your ellipse. This will cause them to taper, creating a fine point. You should see something like the following image.

Step 6: With your ellipse still selected, the next thing you need to do is open your Brush palette. You can do so by choosing Window in the menu across the top of the application and then navigating to Brushes. Alternatively you can just press F5 which is the keyboard shortcut.

Step 7: On the right upper corner of the Brush palette you’re going to look for an arrow and click on that in order to open the Brush palette menu. Choose New Brush…

Step 8: Now a window should pop up giving you several different options. You want to select the option to create a New Art Brush.

Step 9: Now you’re going to choose the proportional option, or in the case of my screenshot “proportiona”. Don’t ask me why the L was cut off. I have no idea ;) Now click Okay.

Now your new brush should appear in the brush palette, like so.

Go ahead and test out your new brush. I use a Wacom Tablet and Pen when doing anything in Illustrator, but if you don’t have one, a mouse will work adequately enough.

You’ll notice with the proportional setting turned on that your lines will look thicker or thinner depending on how long they are.

You’re all set! Enjoy your new custom brush!


You Might Also Like:

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • bodytext
  • StumbleUpon
  • Fark
  • Reddit
  • Technorati
  • Mixx
  • Pownce
  • Slashdot
  • TwitThis

Did you enjoy this post? If so, subscribe to the geeksaresexy RSS feed.

RSS feed | Trackback URI

19 Comments »

Comment by Tish
2007-09-17 17:07:42
Great job on the tutorial, Mike!
 
Comment by Mike Subscribed to comments via email
2007-09-17 17:14:55
Thank you, Tishy :)
 
Comment by Bob
2007-09-17 17:17:22
Hello Mike,

a hundred thanks for this tutorial!

I have a quick question for you.. could variations of this trick be used to create other special brushes? I’ve been experimenting with Illustrator for the past month, and love it so far.

 
Comment by Mike Subscribed to comments via email
2007-09-17 17:25:54
Bob, you’re very welcome :)

And to answer your question - most definitely! I really only scratched the surface of what you can do here because I didn’t want to end up with a mile long tutorial…lol.

For example another trick you could do is create more than one ellipse. Each of them different lengths and then turn that whole thing into a brush. Now what you’ll have is a line that mimics how it looks if you’re the type of artist that doesn’t create continuous strokes. It’s not perfect of course, but if you play around with it a bit you can end up with some pretty neat results :)

 
2007-09-18 00:04:00
[...] mentioned in a recent post that I had been trying to get my first article done for Geeks are Sexy. Initially I thought I’d do a Photoshop tutorial and had actually begun working on it before [...]
 
Comment by Christy
2007-09-18 06:36:40
Excellent tutorial Mike!
 
Comment by Robert
2007-09-18 09:55:49
Awesome!

Thanks for the great tutorial bro! Are these Wacom tablets really worth the cost for an amateur like me?

 
Comment by Mike Subscribed to comments via email
2007-09-18 10:49:43
Robert: Honestly I would say it really depends on what you like you to do in Photoshop or Illustrator and how often you do it. Can you get by with just the mouse or do you wish you had something more precise?

For me it was without a doubt worth every penny. I was on the fence for the longest time about getting one and then I just finally decided to go for it and get one of the Intuos tablets. I’ve never regretted that decision :)

 
Comment by krillz
2007-09-18 11:59:35
laptop touchpad + pen = not working!
Damnit I thought I had something cheap and cool going on here :P
 
Comment by Mark
2007-09-18 17:18:27
Nicely done, Mike! You’re going to do well here. ;)
 
Comment by Mike Subscribed to comments via email
2007-09-18 17:49:57
Thanks, buddy! :)
 
Comment by Vanessa
2007-09-22 21:16:29
Thank you for this! I’m a total beginner and needed something to make nice tree branches with. This is easy as pie. Yay!
 
Comment by Mike Subscribed to comments via email
2007-09-23 12:52:04
You’re welcome, Vanessa! I’m glad ya found it useful :)
 
Comment by Jeremy
2007-10-31 06:32:30
Thanks very much for explaining what “proportional” means (with your helpful visual example). When I read the Adobe Illustrator help version, I still had no idea what it meant (how unusual). Now I do. :-)
 
Comment by Jeremy
2007-10-31 06:37:57
Also, I’ve created a variety of custom brushes, similar to yours, where I do 3 versions: thin-thick-thin (like yours), thick-thin (so it just tapers from it being thick on one end to a thin rounded point on the other end). And then I reverse this thick-thin brush.

And I created tiny half circles to put on each end so that I can vary the degree of how thin the brush gets (as oppose to having it go to one point. I keep the “thick” half circle the same and then vary the length of the smaller half circle.

 
Comment by Zjoske Subscribed to comments via email
2007-11-02 18:59:17
Thanks a lot mate!

This tutorial helped me so damn much! I now use these homebrew brushes for vectoring hair, really useful i think ;)

thanks again and keep up the good work!

 
Comment by Sergio
2007-12-05 02:48:57
Hi Mike
Thanks a lot for the class
Howevwer Icant seem to be able to apply color to the brush,
Can it be done?
Sergio
 
Comment by jordan
2007-12-11 06:08:05
thank you very much ;) ;)
much appreciated for you.
 
Comment by Joy
2008-07-27 03:12:17
Thanks, I really need to know about this… I like designing
 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

| [GAS] Privacy Policy |