Skip to main content

How to Mask an Image Inside Text in Adobe Illustrator CC

Lesson 22 from: Adobe Illustrator Fundamentals

Daniel Walter Scott

How to Mask an Image Inside Text in Adobe Illustrator CC

Lesson 22 from: Adobe Illustrator Fundamentals

Daniel Walter Scott

buy this class


Sale Ends Soon!

starting under


Unlock this classplus 2200+ more >

Lesson Info

22. How to Mask an Image Inside Text in Adobe Illustrator CC


Class Trailer



Class Introduction to Adobe Illustrator CC for Beginners


Class Exercise Files for Adobe Illustrator CC Essentials


Getting Started with Adobe Illustrator CC




How to Draw in Adobe Illustrator CC with Shapes & Lines


How to Draw Using the Shape Builder Tool in Adobe Illustrator CC


How to Draw a Fox Using the Shape Builder Tool in Adobe Illustrator


Drawing - Quiz



How to Draw Custom Logo Shapes Easily in Adobe Illustrator CC


How to Draw Anything Using the Curvature Tool in Adobe Illustrator


How to Draw Using the Pen Tool in Adobe Illustrator CC


Drawing with the Pencil Tool in Adobe Illustrator CC


How to Use Brushes in Adobe Illustrator CC


How to Draw Lines with the Width Tool in Adobe Illustrator


Type & Fonts


How to Use Type & Fonts in Adobe Illustrator to Design a Postcard


How to Curve Type Around a Badge Using Adobe Illustrator CC


How to Break Apart & Destroy Text & Fonts Using Adobe Illustrator CC




What is RGB & CMYK Colors in Adobe Illustrator CC


How to Steal Colors from an Image Using Eye Dropper in Illustrator


How to Find Amazing Colors in Illustrator Using Color Theme


How to Make Gradients in Adobe Illustrator CC


Color - Quiz



How to Mask an Image Inside Text in Adobe Illustrator CC


How to Cut Holes in Shapes Using Compound Shapes in Illustrator CC


Masking - Quiz

CC Libraries


How to Use CC Libraries in Adobe Illustrator CC


Effects & Patterns


Making Things Liquid & Distorted in Adobe Illustrator CC


How to Bend & Warp Shapes & Text in Adobe Illustrator CC


Drawing Amazing Repeating Shapes in Adobe Illustrator CC


How to Create Repeating Patterns in Adobe Illustrator CC


How to Vectorize an Image in Adobe Illustrator CC


Effects & Patterns - Quiz

Capture App


How to Use Adobe Capture App with Adobe Illustrator CC


Free Templates


Using Free Templates in Adobe Illustrator CC




Exporting for Print


How to Save Your Illustrator Files as Jpegs for Websites


Exporting - Quiz

Real World Exercises


32. How to Redraw the MasterCard Logo in Adobe Illustrator CC


How to Redraw the Instagram Logo in Adobe Illustrator CC


How to Redraw the Kodak Logo in Adobe Illustrator CC


How to Redraw the eHarmony Logo in Adobe Illustrator CC


How to Redraw the Tinder Logo in Adobe Illustrator CC


How to Redraw the BP Logo in Adobe Illustrator CC


Next Steps


Cheat Sheet for Adobe Illustrator CC


Course Conclusion for Adobe Illustrator CC


Final Quiz


Final Quiz

Lesson Info

How to Mask an Image Inside Text in Adobe Illustrator CC

Hi there. Welcome to this video. We are going to take images and crop them inside of boxes, inside circles. We're gonna do an entire multiple shapes. Okay. And inside text and the text is edible, awesome. Let's go and learn how to do that now in adobe illustrator. So first up, if you're following along with the tutorial series, make sure that you're on your background layer, it's unlocked. And let's just turn the eyeball on the type layer off. So we're just working on this one layer now. You know, you're working on this lab because it's blue. Okay, next thing I'm gonna do, I'm gonna zoom out a little bit and bring in an image. I'm going to go to file. I'm going to go to place and we're gonna start with this one called desk can take place. This is a very big image. So if I click once it ends up being this ginormous version, so what we're gonna do is we're going to click and drag it out. Okay, so I'm gonna bring it in and I'm gonna drag it kind of it's a bit hard because it's a rectangle...

. So drag diagonally out and just make sure it's bigger than what we, you know, this square that we're going to crop it into now with the black arrow just kind of move it so you roughly get it to the position you want. It's hard to see. I know. And what we need to do is that the gray box needs to be on top. Okay. The shape that you're going to use is the clipping mask. Okay. it needs to be on top of the image. So I'm gonna click on this guy, go to properties, let's go to the range and we're gonna send them to the back. I'm going to get them into a kind of a rough position and I kind of want to clip, we can adjust that afterwards. Now I need to select both of these so I'm gonna click my rectangle tool first. Oh sorry the gray rectangle hold shift, grab my image. So they're both selected now over here we've got one that says make clipping mask awesome. Huh? Okay. So it doesn't really matter what the shape is. Let's do a circle. So lips okay I'm gonna try to circle, I'm gonna bring in an image. It doesn't really matter if it has a fill or a stroke. Okay I'm just gonna give it once so you can see it. Um Let's go to file place. Um There's one called drawing to that we used earlier on. We use him again. Again I'm going to drag it so it's kind of big enough to go in the circle, Get it into a rough sort of position for me. This one needs to be at the back, arrange, send back, select them both. Make clipping mask so it doesn't really matter. You can draw with stars. Pentagons. Okay. Whatever you want to draw with, you can draw something custard with the pen tool or the curvature tool. Now there'll be a time where you want to readjust this image. So remember the black arrow kind of physically move stuff around. The white arrow gets in there, right? So if I click on there, click off, click back in there. It's click on the image, you can kind of see, it's kind of sprung to life and I can move this around to adjust the size. I actually need to switch back to my black arrow and it kind of remembers that I've got the image selected holding shift, let's say I want to get it perfect in there. Okay, I can still adjust it, so that's how to get in there and adjust them. Let's click off. There will be times where you need to actually just pull them apart. Like come out of there happens if you're opening up somebody else's image and it's clipped and you're like, how do I get it out there with it selected. There's one over here, it says release mask, click on that and they just kind of come apart now the circle that we had here, remember I had, I can't remember what color we had was blue I think, but it's disappeared. It's still there. Okay, but it has no Phil anymore. There's just something to be noticed. Okay, I'm gonna undo. Put it back where it was, let's look at another way of masking. Okay. And it is using multiple shapes and there's a little trick you need to do. So I'm going to draw an ellipse. It doesn't matter what color. Okay. I'm just gonna show you. Um and I'm going to duplicate this one. A cool way of duplicating. You can copy and paste. Okay? But I like to hold down the black arrow and then hold down the option key on a Mac, you can see the cursor changes a little bit and it's also on a PC. So while you're dragging, okay, I'm holding down the option key and you get multiple options. I'm going to have four of these little guys and then I'm going to group them so I can make another set. I don't know what I'm doing really. Just I guess that for instance. Okay, so I'm going to use this and I'm going to bring in an image file place and the one called bomb and I'm going to take place and I'm going to drag it. So it's kind of covering this whole thing. Okay? Now remember it needs to be at the back range, send it back and then I select them all and I go make clipping mask and it doesn't work. Okay. So the trick you need to do first is you need to select everything except the image. So I selected them all held shift to de select this back one. Any which way you've got to select all of these guys and you need to convert it into what's called a compound path. Now we'll cover compound paths properly in the next one. But for you in this case all we need to do is go object and go to compound path and just go to make nothing changes with it. Except now when I have them both selected and I go to make clipping mask. Hey they work. Okay. So make it a compound path. That can be any shapes. Like I've just used circles that can be like a bunch of random shapes or outlined text, anything like that. The next thing we want to do is within text. Okay? So what I'm gonna do is I'm gonna turn my layers back on and grab my type player. I want this thing Okay that I drew earlier. I'm going to just move it up here. I'm on my type player now. Okay. I'm going to bring in another image. Okay I'm using my shortcut now. Okay I'm getting tired of file place, you can see command in my case it's command shift P. Because I'm going to make it'll be control shift P on a P. C. One of the common shortcuts gonna be in color bomb again. Okay, what I'm gonna do for this one is I'm going to drag it quite big out here. I've got a I've got a plan okay from multiple lines anyway. And so the text is pretty easy, right? All I need to do is make sure he's behind. So properties arrange send it back. So here's my text layer, you can't really see him. It doesn't really matter what color he is. I'm just showing you so you can see him. So select them both. And then go to make clipping mask awesome. Huh? Well you can kind of see it see the edge there. Okay. The reason I did that is because I want to do this because it's editable type. I can double click on it. Okay? And I can go into here and go boom. Ah anybody else remember that song? I had this on cassette single, I think it was called. I loved it. Anyway. And so the cool thing about it is I double clicked on it. The weird thing is I ended up going inside the shape. Ok. And I'm we looked at this way at the beginning it's called isolation mode of kind of go inside this kind of clipping mask to get back to click on this arrow loads of times until it disappears. You can see the image. You know, editable text. The image is there. You can go in and change say where you want to move the image because it's a bit dark up here. Same thing again, double click it to go inside. And then if you kind of move around you can see I'm selecting the text and over here is the image. Okay, so I'll double click to go inside. I'm inside this clipping group and now I can move this image around. It's a bit fiddly. I'm not going to lie to you, so have a little play around with it so you can get it to work. But when you're finished definitely smash away at this arrow until you're back out. And that is clipping masks with text. We did it with multiple shapes. Remember compound path and just any old shape you like by just using the little option down here. Alright, that is masks. I've said that twice. Let's get on to the next video.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files

Ratings and Reviews

Roz Fruchtman

BIG COMPLAINT... I'm just starting this course. I have Illustrator CS6. My BIG/HUGE Complaint and I only watched 2 1/2 brief lessons... Is that the FiVRR LOGO (top right) is RIGHT ON TOP of the Illustrator Panels and YOU CANNOT SEE what is under it. IF one is just learning, they need to see what everything looks like in Illustrator (or any class). I STRONGLY suggest that FIVRR and CreativeLive find a better place to put the FIVRR Logo instead of putting it where it BLOCKS ESSENTIAL course visuals! Not sure I can get through this, but I'm not giving up quite yet. I like the course previews and IF I can learn how to get around Illustrator I will be thrilled... I am a Photoshop person, and Illustrator makes me feel like an incompetent! ;) Perhaps IF I can learn Illustrator I can use it for some of the visuals I create! Thanks in advance. PLEASE PLEASE PLEASE find a better place and size for the Fivrr Logo. ~Roz Fruchtman aka @RozSpirations

Christi Peace

This class is AMAZING!! Daniel is a very thorough, entertaining and easy to follow instructor. You DO NOT need to take any college course on Illustrator because this is the whole thing right here!! You will be a pro once you complete it. I only wish that Creative Live could send me a diploma for it once I complete it! BUY THIS CLASS! IT’S WORTH EVERY PENNY!!


Such a great course! Daniel made learning easy and fun. Can't wait to go on to the Illustrator Mastery course next!

Student Work