Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 23, 2023 09:24 am

How to Make a Watercolor Brush in Adobe Illustrator


Always wondered how to make a watercolor brush in Illustrator, but never knew exactly where to start? Although the software already comes with a default set of watercolor brushes, you can always build your own Illustrator watercolor paintbrushes using the three simple methods that I'm going to present in the following tutorial.


The ability to create your own vector brushes can easily make your work stand out, taking a common design idea and making it your own.


See how easy it is to take an ordinary paint brush such as the Bristle Brush, and turn it into a tool that you can use for drawing and shading in Illustrator. So, if you want to learn how to make a brush in Illustrator and how to paint in Illustrator, follow me as I'm going to show you how easy it is.


Do you prefer to learn how to make a watercolor in Illustrator by watching a video tutorial? Follow along with us over on our Envato Tuts+ YouTube channel:





What You'll Learn in This Watercolor Brush Illustrator Tutorial



  • How to use the default watercolor brushes found in Adobe Illustrator

  • How to create your own custom watercolor brushes using a Bristle Brush

  • How to create a custom watercolor brush using a scanned image

  • How to create a custom watercolor brush using the Image Trace function



1. How to Use the Default Watercolor Brushes Found in Adobe Illustrator


By default, Illustrator comes with its own pack of watercolor Ai brushes, which can be accessed from within the Brushes panel.


Step 1


Bring up the Brushes panel, and then click on the Brush Libraries Menu located in the bottom-left corner, and navigate to Artistic > Artistic_Watercolor.


example of locating the default watercolor brushesexample of locating the default watercolor brushesexample of locating the default watercolor brushes

Step 2


A new window should pop up, giving you the option of choosing from 12 different available watercolor Illustrator brushes.


example of included watercolor brushesexample of included watercolor brushesexample of included watercolor brushes

Step 3


To use any of the watercolor Ai brushes, simply select it and then grab the Paintbrush Tool (B) and draw as you would normally do, using either the mouse or a graphics tablet.


example of using one of the included watercolor brushesexample of using one of the included watercolor brushesexample of using one of the included watercolor brushes

Step 4


You can easily adjust the brush’s color by changing its Stroke value as you would do with any other shape.


example of changing the color of one of the default watercolor brushesexample of changing the color of one of the default watercolor brushesexample of changing the color of one of the default watercolor brushes

Step 5


You can also adjust the thickness of a brush or brushstroke by increasing or decreasing its Stroke’s Weight, depending on what you’re trying to achieve.


adjusting the weight of the default included watercolor brushesadjusting the weight of the default included watercolor brushesadjusting the weight of the default included watercolor brushes


2. How to Create Your Own Custom Watercolor Brushes Using a Bristle Brush


We covered how to use a watercolor brush from the included kit, although they're a little basic. What if you wanted to create one of your own—one that would be a little bit more attractive, let’s say?


Well, you can, and I’m going to show you three different methods to create watercolor Illustrator brushes.


According to Adobe, a Bristle Brush allows you to create “natural and fluid brush strokes that simulate the effects of painting with real brushes and media such as watercolor”.


By default, Illustrator comes with its own set of bristle brushes, which you can easily access by opening up the Brushes panel, and then clicking on the Brush Libraries Menu.


A new dropdown list will appear, giving you eight predefined brush categories, the fourth one being Bristle Brush.


example of locating the bristle brushesexample of locating the bristle brushesexample of locating the bristle brushes

Once you open up the Bristle Brush Library, a new window will appear, giving you a total of 14 different assets that you can choose from, each one producing a completely different result.


preview of the included bristle brushespreview of the included bristle brushespreview of the included bristle brushes

But what if we wanted to create our own custom bristle brush? Well, you can actually create your very own brush from scratch, as we are going to see in the following moments.


Step 1


To create a custom watercolor paintbrush, start by opening up the Brushes panel again, and then simply clicking on the New Brush button found in the bottom-right corner.


