Have you ever wanted to add some stippling texture to your flat illustrations, maybe to give them some depth and interest?
I'm Brian Wood, I'm a Creative and a Content Strategist for the Adobe MAX team.
Let me show you how to add some serious interest to your artwork and text using Scatter Brushes in Illustrator.
A Scatter Brush is a brush that actually takes your artwork
Understanding scatter brushes and source artwork
and scatters it along a path.
To make a Scatter Brush, you need to start with some artwork.
You can use any vector artwork, simple dots, scattered shapes, and more.
Creating the scatter brush from vector artwork
We'll start with artwork that looks like this.
To make this, I'll make a simple dot, then make a copy, blend them together using the Blend options, so you can edit the individual circles, expand the artwork, make some more copies, and then transform them to give them a scattered appearance.
I usually adjust things like the Scale and select Random, so it transforms them randomly.
I Move them, maybe Rotate them, and you can do whatever you want here, and click OK.
To make the brush, open the Brushes panel, make sure the artwork is selected and click to make a brush choose Scatter Brush, so it makes the right kind and click OK.
There are tons of options you can set for a Scatter Brush.
We're going to adjust these later after we apply the brush to a path, so you can see those changes in real-time.
Click OK.
Applying the scatter brush to paths and shapes
Now draw a path to apply your scatter brush to.
Remove the fill if the path has one.
You can always adjust the path later, don't worry.
In the Brushes panel, click to apply the brush and you can see how it scatters that artwork along the path.
Now we're going to take this path and we're going to apply it to this shape.
With this shape selected, choose Draw Inside.
That way you can add something inside of the shape, but basically make a mask.
Cut the path and paste it, move it around and adjust the endpoints to follow the curve however you want.
I want the scattered artwork to look a little more like this,
Refining scatter brush behavior and randomness
so we'll adjust the brush using the options we first saw when we made it.
In the Brushes panel, double click that brush you made.
With Preview selected, let's orient the artwork to the curve of the Path.
Now we're going to make the artwork bigger or smaller.
You can change the Spacing between each instance of the artwork, Scatter actually moves it closer or further from the path, and Rotation just rotates the artwork.
For any of these, you can actually choose Random and set a range.
This can be really helpful if you want it to look a little more organic, like the Size can be from this size to this size.
I'm going to refine my settings.
So, why don't you experiment?
If you want to change the color of the artwork in the Scatter Brush,
Colorizing and finishing textured artwork
you want to choose a Colorization method here.
I typically choose Tints or Tints and Shades.
That way when you set the stroke color of the path, it'll be that color.
Otherwise it stays black, the original artwork color.
If you want to learn more about it, click on this little Light Bulb.
Click OK and you'll want to apply these new brush changes to that path.
You can also refine the look by changing the Stroke Weight or the Stroke Color now that I chose Tints by changing the Opacity and even the Blend mode and a lot more.
Make sure to choose Draw Normal so you stop editing that artwork.
By creating Scatter Brushes, you can add all kinds of textures to your projects like this or this or this.
These were all made with Scatter Brushes.
We've supplied some artwork, so go ahead and try to make your own and apply it to the rest of the shapes and see what you come up with.
Note: Stock assets provided are for practice purposes only. See terms.
What you'll learn
Make artwork for a brush
Discover different kinds of vector artwork you can use to make your own scatter brush, and dive into making a random dot pattern to start with.
Create and refine a Scatter brush
With artwork ready, you’ll create and edit the properties for a scatter brush. Once created, you’ll apply the scatter brush to a path and use Draw Inside mode to add it to an existing shape.
Refine the artwork appearance
To get the texture just right, explore ways to change the appearance of the artwork scattered along the path, including color, weight, opacity, and blend modes!
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.