The Illustrator Pathfinder Explained

The Illustrator Pathfinder PalleteThe Illustrator Pathfinder pallette is a simple and Powerful set of tools for manipulating shapes and creating other shapes from multiple shapes. I use illustrator on my Job all day; I find myself using the Pathfinder at lease once for each job I do.

I will first take you through the general information on how to use the Illustrator Pathfinder Pallete. I will then list all of the buttons with a description and a visual before and after.

Illustrator Pathfinder Basic Tutorial:

The Pathfinder palette is very simple to use. Each of the buttons interacts with 2 or more shapes. Each button has a very specific action. These buttons can be confusing because some of them do the same thing. I show examples later in this tutorial which aim at showing the differences between each button.

To begin, I will show you how to use the first button “Add to Shape Area” to make an obect out of a number of different objects.

1. Make a new Illustrator document and draw a circle, a long rectangle and then 2 smaller rectangles like the object you see below (The idea here is to make a simple “key shape” from multiple objects, using the pathfinder)

Basic vector shapes to form the key

2. Click the “Add to Shape Area” button.

The "Add to shape area button"

3. Click the “Expand” button. You will notice that all of the shapes are merged, but when you select the object you see all of the shapes that were there before. Clicking the “Expand” button permanently joins all of the shapes as one. You don’t have to press “Expand” after using the Pathfinder tools, only use it if you want to permanently join the shape so you can do other pathfinder operations with it (Which we will be doing in the next steps).

Click the "Expand" button on the pathfinder pallette

The shape will now look like this:

Result of the merge button being pressed

4. Draw a smaller circle inside the large circle (or handle) of the key shape.

Key shape with the circle added

5. Select both shapes and press the second pathfinder button “Subtract from shape area”.

Resulting shape from the subtraction

Now we have a key shape made from various simple shapes. It’s a pretty simple shape — but this is a start. I will publish some advanced pathfinder tutorials in the future.

Final tutorial image: vector key shape

I am including the tutorial file here for those who don;t want to draw the shape, just do step 2, 3 and 5 with this file:

  Illustrator Pathfinder Tutorial File (1.1 MiB, 437 hits)

Examples of each button in the Pathfinder:

Add to Shape Area:

All selected shapes are combined into one shape with the top shape’s style (All style attributes from the top shapes i.e. color, stroke, etc)

Add to shape area example

Subtract from Shape Area:

Bottom most shape is eaten away by any number of shapes above it. Bottom shape keeps it’s style and all top shapes dissapear.

Subtract from shape area example

Intersect Shape Areas:

Intersects 2 overlapping shapes to leave intersected area as a shape. Resulting shape keeps the top shapes style. This tool does not work well with more than 2 shapes. If more than 2 shapes are used all shapes disappear after clicking the “Expand” Button.

Intersect shape area example

Exclude Overlapping Shape Areas:

Works with 2 or more shapes. Any overlapping areas are removed and any areas not overlapping are kept. Style of topmost shape is applied to the resulting shape.

Exclude overlapping shape areas example

Divide:

All of the buttons in the second row “Pathfinders” create multiple objects grouped together. In my examples of these buttons, I have ungrouped the shapes and moved them apart so you can see the resulting shapes.

The Divide button of the pathfinder divides all of the overlapping shapes. This button can be used with 2 or more shapes. All divided shapes keep the visible style of the top overlapping shape.

Divide is a Pathfinder tool that I personally use a lot.

Divide tool example

Trim:

I am using more shapes here to show the difference between “Trim” and “Merge”.

Trim keeps all of the top shapes intact while trimming all overlapping shapes out of the bottommost shape.

Trim tool example

Merge:

Merge does the same thing as trim with the exception that any overlapping shapes that have the same style as the bottom shape are merged with the bottom shape. Any overlapping shapes above the bottom shape that are not the same style as the bottom shape are kept in tact and are trimmed out of the bottom shape.

Merge tool example

Crop:

The crop tool only interacts with the topmost shape and the bottommost shape. If you selected 5 different shapes, this tool will only leave the intersection of the topmost and bottommost shapes with the style of the bottommost shape. In addition to this, it will leave the non-overlapping section of the topmost shape (with no stroke or fill).

Crop tool example

Outline:

Outline can work with 2 or more shapes. Outline takes all shapes and cuts each shape at the intersecting points. This results in no overlapping lines. All lines are separated at the overlapping areas. I suggest trying this one out, un-grouping it and then separating the elements.

Outline tool example

Minus Back:

Minus back only works with 2 shapes, the topmost shape and the bottommost shape. It minuses the bottommost shape from the topmost shape. This button seems like it should be in column one with the “Shape Modes”.

10Minusback.gif

Illustrator Rich Black, Poor Black

I have been working with Illustrator for some time and I have had a lot of people ask about problems with the color black. There are several problems that can crop up when using black in Illustrator, understanding how to use the “Appearance of Black” settings should help clear this up. As a note, this setting also shows up in Adobe InDesign and is imporant.

What do the “Appearance of Black” settings mean in human terms?

Appearance of black is a setting in Adobe Illustrator that allows you to change how the color black is shown on your screen and how it is output to your printer and exported RGB images.

What is “Rich Black”? Rich black is a deep black that is very dark. Regular black is a very dark grey. The difference mainly matters in printing. A typical rich black mixture might be 100% black ink, and 50% of each of the other three inks (Cyan, Yellow and Magenta).

When you use the “Black” swatch in Illustrator, you get regular black (100% Black and 0% CMY).

Illustrator 100K Black and Rich Black

Setting these preferences in Illustrator

Choose Edit > Preferences > Appearance Of Black (Windows) or [ application name ] > Preferences > Appearance Of Black (Mac OS).

rbpbs.jpg

1. Choose an option for On Screen:

Display All Blacks Accurately: This setting will show all blacks acurately seen in the image below.

Rich black next to Regular black

Display All Blacks As Rich Black: This setting will show all blacks as rich black, even if they are not rich black.

different blacks displaying the same

2. Choose an option for Printing/Exporting using the above reference:

Output All Blacks Acurately:
When printing to a non-PostScript desktop printer or exporting to an RGB file format, outputs black colors as seen above. This setting allows you to see the difference between pure black and rich black.

Output all blacks acurately

Output All Blacks As Rich Black:
When printing to a non-PostScript desktop printer or exporting to an RGB file format, outputs pure CMYK black as jet black (RGB=000). This setting makes pure black and rich black appear the same.

Output al blacks as Rich Black

Other Issues with black in Illustrator:

Placed Photoshop files with black backgrounds when placed over vector black can sometimes create a problem. If you are having a problem where the black in your Photoshop file doesn’t match the black in your illustrator file, try the steps below. Additionally illustrator images not being pure black in Photoshop can relate to this information.

Use the Eyedropper tool in Illustrator to make the vector black the same color as the Photoshop black. To do this, select the black vector shape and then select the Eyedropper tool, click the Eyedropper tool on the black from the placed Photoshop file.

That should clear up the problem.

As a final note regarding colors when printing: Always consult the printer for each type of printing you are doing. Rich black and other color settings will most likely be different for each printer and print provider.