How to Use Adobe Illustrator's Clipping Mask and Compound Path Tools

Share on facebook
Share on google
Share on twitter
Share on linkedin
How to Use Adobe Illustrator's Clipping Mask and Compound Path Tools

Aloha, designers! Please meet Group Director, Jason Aiken’s candy and totally-cute canines, Job and Lily.

Job and Lily have a love for skilled swimming and we’re going to use one among Illustrator’s good design instruments to point out off their abilities — the clipping masks.

You are watching: clipping path release


What’s a Clipping Masks?

A clipping masks is a form (referred to as a clipping path) that masks any object under it, so solely what’s inside the clipping path is seen. A clipping path can solely be a vector object, not a photograph. Nevertheless, the thing under it may be something – a raster picture, vector drawing, and so on.

A couple of issues to notice about clipping masks:

  • The clipping path should all the time be on high of the thing you’d wish to clip.
  • You possibly can solely have one clipping path.
  • Nevertheless, a number of objects could be clipped.
  • Clipped objects have to be within the identical layer or group.

By now you could be considering… “What? I’m a visible learner.” Effectively I’m too… so let’s exhibit.

How you can Make a Clipping Masks

On this demo, the clipping path would be the textual content of their names, Lily and Job. The objects we’re going to clip can be photographs of them swimming. To begin, we are going to do a clipping masks for Job.

A clipping masks could be made in just a few alternative ways:

  • Drop down Menu: Object > Clipping Masks > Make
  • Shortcut Key: Command > 7
  • Layer Panel: Make/Launch Clipping Masks icon on the backside
  • Proper click on: spotlight all objects and choose Make Clipping Masks

In a single layer, I’ve put Job’s title on high of his swimming picture. You possibly can broaden the layer view to see the textual content and object picture individually:

Job Swimming

See more: Clipping path vs masking: Difference Between Clipping and Masking | Tradexcel Graphics

As soon as the pictures are correctly organized, click on on Object > Clipping Masks > Make. You’ll discover that every little thing disappears besides what’s inside the clipping path (Job’s title).

Cool and straightforward, huh?


Utilizing Two or Extra Clipping Paths

Now, let’s do the identical factor for Lily. Lily’s title must be altered in order that her picture suits properly. When coping with clipping masks, you’ll usually discover that both the clipping path or object beneath must be altered to suit collectively.

On this case, I need to edit the letters individually. First, I transformed the textual content to stipulate so every letter could be edited. To transform textual content to outlines, click on on Kind > Create Outlines (shift>command>O) or by proper clicking on the textual content and choosing Create Outlines.

Every letter has now change into an object that may be edited however not like common textual content. You’ll discover that anchor factors seem on every letter — they are often moved and edited individually:

Outlined Text

Fortunately, compound path permits a number of paths to be mixed into one path. We are able to convert it to at least one path by highlighting Lily and choosing Object > Compound Path > Make (Command>8).


Now, spotlight the compound path and picture, then choose Object > Clipping Masks > Make:


Compound Paths

As you noticed, compound paths mix all chosen paths into one. You may as well use this software to make some fairly cool designs shortly.

Read more: How to Remove Background in Photoshop ? – Clipping Path Creative Inc

Mess around with it by taking just a few fundamental shapes and stacking them on high of one another. Then choose Object > Compound Path > Make (Command>8):

Compound Path Shapes

Clipping Two or Extra Objects

Though, there can’t be two or extra clipping paths (with out making them a compound path), you CAN clip two or extra objects beneath.

I’ve made certain the pictures of Lily and Job are on the identical layer. I’ve additionally made certain they’re positioned beneath the clipping path: DOG LOVE.

Dog Love

Choose Object > Clipping Masks > Make. I’ve made the pictures extra seen by including a black background.

Black Background - Dog Love

Launch or Edit a Clipping Masks and Compound Path

To launch or edit a clipping masks, you possibly can both:

  • Choose Object > Clipping Masks > Edit/Launch
  • Or edit by isolating the clipping masks: double click on it or discover it on the Layers Panel

Launch or edit a compound path:

  • Choose Object > Compound Path > Launch
  • Or edit by isolating the compound path: double click on it or discover it on the Layers Panel

As you possibly can see, clipping masks and compound paths are some fairly cool and straightforward instruments that make designing that rather more enjoyable.

Because of Job and Lily for displaying the group simply how enjoyable the clipping masks could be:

Thanks Job and Lily

Be certain that to keep watch over our fb and twitter@99designs for extra Adobe tutorials.

Leave a Reply


Powered by WhatsApp Chat

× How can I help you?
%d bloggers like this: