How to make a clipping mask using a compound path in Illustrator?

Published on
5,366 Points
Last Modified:
Ryan Kilimnik
I use my years of visual communication and design thinking to understand the user and their pain points to deliver the best user experience.
In this article, I’ll explain how I make a clipping mask out of several separate vector objects by using the Compound Path option in Adobe Illustrator. A compound path in Illustrator allows grouping of separate objects into one set of vector paths to manipulate. The Adobe help site has some useful information here on what a compound path is.  I will use text to create a clipping mask over some stars in this article.
Step 1. Write Your Text
In this instance I use a big bold font face. Something that will easily show the masked images underneath.

Step 2: Create Outlines of the text
When working with fonts, to make a clipping mask you will need to Create Outlines of the fonts. Select "Type" in the top menu > select "Create Outlines".

Note: I usually will duplicate the font before creating outlines. That way I have a quickly editable font to rework from.
OutlinedText.pngStep 3: Create items that will be masked
I created stars by using the star generating tool (found by clicking and holding the rectangle tool). Then I grouped them and copied them a few times.

Stars.pngStep 4: Overlap items
Select the outlined text and drag it over the stars. I look to try and fill as much of the letters with the stars. Next select the outlined text and bring it forward so that it sits on top of the stars. Select “Object” in top menu > Select “Arrange” > Select “Bring to Front”

Overlapped.pngStep 5: Duplicate outlined text
When creating a compound path the vector objects lose their background color and strokes. For my sample, the text has color. The only way to create that visual effect is to duplicate the text. I duplicate the layer by copying and pasting. Select “Edit” in top menu > Select “Copy” then Select “Edit” in top menu > Select “Paste”.  Move the new text out of your way as you concentrate on making your clipping mask.

Duplicated.pngStep 6: Make the Compound Path
Select the outlined text above the stars.  Select “Object” in top menu > Select “Compound Path” > “Make”. We now have our compound path.

CompoundPath.pngStep 7: Make our Mask
Select both the star pattern and compound path. Select “Object” in top menu > Select “Clipping Mask” > “Make”.

mask.pngStep 8: Align mask and duplicated text
Use Illustrator’s align tools (found under the Window tab > Align) select our clipping mask and duplicated outline text to align. Align them centered vertically and horizontally and  we are done!


Expert Comment

by:Josh 088
Clipping path used for remove background from the main object to closed vector path and shape. It also used to cut out a 2D image in image editor. It's a simple prosess. It is really important to underscore, first and the element of product photo. Modern marketing campaigns to defined by the quality of photography. There are lot of clipping path service provider on internet. But Tradexcelgraphics is the best clipping path BD . Its reputation also well known all around the world.

Expert Comment

by:shampa akther
Hi i liked your articles that you have post.In this article, You’ll explain how to make a clipping mask out of several separate vector objects by using the Compound Path option in Adobe Illustrator. <ahref://http://clippingpath.guaranteedinternetmarketing.com/>clippingpathexpert</a> used for remove background from the main object to closed vector path and shape.

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Join & Write a Comment

In this tutorial viewers will learn how to use the Pathfinder tool's 4 Shape Modes in Illustrator to create advanced shapes Draw two shapes: A circle and a rectangle: Select both shapes, hold down the Alt key, click and drag to create 4 copies.: Sel…
In this tutorial viewers will learn tricks for more effective scaling of vectors in Illustrator Open a document with vectors to be scaled in Illustrator: Normally, items do not keep their proportions when scaled. To fix this, hold down the shift key…

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month