DesignTips > > How to Clip Image with Multiple Objects (Illustrator)

How to Clip Image with Multiple Objects (Illustrator)

How to Clip Image with Multiple Objects (Illustrator)

In this section we will introduce you how to clip an image with multiple objects.

We have seen how to clip an image using short form objects and paths in How to crop a picture with Illustrator and How to clip text with image in Illustrator.

This time we will clip with many objects and texts. [Compound Path] will be used for the task.

If you do not know well about compound path, refer to What is Compound Path? for further information.

Step01 Have Background Image Ready

Have an image ready you want to clip. Lock the layer. This time we chose a colorful bamboo luncheon mat.

Step02 Arrange Text and Shape

Arrange texts and shapes anywhere you like. It is easier to see where you are clipping without fill. The text font is <HGP Soei Pop>.

Lock the background image so that you can move around objects more easily.

Step03 Outline Text

To be able to clip text with the other objects, outline the text. [Right Click > Create Outline].

Step04 Compound Objects

Compound the text and shape objects using [Compound Path] for clipping.]

To do so, select [Object > Compound Path > Create].

Compound Path Applied

This is how it looks like when Compound Path is applied.

Layers before Applying Compound Path

The object layers are compounded as <Compound Path>.

Step05 Clipping Image

Clip the image using Clipping Mask.

Unlock the background, select all, and clip the image [Object > Clipping Mask > Create].

 Done!

A simple luncheon mat can be very pretty just by clipping like this. We mainly focused on clipping this time and we selected a simple design. You can apply this technique for more advanced designs.

You can also outline images when clipping, which gives enhanced impressions on designs.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop