Will It Blend?: Free Illustrator Tutorial

Explore the intricacies of Adobe Illustrator through this detailed tutorial, covering various topics including the Blend tool, blending options, color blends, reversing blends, and controlling blends for a more nuanced design output.

This exercise is excerpted from Noble Desktop’s past Adobe Illustrator training materials and is compatible with Illustrator updates through 2020. To learn current skills in Illustrator, check out our Illustrator Bootcamp and graphic design classes in NYC and live online.

Topics covered in this Illustrator tutorial:

The Blend tool, Blending options

Exercise Preview

will it blend

Exercise Overview

The title says it all—this one is all about blends. You’ll make them, twist them, color them, reverse them, and more.

Adobe Illustrator Bootcamp: Live & Hands-on, In NYC or Online, Learn From Experts, Free Retake, Small Class Sizes,  1-on-1 Bonus Training. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

Creating a Blend

  1. From the Illustrator Class folder, open the file will-it-blend.ai.

  2. Select the Blend tool blend tool.

  3. Click on the large pink circle and then click on the small pink circle inside of it. Illustrator will blend them together. (When blending, it doesn’t matter which object you select first—the results will be the same.)

  4. With the circles still selected, double–click on the Blend tool blend tool to get the Blend Options dialog box.

  5. Do NOT click OK until we say! From the Spacing menu, choose Specified Steps. Enter 5 and check on Preview to see how this looks.

    NOTE: This specifies the number of steps (intermediate circles) used to blend between the original objects (the big and little circles).

  6. From the Spacing menu, switch back to Smooth Color and see how that looks.

  7. Click OK.

  8. Go to Select > Deselect.

  9. With the Group Selection tool group selection tool, click in the middle of the small circle (not on the outer path). Move it around and see how the blend updates itself.

Color Blends

  1. Using the Blend tool blend tool, blend the cyan and magenta rectangles (the cyan rectangle is at the top of the page and the magenta rectangle is at the bottom).

  2. Hit Cmd–Shift–A (Mac) or Ctrl–Shift–A (Windows) to do a Select > Deselect.

  3. Blend the two green rectangles.

  4. Do a Select > Deselect.

  5. In the Properties panel next to Appearance, click on the Fill icon.

  6. At the top middle of the Swatches panel, click the Color Mixer button color mixer icon to switch to the Color Mixer panel.

  7. Mix a color other than green.

  8. Drag and drop it over the bottom or top green rectangle. (To drag and drop the color, grab it from either the Fill icon in the Tools panel or the smaller Fill icon at the top left of the Color Mixer panel.)

    Do this with different colors as many times as you like.

  9. When you’re ready to move on, close the Color Mixer panel by pressing Return (Mac) or Enter (Windows).

Reversing Blends

  1. Blend the two stars.

  2. With both stars still selected, double–click the Blend tool blend tool.

  3. Make sure Spacing is set to Smooth Color and click OK.

  4. Go into Object > Blend > Reverse Spine.

  5. Go into Object > Blend > Reverse Front to Back. Notice how these options change your blend.

  6. Do a Select > Deselect.

More Controlled Blends

  1. With the Blend tool blend tool, blend the blue rectangle to the yellow oval.
  2. Hit Cmd–Z (Mac) or Ctrl–Z (Windows) to undo that.
  3. Select both the blue rectangle and the yellow oval with the Selection tool selection tool.
  4. With the Blend tool blend tool, click the right anchor point of the oval (when over the point, notice that the square part of the Blend tool’s cursor turns black).
  5. Click the bottom left anchor point of the rectangle. Notice how the blend twists in an effort to blend between the two anchor points that you selected.
  6. With the blue rectangle to yellow circle blend still selected, double–click
    the Blend tool blend tool.
  7. Next to Spacing, choose Specified Steps and enter 15 (make sure Preview is checked).
  8. Hit Tab to update the preview. Try some other numbers, hitting Tab to preview.
  9. Click OK.
photo of Dan Rodney

Dan Rodney

Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book JacketProper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more.

More articles by Dan Rodney

How to Learn Illustrator

Master Illustrator with hands-on training. Illustrator is an Adobe design application that uses vector graphics to create scalable images, including logos, icons, and fashion patterns.

Yelp Facebook LinkedIn YouTube Twitter Instagram