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

Ryan KilimnikDirector of Creative, UX & UI Design
CERTIFIED EXPERT
I use my years of visual communication and design thinking to understand the user and their pain points to deliver the best user experience.
Published:
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.
Finished.png
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!

Finished.png 
0
10,887 Views
Ryan KilimnikDirector of Creative, UX & UI Design
CERTIFIED EXPERT
I use my years of visual communication and design thinking to understand the user and their pain points to deliver the best user experience.

Comments (2)

Josh 088SEO Opporator

Commented:
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.
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.

Have a question about something in this article? You can receive help directly from the article author. Sign up for a free trial to get started.