7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

How to Make a Splatter Brush in Illustrator

Read Time: 9 mins
Final product imageFinal product imageFinal product image
What You'll Be Creating

In the following steps, you'll learn how to make a brush in Illustrator and how to save Adobe Illustrator splatter brushes.

Do you need a paint splatter vector that is compatible with Illustrator and ready to use? Paint Splatter Brush Art is a great option for you. Learning how to draw a paint splatter from scratch can take time. If you want to save hours of work, you can download this amazing paint splatter vector from Envato Elements. Just install it, and in a matter of seconds you'll be able to experience this amazing spray paint brush for Illustrator.

Paint a splash brush Paint a splash brush Paint a splash brush

What You'll Learn in This Adobe Illustrator Brush Tutorial

  • How to make a spray paint brush in Illustrator
  • How to draw a blood splatter brush in Illustrator
  • How to make a drip vector brush in Illustrator
  • How to make an ink splatter brush in Illustrator
  • How to draw a paint splatter brush in Illustrator

Follow along with us over on our Envato Tuts+ YouTube channel. Here you'll be able to find our recorded tutorial on how to make a spray paint brush in Illustrator and more amazing learning materials. 

1. How to Create a New Document and Set Up a Grid to Create Ai Splatter Brushes

Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width and height boxes, and then click that Advanced Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and Snap to Grid (View > Snap to Grid). You will need a grid every 5 px, so simply go to Edit > Preferences > Guides & Grid, and enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.

You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Now that you're set, let's start work on the Adobe Illustrator splatter brushes.

dew documentdew documentdew document

2. How to Create Your First Ai Splatter Brush 

Step 1

Pick the Ellipse Tool (M) and simply click on your artboard to open the Ellipse window. Set the Width and Height to 300 px and then click OK to create a 300 px circle.

ellipse tool circleellipse tool circleellipse tool circle

Step 2

Make sure that your circle is still selected, remove the stroke color, and focus on the fill. Apply a black to white gradient from the Swatches panel (Window > Swatches) and make it a radial gradient using the Radial Gradient button from the Gradient panel (Window > Gradient).

radial gradientradial gradientradial gradient

Step 3

Make sure that your shape stays selected and go to Effect > Texture > Grain. Move both sliders to 100 and select Contrasty from the drop-down menu, and then click OK. Doing this will help create that amazing splatter effect.

texture grain effecttexture grain effecttexture grain effect

Step 4

Go to Object > Expand Appearance, click the Image Trace button from the control panel, and open the Image Trace panel using that small button.

Drag the Threshold slider to 210 and then click the Advanced button. Set the Path to 80%, the Corners to 0%, and the Noise to 1 px. Uncheck the Snap Curves to Lines box and check the Ignore White box, and then click the Expand button from the control panel.

image traceimage traceimage trace

Step 5

Turn your group of shapes into one compound path (Object > Compound Path > Make or Control-8) and change its color to R=237 G=28 B=36. We'll use this compound path to create our scatter brush in Illustrator.

blood splatter brush illustratorblood splatter brush illustratorblood splatter brush illustrator

3. How to Create an Ai Splatter Brush 

Step 1

Pick the Ellipse Tool (L), create a 100 px circle, and fill it with R=46 G=49 B=146.

blue circleblue circleblue circle

Step 2

Using the same tool, create a 10 px circle and a 20 x 30 px oval shape. Fill both shapes with R=46 G=49 B=146 and place them as shown in the following image. Make sure that you leave a 45 px gap between these two shapes.

oval shapesoval shapesoval shapes

Step 3

Pick the Rectangle Tool (M), create a 20 x 65 px shape and place it as shown in the first image.

Focus on the top side of this rectangle and pick the Direct Selection Tool (A). Select the left anchor point and move it 5 px to the right, and then select the right anchor point and move it 5 px to the left.

Select the shape made in this step along with the two oval shapes made in the previous step, and click the Unite button from the Pathfinder panel (Window > Pathfinder).

rectangle pathfinder uniterectangle pathfinder uniterectangle pathfinder unite

Step 4

Make sure that the shape made in the previous step is still selected, and go to Effect > Warp > Bulge. Enter the settings shown in the following image, click OK, and go to Object > Expand Appearance.

warp bulgewarp bulgewarp bulge

Step 5

Now you can disable the Grid (Control-") and Snap to Grid (Shift-Control-"). Select that drip shape and place it roughly as shown in the first image.

Multiply this shape (Control-C > Control-V), resize these copies, and spread them as shown in the second image.

drip brush illustratordrip brush illustratordrip brush illustrator

Step 6

Pick the Pen Tool (P) and draw a path that makes the connection between those drips and the main circle a lot smoother, as shown in the first image.

