How to draw using the Shape Builder tool in Adobe Illustrator CC

How to Use the Shape Builder Tool in Adobe Illustrator

The Shape Builder tool is, quite honestly, one of the best tools in Illustrator. Start with a pile of very basic overlapping shapes, such as circles, and you can turn them into proper artwork ridiculously quickly.

It joins bits together, breaks bits off, removes unwanted chunks, and lets you colour individual areas without having to wrestle with lots of separate paths. Once you get comfortable with it, a few circles can become swirls, waves, clouds, leaves, hearts, and all sorts of mystery creatures hiding in the geometry.

What the Shape Builder Tool Does

When vector shapes overlap, Illustrator treats every enclosed intersection as a potential new region. Shape Builder lets you decide what those regions become.

There are two main things it does:

• Merge regions: Join overlapping pieces into a single new shape.

• Remove regions: Delete individual pieces or several regions in one move.

It is a much more visual way of constructing artwork. Rather than trying different Pathfinder buttons and undoing repeatedly until one happens to be right, you can point directly at the bit you want to keep or remove.

Select Everything First

This is the important bit that catches people out: Shape Builder only works with the shapes that are selected.

Use the Selection tool, which is the black arrow, to select the objects you want to use. Its shortcut is V. If the document only contains the artwork you are working on, use Select All. Otherwise, drag a selection box around the relevant shapes.

Then activate the Shape Builder tool. You can choose it from the toolbar, but the shortcut is the one worth remembering:

• V for the Selection tool

• Shift + M for the Shape Builder tool

Those two shortcuts make the whole process much faster because you will bounce between them constantly.

Merge Shapes by Dragging Across Them

With your artwork selected and Shape Builder active, the cursor displays a small plus sign. That means you are in add mode.

To combine two or more touching regions, click and drag through them. Illustrator merges every region you drag across into one new shape.

For example, a handful of overlapping circles can be joined in curved sections to create a rotating spiral or a photographic-lens-type shape. The key is that you are not merging whole circles necessarily. You are choosing the exact sections created by their overlaps.

This is where Shape Builder gets properly fun. Drag around different regions and see what appears. One version may feel like a wave, another may turn into a cloud, and another may look suspiciously like a croissant. There is no shame in undoing a lot while you work out where the good shapes are hiding.

To undo, use:

• Command + Z on Mac

• Control + Z on PC

Remove Regions with Option or Alt

The other mode is subtract mode. Hold Option on a Mac or Alt on a PC while Shape Builder is active. The little plus beside the cursor changes to a minus.

Now you can remove regions in two ways:

• Click once to delete one specific section.

• Click and drag across multiple sections to delete several at once.

This is brilliant for carving away unnecessary chunks from a dense set of overlapping objects. You can remove the outside regions of a circle arrangement and leave only the flowing pieces you want.

If you delete too much, no big deal. Undo it and try a different route. Shape Builder is really a tool for experimenting, not for getting every decision perfect on the first click.

Build Different Shapes from the Same Starting Point

A useful exercise is to duplicate your original group of shapes before you start chopping it up. That gives you a couple of versions to take in completely different directions.

With the same circle arrangement, you might:

• Merge curved sections into a five-part spiral.

• Delete outer chunks to make a wave-like icon.

• Remove different sections to create a soft cloud shape.

• Pick out smaller enclosed areas that resemble leaves or heart shapes.

The original geometry does not need to look exciting. The potential is in the intersections. A basic collection of circles contains far more possible forms than it first appears to.

Colour Individual Shape Builder Regions

Shape Builder has another excellent trick: it is really good at filling individual regions with colour.

First, select all of the shapes you want to colour. Then switch to Shape Builder with Shift + M. Choose a fill colour from the Swatches panel, and click an enclosed region to fill it.

If clicking does not fill the region you expected, the usual problem is simple: not everything was selected. Undo, select the entire collection again, activate Shape Builder, choose your colour, and click the regions you want.

Try limiting yourself to three colours first. It is enough to make the overlapping forms clear without the design becoming too busy. Different colours also help you see which regions belong to which part of the construction.

Remove the Black Outline

Once the shape is coloured, the black strokes can feel a bit heavy. To remove them:

1. Select all of the finished artwork.

2. Click the Stroke control.

3. Choose None, shown as the white box with the red diagonal line.

With no stroke, the overlapping colour shapes become much cleaner and more logo-like.

Shape Builder vs Pathfinder

If you have used Illustrator before, you might be wondering whether this is just Pathfinder. Kind of, but Shape Builder is usually the easier and more direct option.

Pathfinder still has a few specialised uses, but Shape Builder handles most of the everyday jobs of combining, dividing, and removing overlapping artwork. The big advantage is that it is visual. You can see the specific region you are changing rather than guessing which operation will give you the result you want.

For building icons, simple illustrations, abstract graphics, and geometric logo concepts, go with Shape Builder first.

How to Create the Overlapping Circle Base

The starting artwork is not fancy. It is just a set of duplicated circles lined up with Smart Guides.

Begin with the Ellipse tool. Draw a circle while holding Shift to constrain it to a perfect circle. Draw another circle that overlaps it, making it a little larger if needed by holding Shift while dragging a corner handle.

Switch back to the Selection tool with V. With Smart Guides enabled, Illustrator helps identify paths, anchor points, and intersections as you move objects around.

To check Smart Guides, go to:

View > Smart Guides

Copy and paste circles, then position their anchor points so they intersect with the existing shapes. This is not necessarily the fanciest construction method, but it is quick, practical, and gives Shape Builder plenty to work with.

Before using Shape Builder, set the circles to No Fill if you want to see the underlying construction clearly. Again, this is the white fill box with the red diagonal line. You are left with a tidy group of overlapping outlines, ready to be merged, deleted, and coloured.

A Simple Shape Builder Workflow to Remember

1. Draw or arrange overlapping shapes.

2. Select all relevant objects with the black arrow.

3. Press Shift + M to activate Shape Builder.

4. Drag through regions to merge them.

5. Hold Option or Alt and click or drag to remove regions.

6. Choose colours from Swatches and click regions to fill them.

7. Remove the stroke if the outlines are not part of the look.

8. Undo freely and keep experimenting.

That is the whole magic of it. Start with circles, rectangles, or any overlapping shapes, then treat the intersections as a little playground. Shape Builder makes Illustrator feel less like technical vector surgery and more like finding shapes that were already waiting there.

FAQs

What is the shortcut for the Shape Builder tool in Illustrator?

Press Shift + M to activate the Shape Builder tool.

Why is Shape Builder not working in Illustrator?

The most common reason is that the objects are not selected. Use the Selection tool, select every shape you want to edit, then press Shift + M.

How do I delete parts of a shape with Shape Builder?

Hold Option on Mac or Alt on PC while using Shape Builder. Click a region to remove it, or drag across several regions to delete them together.

Can Shape Builder add colour to overlapping shapes?

Yes. Select the shapes, activate Shape Builder, choose a fill colour from Swatches, and click an enclosed region to apply that colour.

Is Shape Builder better than Pathfinder?

For most everyday combining and deleting jobs, Shape Builder is easier because it lets you work directly with visible regions. Pathfinder still has a few specialised uses, but Shape Builder is usually the quicker choice.