Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
May 8, 2019 11:00 am

How to Make a Brush in Illustrator

As a digital artist, you’re constantly looking for new ways of visually
enhancing your illustrations, one of the most commonly used methods being that
of applying textures through the use of brushes.

As we speak, there are thousands upon thousands of brush packs out there,
but what if you find yourself in the position where you actually need to create
one of your own?

Well, the process of creating custom brushes in Illustrator can
sometimes prove to be a real challenge and will require
you to think outside the box, since there are often multiple methods
of achieving the same result.













In this tutorial, I’m going to share
with you some of my secret recipes and bring you along as I start building
three different brushes from scratch. Then I'll show you how you can use them to bring your illustration to life.

Also, don't forget you can always expand your brush library by heading over to Envato Elements, where you'll find a great selection of vector brush sets to pick from.

You can view this video and many more on our Envato Tuts+ YouTube Channel.




1. How to Use the Default Illustrator Brushes

Before we begin, I
wanted to point out that by default, the software comes packed with a couple
of brush packs, which can be found by opening up the Brushes panel and clicking on the Brush Libraries Menu.





Here, you’ll find eight distinct categories, which contain different
brush types that you can select and then use with the help of the dedicated Paintbrush Tool (B).

where to find the included illustrator brushes

While they’re not
bad by any means, in some cases they might end up limiting your creativity,
which is why sometimes you’ll want to take the time to create one of your own in order to fill a specific need.

example of included illustrator brushes





In our case, we’re going to take a look at the process of creating a
custom paint brush, a scatter brush, and a texture brush, using nothing more
than some basic geometric shapes and effects.


2. How to Set Up a New Document

Let’s kick off our little project by heading over to File > New, or by using the Control-N
keyboard shortcut in order to create a New Document, which we will adjust as follows:



  • Profile: Web


  • Number of Artboards: 3


  • Spacing: 120 px


  • Width: 600 px


  • Height: 280 px

setting up a new document


3. How to Create a Paint Brush

Now that we’ve finished setting up our project
file, we can zoom in on the first Artboard
where we’re going to gradually build our custom Paint Brush.

Step 1

Before we begin, we’re going to want to clear
out all the default brushes. To do so, simply open up the Brushes panel, and then from its Advanced menu, click on Select
All Unused
, and remove them using the Delete Brush button.

example of removing the default brushes

Step 2

Once you’re done, select the Blob Brush Tool, which can be found
underneath the Paintbrush Tool or
by using the Shift-B keyboard
shortcut, and then draw a short horizontal line, making sure to keep it as
straight as possible.

creating a trace using the blob brush tool

Step 3

As soon as you have your line, switch over to
the Eraser Tool (Shift-E) and then adjust its
shape by cutting off its round ends, making sure to remove the remaining
segments afterwards.

adjusting the sides of the blob brush trace

Step 4

Next, we’re going to give it a more hand-made
look by heading over to Effect > Distort
& Transform > Roughen
, which should bring up a new window prompt
that will allow us to fine-tune the effect as follows:



  • Size: 1 px (Absolute)


  • Detail: 4


  • Points: Smooth

As soon as you hit OK, Illustrator will apply the effect to the shape as a live
effect, which we’re going to change by heading over to Object > Expand Appearance.

adding the roughen effect to the blob brush trace

Step 5

Create two copies of the resulting shape, which
we will position above and below the original, making sure to adjust them
afterwards by shortening their width and height in order to add variation.

creating two copies of the blob brush trace

Step 6

Once you’re happy with the result, select all
three shapes and combine them into a single larger one by opening up the Pathfinder panel and using its Unite Shape Mode.

uniting the blob brush traces

Step 7

Before we move on, we need to change the color
of the resulting shape, since otherwise we might not be able to do it
afterwards when we turn it into a brush.

changing the color of the resulting blob brush trace

Step 8

All you have to do now is open up the Brush panel and click on
the New Brush button, making sure to
set the Brush Type to Art Brush.

turning the blob trace into a brush

Step 9

Once you hit OK, a new window prompt will appear, giving you a couple of options.
We’ll want to give our brush a custom name, leaving all the other settings as
they are—all except for the Colorization
Method
, which we will set to Tints
and Shades.

adjusting the settings of the art brush

Step 10

As soon as we hit OK, our newly created brush should now be added to the Brushes panel, which means that we can
select the Paintbrush Tool (B) and test it out.

example of using the custom created paint brush


4. How to Create a Scatter Brush

Once we’ve finished working on our first brush,
we can move on down to our second Artboard,
where we’re going to take a look at the process of creating a scatter
brush.