example of using the new brush buttonexample of using the new brush buttonexample of using the new brush button

Step 2


A new window prompt will appear, asking you what type of brush you want to create. We’re going to make sure we select Bristle Brush and then click on OK.


example of setting the brush type to bristleexample of setting the brush type to bristleexample of setting the brush type to bristle

Step 3


As soon as you hit OK, Illustrator will bring up the Bristle Brush Options window, where you’ll be able to give your new brush a custom name and then fine-tune its different settings. For now, let’s name it so that we can easily identify it later on.


giving the custom bristle brush a namegiving the custom bristle brush a namegiving the custom bristle brush a name

Step 4 


If we move down, we’ll see an option called Shape, which lets us choose from ten different brush head types, giving us a quick preview so that we know what to expect.


For this current example, I’m going to go with a Round Point one, but feel free to try something different if you feel like experimenting on your own.


example of choosing a brush shapeexample of choosing a brush shapeexample of choosing a brush shape

Step 5


We then have Size, which as the name suggests allows us to control the width or diameter of our brush. Personally, I’m going to set it to 6 mm, which should make it easier to see what the other options do.





tip

If you take a close look above the current option, you’ll notice that you have a little preview window, which will show you exactly how your settings will affect the final brush. So make sure you keep a close eye on it once you start fine-tuning.



adjusting the size of the bristle brushadjusting the size of the bristle brushadjusting the size of the bristle brush

Step 6


Moving on down, we have Bristle Length, which lets us adjust the distance between the bristle’s tip and the point where it meets the handle.


By definition, a bristle is a short, stiff coarse hair of filament from certain animals, usually pigs, used for making brushes. That being said, any setting that has the word “bristle” within its label will actually control features of the brush’s hair segments.


When adjusting the length of the bristle, you need to know that the greater the length is, the denser and wider the brush will end up being.


example of different bristle lengthsexample of different bristle lengthsexample of different bristle lengths

I’m going to increase the default value to 120%, which will give me a slightly greater length.


adjusting the length of the bristle brushadjusting the length of the bristle brushadjusting the length of the bristle brush

Step 7


Next, we have Bristle Density, which controls the number of bristles found within the brush’s tip and is calculated based on the brush Size and Bristle Length.


example of different bristle densitiesexample of different bristle densitiesexample of different bristle densities

I’m going to go with a value of 20%, which will give me that nice transparent overlapping that watercolor paints are known for.


adjusting the density of the bristle brushadjusting the density of the bristle brushadjusting the density of the bristle brush

Step 8


We then have Bristle Thickness, which as the name suggests controls the thickness of the watercolor stroke's composing bristles.


example of different bristle brush thicknessexample of different bristle brush thicknessexample of different bristle brush thickness

For our current example, I’m going to set the thickness to 20%, but feel free to go higher if you want to.


adjusting the thickness of the bristle brushadjusting the thickness of the bristle brushadjusting the thickness of the bristle brush

Step 9


The fifth option is Paint Opacity, and it controls the opacity level of the paint, which can vary from translucent to fully opaque.


example of different bristle brushes paint opacitiesexample of different bristle brushes paint opacitiesexample of different bristle brushes paint opacities

Since I want the paint to be relatively subtle, I’m going to lower the default value to 64%.


adjusting the opacity of the bristle brushadjusting the opacity of the bristle brushadjusting the opacity of the bristle brush

Step 10


Finally, we have Stiffness, which controls the rigidity of the bristles when you're doing a watercolor stroke. The lower the value you end up using, the more flexible the bristles will become, which will affect how the traced paint ends up looking.


example of different stiffness levelsexample of different stiffness levelsexample of different stiffness levels

Since I want the watercolor paintbrush to look and feel more flexible, I’m going to use a value of just 24%.


adjusting the stiffness of the bristle brushadjusting the stiffness of the bristle brushadjusting the stiffness of the bristle brush

How to Use the Custom Watercolor Bristle Brush


