LETTERING + GRAPHIC
DESIGN LEARNING

Happy Tuesday! I’m not gonna lie, this week’s tutorial is one of my favorites. Essentially, we’re combining the watercolor photoshop brush tutorial from a few weeks ago with last week’s ribbon tutorial. And we’re doing it all in Illustrator and keeping things simple and easy 😉 We’ll start by taking some watercolor textures on transparent backgrounds (like these, these or these), and then directly convert them into watercolor texture brushes in Illustrator. You’ll be able to transform the textures into any shape using the brush tool to create beautiful results. Create them once, then save them out for infinite future uses, too! Read on to see how!

Pin it for later!

Create watercolor texture brushes in adobe illustrator

Create Watercolor Texture Brushes in Adobe Illustrator

Mentioned in the tutorial:

tuesday tips

Just like last week’s tutorial, here are the written how-to’s in case you need to reference this in the future!

  1. File > Place in your texture of choice. It must be on a transparent background (meaning it must be a transparent psd file or transparent png file). See this course (video #7) on how to remove backgrounds on your own textures.
  2. Once placed, scale your texture down. Use the shortcut: shift, alt, click and drag a corner to simultaneously scale every side of your texture at once. Remember, the size of the texture here will determine the default size of your brush. So! If you have a large artboard, go a little bigger – super small artboard, shrink that baby wayyy down.
  3. Before we can create the brush out of the texture, it needs to be rasterized. With the texture selected, go object > rasterize. When the rasterize settings pops up, be sure you select ‘transparent’ under the background category.
  4. Navigate to your brushes panel and hit the icon for a new brush. Select ‘Art Brush’ from the next pop up.
  5. In your art brush settings, make sure ‘stretch to fit stroke length’ is selected and the second overlap icon is selected.
  6. With your new brush selected, hit ‘b’ on your keyboard and draw a path! Scale the texture if needed using the stroke palette 🙂
  7. To save your new brush for future use, follow the instructions in this tutorial. Done!
Written by

Every-Tuesday designer + founder. I help ambitious graphic designers and hand letterers level-up their skills and creativity.

Latest comments
  • Hi Teela! Just saying thank you for your awesome tutorials 🙂
    You inspire me. Keep it up chica!

  • Hi Teela,

    Thank you for all your wonderful tutorials – very interesting ideas and clearly explained. Unfortunately, I had a terrible time with this. I spent hours trying to create a vector watercolor brush with one of the free textures you offer, and it wouldn’t work. It just, in AI, kept giving me the message: “The selected artwork contains an element that cannot be used in an art brush”. I did everything as you said, with the transparent background, etc. I’m so frustrated!

    Thanks,
    Allison

      • oh dear (sorry for the caps-lock, it won’t turn off). so i can’t do this in cs6? IS THERE A WAY TO JUST BUY AND DOWNLOAD YOUR BRUSHES?

  • I wish I could just buy a set of these!

    • Me too!

  • Hi Teela! I love your tutorials, I am wondering if there is a way to desaturate these watercolor brushes in Illustrator so that i can make them my own colors similar to the way you did in photoshop? Maybe you have a tutorial on this? Or maybe its not possible in Illustrator. Im a newbie! Thanks for all you do.
    Lauren

      • Thank you for your quick response!

LEAVE A COMMENT