Advertisement


How to use blend tool in Illustrator to blend continuosly?


Question

enter image description here

Here's what I did.

  1. Draw several circles with gradients.
  2. Use blend tool and click each circle in place.
  3. Replace spine.

I've tried several times but failed to achieve the dynamic colors. Also, how do I replace spine to fit to the path?

2016/05/04
1
7
5/4/2016 4:56:00 PM

Accepted Answer

I find it is helpful to blend the palette you want arbitrarily first until you are happy with the colour transitions. You can then apply this palette blend to your desired path. The blend tool will generate a dynamic colour range between each blended colour/gradient.

Step One: Create circle shapes for blending, and choose a gradient palette for each one. Note that colours that are adjacent to each other on the colour wheel blend rather well.

Step Two: Blend the first two circles with the blend tool. Don't worry if your colour transitions look warped, this is fixed later.

The order you blend the shapes is very important, as this will decide the apparent z-order of the colours to be blended together

enter image description here

Step Three: Selecting the resulting blend group and the subsequent gradient circle, use the blend tool again. Repeat this until you have created your blended palette for your design.

Step Four: With the pen tool, draw the path to which you want to apply your blended colours.

enter image description here

Step Five: With this path selected and the blend object, go to Object>Blend>Replace Spine

Note:

You can improve the way in which the colours transition by selecting the circles along the blend with the direct selection tool, then rotating each one to improve the direction of the colour transitions.

Using the Direct Selection Tool and various path editing tools, you can continue to edit the path to which you applied your blend group.

enter image description here

If you want to reverse the order in which blended colours appear on top of one another, go to Object>Blend>Reverse Front to Back

2016/05/17
5
5/17/2016 3:34:00 AM