How to Use Vector Charcoal Brushes in Adobe Illustrator

August 08, 2017

How to Use Vector Charcoal Brushes in Adobe Illustrator

Using vector charcoal and pencil brushes in Adobe Illustrator is a great way to give your work an authentic, handmade feel. 

When we released VectorSketch, a set of 40 charcoal and pencil brushes we got tons of emails asking us how we recommend using them. 

Of course, you can do whatever you want (and we've seen some designers create some amazing work). But we thought we'd share our favorite ways to use the brushes in our work here at RetroSupply. 

In this tutorial, you'll learn one standard method and a few unexpected ways to get great results with brushes in Adobe Illustrator. 



Do you sketch your work out on paper and then convert to vector?

VectorSketch is perfect for making the transition from sketch to Illustrator. You can maintain the traditional hand drawn look but keep all the benefits of vectors.

Here's an example of a piece of work I created using this method.

This example started as a piece of 1950s commercial art from an old catalog. First I scanned the work. Then I traced it with my tablet. Next I experimented with strokes until I found the brush that got the best results. 


Here's an easy way to give your typography a unique effect using Illustrator brushes. 

  1. Choose a bold, thick font (you want plenty of space to show off your velvety, charcoal textures).
  2. Duplicate the font and convert to outlines (Type > Create Outlines).
  3. Grab your favorite vector charcoal brush and start building up shading (try using a gray and setting the Blending Mode to Multiply).
  4. Once you're happy with your shading work place the outlined type on top of the texture and create a Clipping Mask (Object > Clipping Mask > Make).

Hint: This works extremely well with a 3D font or layered type system. I'm using Idler by Lamesville. If you're feeling ambitious try segmenting and shading a font yourself. San-serifs work well, for example, Gotham.

Here's an example I created in using two charcoal textures from VectorSketch.

3. Add a wash to your work

I discovered this little trick by accident after I created the brushes. 

Choose a brush and set it to a large setting. For example, I'm working on an 1160x772 pixel artboard, so I set the brush to 4pt. 

Then set the brush to Multiply. Now use it as a watercolor brush! Layer your strokes to create different shades.

Here's an example I made using this technique. Pretty real looking, right?

That's all for now. I hope you gleaned a useful nugget of vector awesomeness from this article!

Got any other ideas for how to use the brushes? I'd love to know!

Respond in the comment section below.

Want This Texture Pack?

Great news, it's for sale! Grab VectorSketch now and get 40 charcoal and pencils brushes inspired by real 1950s source material. Plus, it's only $19! For less than the price of getting a pizza delivered you can have your set of lovingly made charcoal brushes forever!

Leave a comment

Comments will be approved before showing up.

Also in Tutorials

Create a Hand-Painted Effect with the DragStrip Brush Set
Create a Hand-Painted Effect with the DragStrip Brush Set

August 14, 2017

Learn how vector master Von Glitschka creates painterly artwork in Adobe Illustrator using the DragStrip brush pack (and a few unique tricks he developed) in this easy to follow infographic.

View full article →

The Ultimate Guide to Retro Font Pairing
The Ultimate Guide to Retro Font Pairing

July 22, 2017

Every tried to pair fonts together and it looked like Font Book puked on the screen?

Use this guide to learn the basics of retro font pairing. You'll use typography to create eye-catching combinations for your brand, side projects, and clients.

View full article →

[INFOGRAPHIC] How to Roughen Your Typography
[INFOGRAPHIC] How to Roughen Your Typography

July 09, 2017

Imperfect type is important. Look at one of your old comic books, the work of Clark Orr, or a book like Mail Order Mysteries. In this infographic, I'll show you how to roughen your typography oh-so-subtly in Adobe Illustrator. 

View full article →