Step 1

Start by selecting the Ellipse Tool (L) and using it to draw a 64 x 64 px circle, which we will position in the center of the
underlying Artboard.

creating the main shape for the scatter brush

Step 2

Give the shape a custom grain
effect by heading over to Effect >
Photoshop Effects > Texture > Grain
and setting it as follows:



  • Intensity: 20


  • Contrast: 100


  • Grain Type: Stippled

example of adding a grain effect to the circle

Step 3

Next, we need to turn the resulting effect into
a raster image, so that we can trace it later on. To do this, head over to Object > Rasterize, and then make
sure that the Resolution is set to Screen, the Background to Transparent, and the Anti-aliasing to Art Optimized, and hit OK.

rasterizing the grain effect for the circle

Step 4

Once we’ve
rasterized the effect, we can now open the Image Trace panel, which can be found under the Window top menu.





Here, we’re going to leave the Preset
to Default, and then set the Mode to Black and White, making sure to enable the little Preview box.

Moving on down, we
have the Threshold, which we’re going to
set to 120, followed by an Advanced menu, which we’ll want to
expand.





Set the Paths to 64%, the Corners to 0%, and the
Noise to 1 px, making sure to enable the Ignore
White
option.

Since the grain
effect is always randomized, you might get a slightly different result, so if
you feel that you need to adjust some of the tracing values, please go ahead and
do so.





Once you’re done, click the Expand
button, which should give you a vectorized trace of the rasterized grain
effect.

Step 5

Since we want to be able to use the brush on
smaller surfaces, we’re going to select the resulting trace and then scale it
down by half. So right-click and
then go to Transform > Scale and
enter a value of 50% in the Uniform input box.

resizing the resulting trace for the circle

Step 6

As with the previous brush, we need to change
the color of the resulting trace, since otherwise we won’t be able to do so
once we turn it into a brush.

example of changing the color of the traced circle

Step 7

All we have to do now is open up the Brushes panel and create a new Scatter Brush, making sure to give it a
custom name.

Quick tip: as you can see, we
can’t preview any of the adjustments in this initial window, so we’re going
to leave all of the options as they are, and then draw a short line using the Paintbrush tool. We can then double-click on our custom brush from within the panel,
which should now give us the preview option.

We’ll want to start by lowering the Spacing to about 60%, and then setting the Rotation
to Random, giving it a minimum value
of and a maximum one of 48°.

Finally, make sure you set the Colorization Method to Tints and Shades and then simply hit OK
in order for the changes to take effect.

The software will then ask us if we want to
apply the changes to our existing brush stroke, which we do.

adjusting the scatter brush settings


5. How to Create a Texture Brush

Once you’re done, position yourself on the
remaining Artboard, where we will
create our third and last brush.

Step 1

Start by creating an 80 x 32 px rectangle, which we will position in the center of the
underlying Artboard.

creating the main shape for the texture brush

Step 2

Once you have the shape in place, give it a
custom grain effect by heading over to Effect
> Photoshop Effects > Texture > Grain
and setting its Intensity to 4 and the Contrast to 32.

adding the grain effect to the rectangle

Step 3

Next, we’re going
to want to rasterize the resulting effect as we did for the previous brush, in
order to be able to trace it afterwards.





Once you’re done, go through the same tracing process, only this time
set the Threshold to 96, the Paths to 84%, the Corners to 0%, and the Noise to 1 px, making sure to enable the Ignore White option.

tracing the resulting rectangle effect

Step 4

Expand the trace, and then turn the resulting
effect into an Art Brush, giving it
a custom name, and making sure to set its Colorization
Method
to Tints and Shades.

adjusting the settings for the texture brush


6. How to Add the Custom Brushes to the Brush Library

All we have to do now is add the custom brushes
to our library so that we can access them within any future project.

Step 1

To do so, simply open up the Brush Libraries Menu and click on
Save Brushes, making sure to give
the file a custom name.

example of how to save the custom brushes

Step 2

You can then access the brushes by opening up
the Brush Libraries Menu again and checking under User Defined.

example of how to load the custom brushes

Awesome Job!

As always, I hope you had fun watching this video and most importantly managed to learn something new and useful during the process!

Expand Your Adobe Illustrator Skills!

Just finished going through this quick tutorial, and feel like learning more? Well, if that's the case, you're in luck, since I took the time to put together this little list that should get you up and started in no time!


Original Link: https://design.tutsplus.com/tutorials/how-to-make-a-brush-in-illustrator--cms-32955

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design