Web Development: How to Make a Splatter Brush in Illustrator

How to Make a Splatter Brush in Illustrator

Final product image — What You'll Be Creating

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

What You'll Learn in This Adobe Illustrator Brush Tutorial

How to make a brush in Illustrator
How to make a blood splatter brush in Illustrator
How to make a drip brush in Illustrator
How to make an ink splatter brush in Illustrator
How to make a paint splatter brush in Illustrator

Follow along with us over on our Envato Tuts+ YouTube channel:

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

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 the work on the Adobe Illustrator brushes.

2. How to Create the First Splatter Brush in Illustrator

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.

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).

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.

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.

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.

3. How to Create an Ink Splatter Brush in Illustrator

Step 1

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

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.

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).

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.

Step 5

Now you can disable the Grid (Control-") and the 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.

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.

Step 7

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

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 brush in Illustrator.

4. How to Save and Use Splatter Brushes in Adobe Illustrator

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.

Step 2

Select your blue compound path and again click that 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 will be the only section of the brush that will stretch 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.

Step 3

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

Congratulations! You're Done!

Here's how your Illustrator blood drip brushes should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects. Don't hesitate to share your final result in the comments section.

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

Popular Adobe Illustrator 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 brush, or even an Illustrator blood splatter brush, Envato Elements is the perfect place for you. Here's a short list with some of the most popular Adobe Illustrator splatter brushes that you can find.

50 Handmade Splatter Vectors (AI, EPS)

This massive pack of 50 splatter 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.

Grunge Blots and Splashes (AI, EPS, PDF)

This collection of vector grunge splashes is perfect for creating your own Adobe Illustrator brushes. You can combine separate elements to create different variations of Adobe Illustrator splatter brushes.

Watercolor Paint Drop Collection (EPS, PNG, SVG)

This colorful collection comprises 34 hand-painted watercolor paint drops. Any of these assets can be easily turned into an Illustrator paint splatter brush or an Illustrator ink splatter brush in a matter of seconds.

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

This collection of isolated handmade ink splatter brushes and textures is the perfect solution if you're looking to create blood drip brushes in Illustrator.

Spray Paint Splatter Set (PNG, JPG)

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