Illustrator’s Blend Tool: A Comprehensive Guide

Nov 14th in Tools & Tips by Simona Pfreundner

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.

PG

Author: Simona Pfreundner

I am a digital artist and graphic designer and love Illustrator and Photoshop. To design and and create is my passion and my everyday motivator.

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 $9/month.

image

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)

Blends with Various Shapes

You can make a blend between open paths like lines

Or between closed paths like shapes

And blends between blends

Blend Options Palette

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

Smooth Color

Specified Steps

Specified Distance

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.

Blending Different Shapes

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

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.

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

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.

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.

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.

Creating Highlights With Blends

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

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.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Josh Drake November 14th

    Very nice tutorial! I’m sure that a lot of people will find this very helpful. Thanks for explaining this tool in so much detail!

    ( Reply )
  2. PG

    Brent November 14th

    Very nice info. I really like the tool overviews.

    ( Reply )
  3. PG

    Brent Nelson November 14th

    Good job. Very refreshing. I feel like weeping tears of joy.

    ( Reply )
  4. PG

    Max November 14th

    Awesome, this helps alot, Thanks for the info.

    ( Reply )
  5. PG

    Vlas November 14th

    Thanks! Nice tut!

    ( Reply )
  6. PG

    accessoire November 14th

    This tutorial is GREAT. More interesting tuts like this please :) .

    ( Reply )
  7. PG

    Rui November 14th

    Thanks for the tutorial! I’ve been avoiding the blend tool because I wasn’t sure of how to use it, but now I think I should try it!

    ( Reply )
  8. PG

    Mr Kuzio November 14th

    Wow! I’m sure I’ll use this tips. Thanks a lot.

    ( Reply )
  9. PG

    dboe November 14th

    this is exactly what i needed – good looks

    ( Reply )
  10. PG

    Moksha November 14th

    wow great think to learn

    ( Reply )
  11. PG

    willian November 14th

    great!

    ( Reply )
  12. PG

    Shane November 14th

    I’m enjoying the site – keep supplying these interesting tutorials :)

    ( Reply )
  13. PG

    B November 14th

    One of the better outlines I’ve seen on this tool. Very nice. Great description and good example of use at the end.

    ( Reply )
  14. PG

    Jonny November 14th

    Wow this is great! Every time I read a tutorial on here I end up finding ways to use illustrator more and more. What a fantastic tool!

    ( Reply )
  15. PG

    sc November 14th

    easily one of the best tuts of the year, by the way, why dont we vote on best tuts of the year?
    this tuts will help make me rich and famous. I like it. thank you.

    ( Reply )
  16. PG

    Brian November 14th

    This is a great quick reference. Thanks.

    ( Reply )
  17. PG

    brat November 14th

    gr8 tutorial : )

    ( Reply )
  18. PG

    John Sanders November 14th

    Thanks for the tut!

    ( Reply )
  19. PG

    Fearne November 15th

    Hi regarding the ‘replace spine’ section, please please tell me there’s a way to do that where the stars taper off towards the beginning and the end?
    Nice tut by the way!

    ( Reply )
  20. PG

    Don November 15th

    I love these type of tutorials. Thanks!

    ( Reply )
  21. PG

    Simona November 15th

    @ Fearne: If I understand you right, all you have to do is make your first star small and the last big and then apply the blend tool with specified steps. Then make any path you want and replace the spine. That way you will get the desired effect…

    I hope that helps…

    ( Reply )
  22. PG

    Stu Barwick November 15th

    Thanks, I had rarely used the blend tool for anything substaintial but this has really got me thinking. Keep up the good work

    ( Reply )
  23. PG

    Jonathan November 15th

    Another great tut. Keep it up.

    ( Reply )
  24. PG

    Eduardo November 16th

    Nice tutorial, but I think you should talk about the circle bug and how to fix it.

    ( Reply )
  25. PG

    Rishi Luchun November 16th

    Great post, been looking for a thorough tutorial like this!

    Thanks

    ( Reply )
  26. PG

    dzoy November 16th

    thanks for tut bro’

    ( Reply )
  27. PG

    abid November 16th

    good work

    ( Reply )
  28. PG

    insicdesigns November 17th

    a very detailed tutorial. thanks

    ( Reply )
  29. PG

    November 17th

    Exercise files are wicked!!!!

    ( Reply )
  30. PG

    Grafiko November 18th

    very complete. thanks for the post

    ( Reply )
  31. PG

    Danni November 18th

    I really like this tutorial, but I find your instructions to be lacking (specifically which blend you used for each, or combination of). I’ve tried doing that star blend and the ribbon blend with the squares and can’t get it to turn out like yours.

    ( Reply )
  32. PG

    chandru November 21st

    i’m expecting this for mesh tool

    ( Reply )
  33. PG

    Ann Storer November 23rd

    Wow, amazing! I loved the blend tool already, but I wasn’t using it anywhere near it’s full potential. Thanks for this!

    ( Reply )
  34. PG

    monxx November 27th

    impressive tute

    ( Reply )
  35. PG

    sreedharan November 28th

    wonderful stuff, really useful and mind bloeing, thank you yaar.

    ( Reply )
  36. PG

    sreedharan November 28th

    wonderful stuff, really useful and mind blowing. thank you very much.

    ( Reply )
  37. PG

    metalpig December 12th

    cool stuff! thanx!

    ( Reply )
  38. PG

    Michelle February 2nd

    Very Helpful. Thankyou.
    Just a question:
    Can you blend mesh objects with simple shapes?

    ( Reply )
  39. PG

    schuyler February 6th

    Thanks a million! Great tutorial.

    ( Reply )
  40. PG

    richard February 10th

    its very very good improve our knowledge
    thaks for ur helping

    ( Reply )
  41. PG

    Keith Smith May 12th

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

    ( Reply )
  42. PG

    CgBaran Tuts May 18th

    Great introduction tutorial thanks

    ( Reply )
  43. PG

    Peter May 27th

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

    ( Reply )
  44. PG

    Rebecca Agra May 27th

    Awesome!

    Thanks!

    =D

    ( Reply )
  45. PG

    ajhurst85 June 8th

    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!

    ( Reply )
  46. PG

    Theo hodkin August 9th

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

    ( Reply )
  47. PG

    didis August 12th

    very nice. thanks.

    ( Reply )
  48. PG

    Luke Lux October 7th

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

    ( Reply )
  49. PG

    MMDogTraining101 November 5th

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

    ( Reply )
  50. PG

    jo November 17th

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

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 17th