Let's see how to paint in Illustrator. We’ve just finished creating our custom watercolor bristle brush, but how do we actually put it to use to get a watercolor effect in Illustrator?


To use the brush, all you have to do is select it from within the Brushes panel, and then start drawing using the Paintbrush Tool (B).


Now, personally I’m not much of a painter myself, but if you add a graphics tablet and some patience to the mix, you can quickly take it up a level once you get used to how it handles.


example of drawing using the custom bristle brushexample of drawing using the custom bristle brushexample of drawing using the custom bristle brush

You can easily adjust the color of the brush or brushstrokes by simply selecting them and then changing their Stroke color as you would normally do. That's how you create a watercolor illustration!


example of adjusting the color of the custom bristle brushexample of adjusting the color of the custom bristle brushexample of adjusting the color of the custom bristle brush

You can also adjust the thickness of the watercolor strokes by opening up the Stroke panel and then simply lowering or increasing them depending on what you’re trying to achieve.


adjusting the thickness of the custom bristle brushadjusting the thickness of the custom bristle brushadjusting the thickness of the custom bristle brush

If you need to, you can always adjust the bristle brush by double-clicking on it from within the Brushes panel, and then simply carrying out the desired adjustments using the live preview, which will update all your brushstrokes once you hit OK.


example of fine-tuning the custom bristle brushexample of fine-tuning the custom bristle brushexample of fine-tuning the custom bristle brush


3. How to Create a Custom Watercolor Brush Using a Scanned Image


This second method of creating a watercolor Illustrator brush is a little more elaborate, since we’ll be combining real-life, traditional painting methods with digital ones.


For a realistic watercolor illustration, you’ll need the following resources in order to get started:



  • watercolor paints

  • watercolor paper

  • some paintbrushes

  • a cup of water

  • an image scanner or phone camera


required resourcesrequired resourcesrequired resources

Step 1


Start by putting a little bit of water on your paper using a clean brush. Then, quickly add some color, letting it spread as you drive the brush through the water. Give it a couple of goes, and once you feel you’ve got an interesting result, move on to the next step.


example of drawn watercolor brush strokesexample of drawn watercolor brush strokesexample of drawn watercolor brush strokes

Step 2


Using either an image scanner or your phone’s camera, transfer the image to your computer, and then isolate the watercolor brush strokes using Photoshop or any other image editing tool that you have at hand.


Take your time, making sure to remove the white background, and then save it using a file format that supports transparency. Depending on the method used to import the brushstrokes, you can also adjust the resulting image by playing with its exposure level, brightness, etc.


example of isolating the drawn brush strokesexample of isolating the drawn brush strokesexample of isolating the drawn brush strokes

Step 3


Next, we’re going to isolate each of the brushstroke segments and save each one as its own transparent image file. Once you’re done, go back into Illustrator and create a new document (Control-N), and then place the desired image inside it by going to File > Place, or by using the Shift-Control-P keyboard shortcut.


placing the scanned brush stroke inside of illustratorplacing the scanned brush stroke inside of illustratorplacing the scanned brush stroke inside of illustrator

Step 4


Once we’ve placed the file within Illustrator, we need to rasterize it by heading over to Object > Rasterize, making sure to set the Background to Transparent from within the pop-up window.


example of rasterizing the image within illustratorexample of rasterizing the image within illustratorexample of rasterizing the image within illustrator

Step 5


Next, we’re going to want to considerably resize the rasterized image so that we can turn it into a proper digital watercolor Ai brush.


example of resizing the scanned imageexample of resizing the scanned imageexample of resizing the scanned image

Step 6


All we have to do now is open up the Brushes panel, and with the image selected, simply click on the New Brush button.


example of creating a new brush using the scanned imageexample of creating a new brush using the scanned imageexample of creating a new brush using the scanned image

Step 7


A new pop-up window should instantly appear, giving you a list of five different types of brushes that you can create. Make sure you select Art Brush and then hit OK.


