Select Page

How to apply Pathfinder effects to multiple objects in Illustrator

Feb 10, 2021 | Tips & Tricks | 1 comment

How to apply Pathfinder effects to multiple objects in Illustrator

Ever tried applying pathfinder effects to multiple objects at once and ended up with a result you weren’t expecting?

I used to run into this problem all of the time.

Let’s look at the below as an example…

Here we’ve got a green square overlapping four smaller black ones.

Green square overlapping four black squares in Adobe Illustrator

Let’s say that I want to subtract the green square from the black squares to create a shape like this:

A square shape subtracted from four black squares in Adobe Illustrator

When I first started learning about Pathfinder effects, my instinct was to simply select both the green and black squares and apply the Minus Front effect. However, I soon found that this didn’t work as I expected it to. Instead of creating the shape above, I’d get something like this:

Unexpected Pathfinder result in Adobe Illustrator

I’d then try grouping the black squares first, or merging them using the Pathfinder effect, Unite, but the result was still the same.

At the time, I presumed that Pathfinder effects could only be applied to one object at a time.

It wasn’t until a couple of years later that I discovered my presumptions about Pathfinder effects were wrong—applying them to multiple objects can be done.

All you need is the magic of a Compound Path.

What is a Compound Path?

A Compound Path is very similar to a Group in that it’s a “group” of multiple objects. The difference is that when applying Pathfinder effects to Groups, the individual objects that make up that group are treated as separate elements, where as the objects that make up a Compound Path are treated as one.

This enables us to apply Pathfinder effects to multiple objects at once.

How it’s done

To make a Compound Path, select all of the objects that you want to include (in this case, it would be all of the black squares) then go to Object > Compound Path > Make.

Making a Compound Path in Adobe Illustrator

Once you’ve done that, hold Shift and select the overlapping object (the green square), then go to the Pathfinder panel (Window > Pathfinder) and click Minus Front.

Applying the Minus Front effect in Adobe Illustrator's Pathfinder panel

This will subtract the overlapping object from the objects behind it all at once.

A square shape subtracted from four black squares in Adobe Illustrator

I’d recommend experimenting with the other Pathfinder effects too and you’ll see just how much easier using Compound Paths can make building complex shapes.

Written by Sam Jones

Sam is a designer and creator based in Staffordshire, England. The founder of StudioRat, he loves to write about creative processes and share useful design tools, tips and resources.

Other posts you might like

How to create template files in InDesign

How to create template files in InDesign

In this post, I'm going to show you how to save time by using template files in InDesign to kick-start your design projects and cut out repetitive file set up tasks. What are template files? Template files let you create useful starting points for series of documents...

How to apply non-destructive Pathfinder effects in Illustrator

How to apply non-destructive Pathfinder effects in Illustrator

In this tutorial, I'm going to show you a trick that will enable you to apply Illustrator's Pathfinder effects non-destructively. By non-destructively, I mean in a way that won't destroy the shapes you're working with. Even after applying a Pathfinder effect, your...

How to copy layers from one Photoshop document to another

How to copy layers from one Photoshop document to another

In this tutorial, I'm going to show you two ways to copy layers from one Photoshop document to another, both of which have several advantages over copy and paste. The main advantages being: You can copy multiple layers or entire groups at once.Any Smart Objects, Smart...

1 Comment

  1. Amber Fawson

    Thank you! This tutorial saved me!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *