Home   Products   Tutorials   Videos

Blend tool in Illustrator tutorial

How to use the blend tool in Illustrator CC 2017 2015 2014 CS6 etc

Basics of the blend tool in Illustrator

blend tool for Illustrator tutorial

The blend tool in Illustrator can be used to blend two paths in Illustrator CC CS6 CS5 etc and is found via the Illustrator toolbar. The blend tool has a number of settings such as spacing and smooth colors. You can blend standard paths, strokes, type and other designs in Illustrator. The blend tool is a live tool and can be modified and updated at any point. The blended paths can be used to create interesting 3D like effects, frame designs, grid designs, line designs etc. You can modify the spline of the blend of the paths as well as replace the spline with other paths. The blend tool can be used to create super colorful designs in Illustrator. This tutorials shows you how to use the blend tool in Illustrator with paths. It shows you how to update the spline of the blend paths. It shows you the Illustrator blend tool settings and how to modify them. The tutorial also shows how to use the blend tool with Illustrator type to create amazing zoom paths and unsual type designs in seconds. The blend tool is a powerful feature of Illustrator CC CS6 CS5 etc and the artworks can be also used in Photoshop and other applications.

 

The key thing for the blend tool is to select two paths (or more) but two is fine to start with.

1) Create path

2) Create another path - perhaps a copy of the first path

3) Select paths

4) Go to the blend tool in the toolbar

5) Click the first and then second path with the blend tool

And there you have your first blend

 

Other tutorials

You can find many tutorials on the site for use with Illustrator such as the

1) blob tool and amazing blob brush designs in Illustrator

2) curvature tool for amazing curve designs in Illustrator

3) dotted lines in Illustrator, how to create tutorial

4) dynamic symbols in Illustrator

 

Blend tool settings

blend tool panel options in IllustratorDouble click the Illustrator blend tool in the toolbar. You can set the settings before you create the blend or at any time afterwards for a particular blend combination as it is a live effect.

 

You will see only a couple of settings such as smooth color and specified steps and the number of steps and specified distance and the distance as well as align to the page and align to the path.

 

Personally, I generally use the number of steps but specified distance is great if you want to create a blend with paths added say every 10pt or 100pt etc. The smooth color is probably the easiest but least useful (for me) tool but say you have a blue circle and a red circle blend then then blend is between blue to red which can be useful in all kinds of smooth colorful designs such as creating highlights for a sphere design etc.

 

The key thing to remember it is always live and can be changed at any point

 

Change paths color and shape etc

blend tool illustrator colorsOnce you have applied the blend, you can still alter the paths involved in the blend such as changing the shape of the paths or perhaps changing the color of the paths and that can be done by selecting the path using the direct selection tool and then changing the color or shape etc for that path or perhaps removing or adding points etc.

 

Blend tool path / spine

blend tool and path and spineThere is also a blend tool path / spine (not the paths used in the blend but the line between the paths) and you can also use the direct selection tool to select that spine path and then shift the spine path and distort the spine from the initial straight line.

 

You can also then use tools such as curvature tool or use the anchor point tool to manipulate that blend spine.

 

You can then use it to create some truly unique blend paths with the blend tool and it is still all live and the steps and smooth color etc can still be changed in Illustrator.

 

Blend tool in Illustrator menu commands

blend tool spiralThere are also a number of blend tool Illustrator menu commands which can be found via the object menu and blend

 

Make

Release

Blend options

Expand

Replace spine

Reverse spine

Reverse front to back

 

They are all super useful. The replace spine is probably the most useful with the Illustrator blend tool and to use that select the blend as well as another path such as a spiral open path and then go to the replace spine command and then the blend will be attached to a spiral etc. Or select the blend and select a circle (closed path) and then use the replace spine and you will end up with the blend around a circle which is great for creating all kinds of circular frames etc.

 

The reverse spine swaps the spine around so if you have a red large path at the start of the blend a small blue path at the end, use the reverse spine and the small blue path will be at start of the spine.

 

The release just removes the blend - which is the least useful feature perhaps as you can always just undo or delete the blend (but the release just leaves you with the original paths)

 

Expand - expands the blend tool to normal paths

 

Blend tool and type

blend tool and type in IllustratorYou can create many different and interesting blends with the tool and type. Select two or more and the type doesn't need to be same so you can have some type with the letters 'xyz' and also some letters 'abcd' and blend between those and also with different colors.

 

The type and the blend are all live and can be changed at any point in the process so if you decide to change the words from 'topic' to 'some other topic' you can and then you will see the change in the blend

 

You can create all kinds of zoom and weird and wonderful twisting type effects by using the blend tool in Illustrator

 

Frames

frame blend toolYou can quickly create all kinds of frame designs with the Illustrator blend tool by creating one blend and then duplicating that and then dragging the artwork apart and then clicking the two ends of each of the blend spines and additional blends will be generated between those two original paths to create a square frame artwork in seconds such as displayed below

 

Libraries

You can add the blend tool results into the CC libraries as well as using them as a great source for symbols etc by adding the artwork to the symbols panel and then you can use the artwork as a great source of designs using the symbol sprayer