creating an art brush using the scanned imagecreating an art brush using the scanned imagecreating an art brush using the scanned image

Step 8


A new Art Brush Options prompt will appear, allowing you to adjust some of its settings, including its name. All you have to do now is choose a Direction for your brush, and after you’ve made sure that the Stretch to Fit Stroke Length and Adjust corners and folds to prevent overlaps options are checked, simply click on OK.


art brush optionsart brush optionsart brush options

How to Use the Custom Watercolor Scanned Brush


So we’ve gone through the process of taking real-life watercolor brush strokes and turning them into a digital brush, but how do we go about using it?


Well, it’s really simple. Just select it from within the Brushes panel and then use the Paintbrush Tool (B) to draw the desired brushstrokes. That's all the trick in how to paint in Illustrator!


example of using the watercolor art brushexample of using the watercolor art brushexample of using the watercolor art brush

Unfortunately, since we’re using an image, we can’t change the colors of the watercolor paintbrush. On the other hand, if we need to change some of the other settings like its Direction, you can easily do that by double-clicking on it from within the Brushes panel and carrying them out from within the Art Brush Options window prompt.



4. How to Create a Custom Watercolor Brush Using the Image Trace Function


The third and last method is probably my favorite one since it gives us total control over our brush, as we are going to see in the following moments.


Step 1


As we did with the previous method, start by placing an image of the desired brushstroke in Illustrator and then quickly scaling it down to something smaller, making sure to Rasterize it afterwards (Object > Rasterize > Background > Transparent).


placing and shrinking the scanned image for the image trace functionplacing and shrinking the scanned image for the image trace functionplacing and shrinking the scanned image for the image trace function

Step 2


Open up the Image Trace window (Window > Image Trace), and then set the Preset to High Fidelity Photo, making sure to lower the number of Colors, since depending on your scanned brushstroke, it can greatly affect your computer’s performance, due to the high number of Paths and Anchors that the software will end up producing.


If you really want to, you can expand the Advanced settings, where you have a few more options that allow you to control the number of Paths and Curves and the amount of Noise, but I’m just going to leave them as they are for this example.


setting the preset for the image trace functionsetting the preset for the image trace functionsetting the preset for the image trace function

Step 3


Once you’re ready, all you have to do is click on the Expand button found within the interface’s top bar, which will convert our image into a plethora of paths.


converting the scanned image into strokesconverting the scanned image into strokesconverting the scanned image into strokes

Step 4


Next, we need to remove all the white space surrounding our brush, by first clicking on the white space found inside the resulting trace’s bounding box, and then going to Select > Same > Fill Color and immediately pressing Delete.


removing the white section of the traced imageremoving the white section of the traced imageremoving the white section of the traced image

Step 5


At this point, we can open up the Brushes panel and create a new brush, making sure to set its type to Art Brush.


creating a new art brush using the traced imagecreating a new art brush using the traced imagecreating a new art brush using the traced image

Step 6


As soon as you hit OK, the Art Brush Options window prompt will appear. Here we’ll want to give the brush a custom name, and then change its Colorization Method to Tints and Shades so that we can change its color later on.


Leave the Key Color as the default, making sure that the Stretch to Fit Stroke Length and Adjust corners and folds to prevent overlaps options are checked. Then simply click OK.


adjusting the settings for the traced image brushadjusting the settings for the traced image brushadjusting the settings for the traced image brush

How to Use the Traced Watercolor Brush


At this point, you might be wondering why we created a second brush using a scanned image. Well, if the second method didn’t offer us any versatility when it came to editing the color of our brush, this third one fixes the problem, opening up a world of possibilities in how to use a watercolor brush in the software.


To use the brush, you first have to set a color for your Stroke, and then simply follow the same process as before, where you select it from within the Brushes panel and then use the Paintbrush Tool (B) to draw the desired brushstrokes.


