Adobe Illustrator’s Pathfinder: Explained

This page may contain links from our sponsors. Here’s how we make money.

If you aren't familiar with Illustrator's extremely handy “Pathfinder” palette, you might sit down for a few moments to play with it, because it is a true time saver and an excellent tool for manipulating paths. First, of all let me say that “Pathfinder” is a horrible name for this palette. It doesn't actually “find” paths. It makes it easy to combine paths, divide objects, subtract shapes, etc. The pathfinder tool enables you to edit and customize a variety of shapes in a neat and clean way. The pathfinder tool makes it quite simple and easy to do away with different geometrical shapes. Unlike conventional editing software, the Pathfinder tool in Photoshop is a shortcut to your complicated editing problems. If you are aware of some of the basic functions of Pathfinder, then you can achieve a lot of results from this tool. The best bet is to practice with these tools and different geometrical shapes so that you get a better idea of how it works. When you are working on a complex project, Pathfinder tool can be the perfect bet for you to achieve your desired results.

Illustrator's Pathfinder Explained 1

Above is a screenshot of the Pathfinder palette. You'll notice 11 buttons right away. In this tutorial, I will be explaining the 5 buttons on the top row, and the differences between them. The bottom 6 buttons are a little more advanced, but I'll give you some pointers about those at the end of the tutorial.

To follow along: Open a new Illustrator document and create any 2 shapes you like. I used a rounded rectangle and a star. I will use the same 2 shapes in each example.

Illustrator's Pathfinder Explained 2

1. Combining Shapes

Here we will be combining the paths of 2 shapes, to create 1 single path out of the 2 with the click of a button. First, overlap your 2 shapes similar to this:

Illustrator's Pathfinder Explained 3

Now, with BOTH shapes selected, click the “Add to Shape Area” button in the Pathfinder:

Illustrator's Pathfinder Explained 15

Now you should see something like below. Notice that the pathfinder changes the fill color of both shapes to the color of the top shape.

Illustrator's Pathfinder Explained 4

Essentially, all pathfinder did was it made a compound path out of your 2 shapes and made them have the same fill color. Now, If you immediately hit the “Expand” button, Pathfinder actually creates a single path to define the compound shape. (Note, if you don't hit the Expand button immediately after the Add to Shape Area button, it will get grayed out, so you have to do it right after)

Illustrator's Pathfinder Explained 19

After clicking Expand, you should see a single path:

Illustrator's Pathfinder Explained 14

2. Subtracting Shapes

This is a neat one because you can basically use any shape as an eraser or “cookie cutter” so to speak. Overlap your 2 shapes similar to this:

Illustrator's Pathfinder Explained 5

Now, with BOTH shapes selected, click the “Subtract from Shape Area” button in the Pathfinder.

Illustrator's Pathfinder Explained 16

What this does is Illustrator subtracts the top shape from the bottom shape. The shape doing the subtracting must be on top.

Illustrator's Pathfinder Explained 6

You'll probably notice that the path from the top shape is still there, so immediately click the “Expand” button in Pathfinder to get rid of the extra paths left behind from your cookie cutter.

Illustrator's Pathfinder Explained 19

And you should now have a single clean path to work with:

Illustrator's Pathfinder Explained 7

3. Intersecting Shapes

The next Pathfinder feature is the ability to intersect shapes. What this means is overlapping 2 shapes, and getting rid of anything that ISN”T overlapped. So to start, overlap your 2 shapes similar to below.

Illustrator's Pathfinder Explained 8

Now, with BOTH shapes selected, click the “Intersect Shape Areas” button in the Pathfinder.

Illustrator's Pathfinder Explained 17

Illustrator gets rid of everything except the parts of the 2 shapes that were overlapped:

Illustrator's Pathfinder Explained 9

You notice the paths from the original 2 shapes still there, so immediately click the “Expand” button in the Pathfinder to make a single path around your overlapped shape, while getting rid of the 2 original paths.

Illustrator's Pathfinder Explained 19

And you now have a single, clean path made out of the overlapping section of the original 2:

Illustrator's Pathfinder Explained 10

4. Excluding Overlapped Shapes

This Pathfinder feature is the exact opposite of #3. Instead of getting rid of everything that isn't overlapped, it gets rid of everything that IS. Overlap your 2 shapes, similar to below.

Illustrator's Pathfinder Explained 11

Now, with BOTH shapes selected, click on the “Exclude Overlapping Shape Areas” button in the Pathfinder.

Illustrator's Pathfinder Explained 18

Illustrator excludes any shape areas that were overlapping at all, like this:

Illustrator's Pathfinder Explained 13

It isn't the case here, but if your shapes are complex and you see extra paths in the excluded areas, click the Expand button to get rid of the paths left behind.

Tips for exploring this on your own:

I didn't cover the bottom row of buttons in the Pathfinder palette because it would get extremely confusing. Essentially the bottom row buttons perform a number of combinations of the top buttons. For example, the “Divide” button will divide the bottom shape with the top shape, AND the top shape with the bottom shape all at the same time. You may have tried doing all such stuff manually but it is not possible. You have to use different tools and pathfinder itself to make things happen in the virtual world of designing. Getting better at hand with few tools like Pathfinder will give you an extra edge over your competitors.

I encourage you to explore the Pathfinder for a few minutes on your own. It just may make your life a little “bitt” easier 🙂