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.