example of using the traced watercolor brushexample of using the traced watercolor brushexample of using the traced watercolor brush

If you want to, you can easily change the color of the brush by giving its Stroke a new value, which will always produce an interesting effect, as you can see. Note that not all colors will work perfectly, so play around with them until you find those that do.


changing the color of the traced watercolor brushchanging the color of the traced watercolor brushchanging the color of the traced watercolor brush

Great Job! You're an Expert In Watercolor Ai Brushes!


So there you have it: three completely different methods of creating your own watercolor Illustrator brushes that you can use in any future projects.


As always, I hope you had fun working on the project and most importantly managed to learn how to make a watercolor in Illustrator and how to paint in Illustrator in the process.


finished project previewfinished project previewfinished project preview

5 Top Adobe Illustrator Watercolor Brushes to Expand Your Brush Library


Want to build a larger library brush, but don’t quite have the time to make your own? Well, if that’s the case, Envato Elements can be a great solution. It offers a large variety of unlimited Illustrator brushes so you can create watercolor textures in Illustrator. 


Take a look at this selection of watercolor Illustrator brushes. They're included with an Envato Elements subscription. You'll also get unlimited downloads of add-ons for Illustrator and Photoshop, premium fonts, graphics, and more!


1. Vector Watercolor Brush Illustrator Kit (AI)


Vector Watercolor Brush Illustrator Kit (AI)Vector Watercolor Brush Illustrator Kit (AI)Vector Watercolor Brush Illustrator Kit (AI)

Wondering how can you quickly create watercolor textures and watercolor illustrations in Ai? Check out this professional watercolor effect Illustrator kit. It includes 34 unique vector watercolor brushes made from real strokes.


2. Watercolor ProBrush Pack (AI)


Watercolor ProBrush Pack (AI)Watercolor ProBrush Pack (AI)Watercolor ProBrush Pack (AI)

This pack of Adobe Illustrator watercolor brushes is one of the most comprehensive you'll find. You'll get 83 high-quality handmade brushes to create watercolor textures in Illustrator. This watercolor brush stroke Illustrator kit is divided into several categories for easier access.


3. Set of Watercolor Brushes and Textures (AI, EPS)


Set of Watercolor Brushes and Textures (AI, EPS)Set of Watercolor Brushes and Textures (AI, EPS)Set of Watercolor Brushes and Textures (AI, EPS)

This is a set of 36 handmade watercolor brushes and 6 textures in vector format. The main folder contains AI and EPS files. Just drop the desired brush into the Brush panel and create your watercolor effect in Illustrator.


4. Watercolor Brush Illustrator Pack (AI)


Watercolor Brush Illustrator Pack (AI)Watercolor Brush Illustrator Pack (AI)Watercolor Brush Illustrator Pack (AI)

Looking to create a watercolor effect in Illustrator with a realistic look? This set of Adobe Illustrator watercolor brushes is for you.


This pack features a huge range of authentically textured strokes that were sampled from real watercolors for maximum authenticity. You'll get 55 brushes to make Illustrator watercolor paintings.


5. Modern Watercolor Brush Illustrator Set (AI, EPS)


Modern Watercolor Brush Illustrator Set (AI, EPS)Modern Watercolor Brush Illustrator Set (AI, EPS)Modern Watercolor Brush Illustrator Set (AI, EPS)

If you prefer to make a modern watercolor effect in Illustrator, this is the pack for you. The watercolor painting Adobe Illustrator kit works perfectly for posters, business cards, banners, invitations, and much more.


The collection consists of 44 authentic brushstrokes made on paper, then scanned, vectorized, and cleaned up. It's a fantastic watercolor brushstroke Illustrator set for your library. 


Expand Your Adobe Illustrator Skills!


Just started out using Adobe Illustrator, but haven't quite gotten the hang of it? Try our fabulous beginner's course, which will teach you how to use Adobe Illustrator from the ground up.





Or try this list of useful Illustrator tutorials:




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

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