Illustrator Tutorial: How to Create Custom Gradient Brushes

July 15, 2010

Have you ever tried to create a gradient brush out of an object with a gradient? Have you ever been frustrated by the fact that Illustrator doesn't allow you to do this? Today, I will teach you a work-around to this problem. I am going to teach you how to create a custom gradient brush that can be used in all of your designs. This is a beginners tutorial however, this technique is very powerful and useful for everyone including anyone from junior designers to a skilled professionals. This gradient brush trick can be used for your next logo design, your next stationery design or your business cards.

Step 1: Creating a Blend

You can start with any shape (ie. squares, circles, etc.). For this tutorial, I have decided to use circles. Create three identical circles and spread them out on the stage. Make each circle a different colour corresponding to the colours that you want to be your gradient. Make sure that each circle has no stroke, only a fill.

Step 1a: Creating a gradient brush

Select all three objects and go to Object -> Bend -> Make in the main menu. If, after you do this, your gradient doesn't look smooth, you can double-click on the Blend Tool in the menu to the left of the stage and choose “Smooth Color” as the spacing option and then, make your blend. You should end up with something like this:

Step 1b: Creating a gradient brush

Step 2: Adding your blend to a path

Below the blend that you have just created, using the pen tool, draw a path on the stage.

Step 2a: Adding your blend to a path

Select both this path and your blend. In the main menu, go to Object -> Blend -> Replace Spine. Your blend will now be added to your path. If your path looks blocky (it might if the initial objects that you chose to use for your blend had hard edges like that of a square), double-click on the Blend tool in the tools menu to the left of the stage. Choose the orientation of “Align to Path” (the second icon).

Step 2b: Adding your blend to a path

Step 3: Creating the gradient brush

Select the blend that you have just created and drag and drop it into the Brushes palette. A dialogue box will automatically pop-up that will look like the one below. Select "New Art Brush" and click ok.

Step 3a: Creating a custom gradient brush

Next, another dialogue box will pop-up called the "Art Brush Options" dialogue box. You can play with the options here if you would like. If you just want a basic gradient brush, simply click ok. Now, your gradient brush has been added to your brushes palette and you are free to paint your gradient any way that you want. This new gradient brush can be a very powerful tool that you can use to add flare to your designs.

Step 3b: Painting on the stage with a custom gradient brush

This tutorial has been brought to you by Pixellogo.com




Also in Pixellogo blog archive

Adobe launches Document Cloud, Acrobat Mobile and Fill & Sign Apps

March 19, 2015

Adobe is one of those great companies out there that is constantly pushing the envelop, testing new ideas and reinventing the way that we interact with technology and our environment. The people at Adobe are ambitious, creative and inventive. The newly unveiled Document Cloud by Adobe is a testament to this fact. Adobe has done it again and this time with Document Cloud, they are...

Read More

6 Free Color Resources for Logo, Graphic and Web Designers

March 06, 2015

Color is very important in every project. Designers use color to captivate their audience, convey emotions and establish associations. Color is often what attracts users to a design and it is a vital component in every design. Color excites us, stimulates us and draws in our eyes. Color is everywhere and it subtly moves us every day.

Designers are very aware of the power of color....

Read More

20 Creative & Inspiring Workspaces

February 04, 2015

If you are a creative person then you definitely need a creative workspace. It is important that you have a very special sanctuary in which you can conduct your business. Your workspace should be inspiring and motivating. It should spur you to action, spark your imagination and and trigger originality. Your workspace should be personal and it should be...

Read More