basix

Illustrator’s Blend Tool: A Comprehensive Guide

Tutorial Details
  • Program: Illustrator
  • Difficulty: Beginner
  • Completion Time: 30 minutes
Download Source Files
This entry is part 2 of 12 in the Guides to Illustrator Tools Session
« PreviousNext »

A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Simona Pfreundner was first published on November 14th 2008.

In Adobe Illustrator, the Blend Tool can help you create impressive color blends. But there is more to it than you might know. This comprehensive guide can help you unlock your creative potential and teaches the features, shortcuts, and in depth methods that the Blend Tool has to offer.

Introduction

If you are using Illustrator for detailed imagery creation, the Blend Tool can be your most important tool. Compared to the Gradient Mesh Tool, the Blend Tool is a Live tool, meaning that you can change its object or shape, its color or position, and the blend will be updated live. You can create blends either with the Blend Tool or the Make Blend command. One thing to remember though, the Blend Tool takes a lot of RAM, so it may slow down your computer.


Exercise File

Below is an screenshot of the Exercise file that accompanies this tutorial, and is available to PLUS Members. Want access to the full Vector Source files, Vector Packs, Exercise files, and downloadable copies of every tutorial, including this one? Join VECTORTUTS PLUS for just $19/month.

image

1. The Blend Tool

Overview and Keyboard Shortcuts (see image below for Menu items):

  • Blend Tool (W)
  • Blend selected paths or shapes (Ctrl + Alt + B)
  • Release blend (Shift + Ctrl + Alt + B)
  • Expand to make blend permanent
  • Reverse Spine to flip a blend
  • Replace Spine to apply a different path
  • Reverse Front to Back to reverse the stacking position of blends (useful for animation)

2. Blends with Various Shapes

You can make a blend between open paths like lines

Or between closed paths like shapes

And blends between blends


3. Blend Options Palette

Under Object > Blend > Blend Options, you will find different settings that you can apply:

Smooth Color

Specified Steps

Specified Distance


4. Applying Blends with the Blend Tool (W)

When selecting the Blend Tool (W), you can easily morph two or multiple colors together. Also, by clicking on the corner points of a shape instead of the middle, you can morph the shape into a mirrored object.


5. Blending Different Shapes

When morphing two or more different shapes together, you can easily built up complex objects.


6. Blending Shapes with Different Gradients

You can blend two shapes with a different gradient and achieve some neat effects. These objects can be used as backgrounds or part of more complex shapes you are creating.


7. Aligning blends Along a Path

Once you applied a Blend, you can modify the path that the blend runs along.

Along a path with Specified Steps

Along a path with Smooth Color

Along a path with Specified Distance


8. Replace Spine Option

Once you have created a blend, you can change the path that it runs along. Just create a path to your liking, select both the path and the blend and go to Object > Blend > Replace Spine.


9. Align to Path or Page

Once you have created a blend and applied a specific path, it can be important that in the Blend Option Palette you choose the correct options.


10. Reverse Spine

If you want to have a spine reversed, for example have a gradient blend run reverse, you can achieve this by selecting your blend and going to Object > Blend > Reverse Spine.


11. Creating Highlights With Blends

You can create some neat highlights for shapes with blends. Especially where the Gradient Tool doesn’t work so well.


12. The Possibilities are Endless!

When working with blends, you can create some really interesting stuff. You can even blend symbols, outlined fonts, or brushes. Remember though that blends are RAM suckers and your AI file could get heavy. Nevertheless, they can save you time and help you create some awesome effects.

Below is an illustration that I made quite a while back. The Blend Tool was next to the Gradient Tool as one of my most important tools in creating this piece. Have fun using the Blend Tool in your work.

Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.