Switch to the Ellipse Tool (L) and add some smaller drips, as shown in the second image.

drip brush illustratordrip brush illustratordrip brush illustrator

Step 7

Using the Pencil Tool (N), add a wavy path on the top half of the circle.

drip brush illustrator

Step 8

Select all your blue shapes and click the Unite button from the Pathfinder panel, and then turn the resulting group of shapes into a compound path (Object > Compound Path > Make or Control-8). We'll use this compound path to create a drip vector brush in Illustrator.

ink splatter brush illustratorink splatter brush illustratorink splatter brush illustrator

4. How to Save and Use Ai Splatter Brushes 

Step 1

Select your red compound path and click the New Brush button from the Brushes panel (Window > Brushes). Check the Scatter Brush box and click OK. Enter all the attributes shown in the following image, click OK, and you've got your paint splatter Illustrator brush. Start testing the splatter effect to see if you need to make some adjustments. 

scatter brush illustratorscatter brush illustratorscatter brush illustrator

Step 2

Select your blue compound path and again click the New Brush button from the Brushes panel (Window > Brushes). This time, check the Art Brush box, and click OK.

Check the Stretch Between Guides box and focus on that brush preview. Drag one of those guides where the drips start and the other where the drips end to make sure that this is the only section of the brush that stretches when you use the brush. Enter the rest of the settings shown in the following image, click OK, and you've got your paint splatter Illustrator brush.

Alternatively, you can change the color of this compound path to red and easily create a blood splatter brush in Illustrator. That's it—now you know how to draw a blood splatter digitally in Illustrator. 

art brush illustratorart brush illustratorart brush illustrator

Step 3

Finally, you can pick the Brush Tool (B), select one of your Adobe Illustrator splatter brushes, and test it.

how to make a brush in illustratorhow to make a brush in illustratorhow to make a brush in illustrator

Congratulations! You're Done With Your Ai Splatter Brushes!

Here's how your splatter brush and drip vector brush in Illustrator should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects.

Feel free to adjust the design of these Ai splatter brushes and their splatter effects to make them your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve any Illustrator brush.

splatter brush illustratorsplatter brush illustratorsplatter brush illustrator

Popular Ai Splatter Brushes From Envato Elements

Whether you're looking for an Illustrator splatter brush, an Illustrator ink splatter brush, an Illustrator paint splatter brush, an Illustrator drip vector brush, or even an Illustrator blood splatter brush, Envato Elements is the perfect place for you. Here's a short list of some of the most popular Adobe Illustrator splatter brushes that you can find.

50 Handmade Spray Paint Brush for Illustrator (AI, EPS)

This massive pack of 50 splatter brush vectors is perfect for creating any type of brush. Now that you know how to make a brush in Illustrator, you can easily turn any of these into a scatter brush in Illustrator.

scatter brush illustratorscatter brush illustratorscatter brush illustrator

Grunge Blots and Ai Splatter Brushes (AI, EPS, PDF)

This collection of vector grunge splash brushes is perfect for creating your own Adobe Illustrator brushes. You can combine separate elements to create different variations of Adobe Illustrator splatter brushes. It's amazing how much personality a splash brush can give to a design or illustration. 

adobe illustrator brushesadobe illustrator brushesadobe illustrator brushes

Watercolor Paint Splatter Brush Collection (EPS, PNG, SVG)

This colorful collection comprises 34 hand-painted watercolor paint brush splatter drops. Any of these assets can be easily turned into an Illustrator paint brush splatter or an Illustrator ink splatter brush in a matter of seconds. Create fun projects with this brush splatter in PNG and EPS. People will be surprised to learn that these splash brushes are all digital. They look so real!

blood splatter brush illustratorblood splatter brush illustratorblood splatter brush illustrator

20 Paint Splatter Illustrator Brushes and Textures (PSD, PNG)

If you're having a hard time learning how to draw a blood splatter, don't worry. This collection of isolated handmade ink splatter brushes and textures is the perfect solution if you're looking to create blood drip vector brushes in Illustrator.

paint splatter illustrator brushpaint splatter illustrator brushpaint splatter illustrator brush

Spray Paint Brush With Splatters (PNG, JPG)

This pack of handmade high-resolution ink splatter brush vectors is the ideal solution to create your own ink splatter brush in Illustrator. As with the previous collection, these paint splatter vectors can be easily turned into blood drip vector brushes in Illustrator. Use this brush splatter in PNG for your design projects!

blood drip brushes illustratorblood drip brushes illustratorblood drip brushes illustrator

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

Editorial Note: This post has been updated with contributions from Gonzalo Angulo. Gonzalo is a staff writer with Envato Tuts+.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.