<

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x

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

Published on
5,891 Points
2,891 Views
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.
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
Comment
2 Comments

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.
0

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.
0

Featured Post

OWASP Proactive Controls

Learn the most important control and control categories that every architect and developer should include in their projects.

Join & Write a Comment

In this tutorial viewers will learn how to create a postcard text effect in Illustrator and get an introduction to the 3D tools Open a new document in Illustrator: Using a very bold font, type your Postcard text: Select the type, and go to Type > Cr…
In this tutorial viewers will learn how to apply a non-rasterized, vector-scalable texture to a vector using opacity texture masks in Illustrator Open a vector in Illustrator. Black and white vectors work best, but this effect can also be used to ad…

Keep in touch with Experts Exchange

Tech news and trends delivered to your inbox every month