How To Make A Clipping Mask with Text in IllustratorHow To Make A Clipping Mask with Text in Illustrator https://logosbynick.com/wp-content/uploads/2020/04/clipping-mask-with-in-illustrator.jpg 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
In this tutorial I’ll be demonstrating how you can use a photo to make a clipping mask with text in Illustrator. It will create the appearance that your text is made of a photo. We’ll also be utilizing a simple trick to make a pop-out effect where it appears as if certain areas of the subject/photo are popping out from the text.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
The following is a brief overview of the steps we’ll be taking to make a clipping mask with text in Illustrator. For a more in-depth learning experience with step-by-step instructions I would recommend watching the video tutorial at the top of the page.
Make A Clipping Mask with Text in Illustrator
The first thing we’ll need to do is create a new document and place your desired photo into it by navigating to File > Place and selecting your photo. For this tutorial I’ll be using the following photo for the demonstration.
Now it’s time to create some text with the Type Tool and place it over your subject/photo. For this sort of effect I recommend using a bold or heavy weight font so that you’re utilizing more of the photo once it’s clipped into a mask. If you use a thin font then the photo will barely be visible once clipped.
For this tutorial I used the Serrona font, but you can use whatever font you’d like.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Make sure to position your text over the areas of the photo where you’d like the photo to show through once we’ve created our clipping mask. To make it easier, I made my text a color that contrasts well with the photo (green for this example) and brought the opacity down to 50% so I could see where the photo lines up with the text.
Now convert the text to outlines by selecting it and navigating to Type > Create Outlines, then ungroup the letters by going to Object > Ungroup.
In order for this effect to work well, the letters will need to be closer together. Click and drag each of the letters individually to bring them closer together. Make sure to hold Shift while moving them so that it locks them onto the horizontal axis.
At this point it’s time to determine what areas of the subject/photo we’d like to pop out from the text once it’s clipped. Grab the Pen Tool and manually draw some shapes over those areas. For this example I’ll be using the subject’s hand (on the left side) and her head/arm.
Next, select all of the letters of the text as well as the individual shapes you just drew and unify them together in the Pathfinder menu. If you don’t have the Pathfinder menu active on your screen you can navigate to Window > Pathfinder to bring it up.
With all of the aforementioned objects selected, click on the icon to the top left that reads Union (outlined in red above.) This will unify all of the objects into one shape.
Now let’s make the shape into a compound path by navigating to Object > Compound Path.
Then, you can select both the object and the photo and make a clipping mask out of them by right-clicking and selecting Make Clipping Mask.
Clipping masks allow you to make one object take the shape of another object.
And with that you are finished! That is how you can make a clipping mask with text in Illustrator. If you have any questions simply leave a comment below, and be sure to check out some of my other Illustrator tutorials. As always, thanks for watching!
Be Notified of New Posts
Join the Logos By Nick mailing list to be notified of new posts. Members receive free design templates and special discounts on courses and various products. Your information will not be shared with any third parties.
You might also like
Illustrator VS Inkscape | The Complete Guide for Vector DesignersIllustrator VS Inkscape | The Complete Guide for Vector Designers https://logosbynick.com/wp-content/uploads/2020/05/illustrator-vs-inkscape-1.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g