Tags: Basix
  • Keith Smith

    Hi do know how blend 2 spot colours without it going into CMYK

  • http://tuts.cgbaran.com CgBaran Tuts

    Great introduction tutorial thanks

  • Peter

    Nice concise tutorial for illustrator! Great work Thanks!!!

  • http://studioagra.wordpress.com/ Rebecca Agra

    Awesome!

    Thanks!

    =D

  • ajhurst85

    I never knew that tool was so versatile, but I had a feeling you could do really cool things with it. Thanks for posting this!

  • Pingback: Colorburned | A Comprehensive Guide to Illustrator’s Live Trace Tool and More

  • Theo hodkin

    A priceless tutorial, this has opened so many new doors for me!

  • didis

    very nice. thanks.

  • https://twitter.com/Lukelux Luke Lux

    It’s a great post, so inspirational.
    Thanks to share it!

  • http://www.mmdogtraining101.com MMDogTraining101

    always helping me improve. Now I can hopefully get to my optimum stage of design skill soon.

  • http://www.craproy.deviantart.com jo

    wow, man.. i’ll never forget you for this AMAZINGNESS (sniff..)

  • ame

    what i want to know is how to rotate and shrink at the same time. I thought it was a blend tool thing because I can’t figure out how to do it with the rotate tool. I have a shape, lets say a star, and I have a smaller star next to it…..I want to progressively “blend” many steps of the star from large to small into a circle….how do I do this.

  • http://www.ecigreporter.com Best Electronic Cigarette Reviews

    fantastic tut, keep up the good work!

  • http://theiphonefixer.com iPhone Repairs – Jim

    I am still learning this, took me a few minutes to get the correct image with the blend tool.

  • shane holdenbottle

    thanx…its must recmonded for my friends as well

  • ean

    well.. for some reason it wont work >_< and i dont get the selection process.. like when i go to click ok in the options menu it doesnt do anything after that.

  • ean

    nevermind, got it!

  • http://www.thescube.com Scube

    Thanks for this awesome tutorial, I know how to use blend tool now

  • Charley

    I have been finding all the tutorials on this website to be extremely helpfull. I just started goin to college for graphic design and it is showing me the path to success. Thank You very much for contributing your time into these tutorials I would very much so be lost without them…

  • http://www.surferstar.blogspot.com Viral Shah

    hey really nice article for beginners …. thanks … :)

  • Andy Merskin

    Hey, great tutorial. One question though… in example 5, how did you keep the fence aligned to the bottom of all the shapes.

    I’ve tried using the blend tool to create the zigzag path between 5 different shapes (just like in the example), and they keep rotating into each other. In the blend options, I’ve set it to “Align to Path” and “Align to Page,” but either way, they rotate.

    Thanks for your help :)

  • Susana

    great tutorial… but I am having a problem that I don’t know how to resolve… ( I am a beginer user, so sorry if it’s very obvioius):
    I create a circle path and I fill it with orange. then, I copy and scale it down and fill it with yellow. then, I try to blend the colours, but… it doesn’t blend! the big circle goes grey!! and the small circle remains yellow! why? what am I doing wrong? what am I missing?
    thanks so much for your help in advance!!
    Susana

    • http://bucketothought.com/loungekat/blog/ LoungeKat

      That’s odd. Is there an outline on the circles? You could try drawing the second one rather than making a copy and try again.

  • http://www.pushpinderbagga.com/ Pushpinder Bagga

    I however could not understand the “Or between closed paths like shapes” point.

    Which to create the blend on? The Star and the Line one.

    • http://bucketothought.com/loungekat/blog/ LoungeKat

      Closed paths, so anything that has an outline that joins up.

  • http://www.arabamoto.com Eric

    Great tutorial,blend tool is very important for Illustrator.Thanks

  • mokarrom

    i am really pleased and giving u lot of thanks.

  • http://jhodson.com John

    Okay, just had a discovery today about the blend tool.

    The difference between closed paths and open paths is critical when you want to modify a blend spine, such as make it curve. Between open paths, there is no spine shown when a blend is created. Ever notice this? Between closed paths, there is a spine, which can be modified, such as making it curved. Now, the trick is how to modify a spine with open paths when there is no spine shown. Found out today that starting with a closed path, segments can be deleted to make the path open, then the spine can be modified and the open path state maintained!

    This is a huge bug in Illustrator and makes no sense to me. Wanting Adobe to fix this in the next major release. Hope this helps anyone struggling with this issue.

    • Annabelle

      Thank you so much John!
      I just couldn’t remember how to show the Blend Spine, I have looked a while on line until I read your post. It is an annoying bug.
      Thanks again for explaining.
      :)

      • Gfx-Dzine

        Annoying yes. Alternatively to your work-around you can also:

        1. Make the blend;
        2. Draw a Spline path
        3. Select Object / Blend / Replace Spline.

        Cheers

  • http://123stockimages.com Santhosh

    I never knew the importance or the power of blend tool. Now it is one of most important tools for me for sure. Thanks!

  • Gianluca

    Great tutorial! Thank you to the author.

    One question. On example 9, how do you curve the blend in order to create the arc? The exercise file says to use the direct selection tool. But the only way I know to create a new point in the path is by using the pen tool. But afterwards you should use the handles to create the arc. Is there a different solution?

  • http://www.microsoft.com Zapf

    Blending tool doesn’t work at all. At best it fills only half the way and leaves massive gaps.

  • http://www.312squad.com Gamiing

    Your style is very unique in comparison to other folks I’ve read stuff from. Thank you for posting when you’ve got the opportunity, Guess I will just book mark this blog.

  • Mariana

    Thanks for sharing this info!! make it easier for the noobies like me

  • http://openmeditation.wordpress.com Jeff Fried

    I usually don’t complain about such things, but how is this a tutorial? Is this the preview to the tutorial and then you have to sign up for the monthly fee? I’m used to lynda.com. Is there something more that i’m missing?

    • http://bucketothought.com/loungekat/blog/ Kate McInnes

      This is a guide, so the information isn’t exhaustive it’s a list of the things the blend tool can do.

  • Sammy

    Very helpful, this will certainly come in handy! Thanks!

  • http://otterclou.tumblr.com lars otterclou

    thanks a million for the help! much appreciated!

  • Suz

    much appreciated!

  • Catch22

    Does anyone know how to blend type and fonts in illustrator, I really don’t want to rasterize the font, is it possible to do as a font?

    • Spangled

      You could flatten in / Convert it to paths and then blend..

  • Daniel thomassin

    super merci beaucoup

  • IsmalDovisally

    great.. thank you