How do I trim the overlapping elements in Adobe Illustrator?


Whenever I am working with Adobe Illustrator, I can't figure this out for the life of me so I end up doing all kinds of knifing to get it sort of the way I want it. I am posting this here so I can find out the actual way to do it once and for all.

Basically, in the below image (left), I want to trim the overlapping elements so nothing gets past the inside of the black border like the image on the right.

enter image description here

Do I select all three elements (the border and the two shades of ground) and use a tool in the pathfinder? How do I go about this?

4/17/2013 10:28:00 PM

Unless I'm misunderstanding the issue, the easiest solution is to move your frame in front of the other elements. Select the border, and from the main menu, choose Object > Arrange > Bring to front.

Or, for more precise control of the "stacking order" of your objects, for instance, if you don't want the frame to be the top-most object in your drawingbut still be in front of the overlapping objects, select the frame, which will be showing as "Selected Art" in the Layers panel, and move the frame in front of the objects. If you're not that familiar with the various indicators in the Layers panel in Illustrator, you can check out this short article:

But if you want to actually trim the objects, the Shapebuilder tool (Shift + M), is a more intuitive way to work with Pathfinder operations. If you select the objects in question, the frame and the two other shapes, you can work with the Shapebuider to "merge" the overlapping pieces. There's a sweet video tutorial here that shows the use of this tool, which was introduced in CS5.

4/18/2013 2:58:00 AM