Clipping Mask Illustrator Text | How To Make A Clipping Mask With Text In Illustrator

Youtube URL:

Design Made Simple

Subscribe Here

Likes

2,438

Views

78,553

How To Make A Clipping Mask With Text In Illustrator

Transcript:

[MUSIC] This is Nick with logos by Nick Comm. And in this tutorial, I’ll be demonstrating how you can create a clipping mask with text using Adobe Illustrator, So we’ll go ahead and get started here in Illustrator. I just want to create a new document for the template. I want to use custom and I want to size it to 1280 by 1280 pixels, and then I’ll go ahead and click create and the first thing I want to do is just make sure we set up our canvas that we’re all working with this similar workflow so to do that. I’m gonna come up here to where it says view, and I want to make sure I turn off snap pixel and make sure anything else that’s enabled is unchecked as well we don’t want. Anything enabled here, especially something like smart guides because that’s gonna get in our way of what we’re doing and what we want to do Next is come over here to where it says window, and we’re gonna want to make sure we have these objects selected control color. Pathfinder and Stroke. And that’ll give you these menus over here on the right-hand side of the screen. So once you have that set up, we’re good to get started. The first step is to place our image into the document here, so the photo. I’m gonna be working with Ill. Go ahead and open it now and you go to file place and I’m gonna grab my example photo, which is right here and I’ll click on the canvas to paste it in there and what I’m gonna be doing is I’m going to create. I’m going to create some text that says fitness, and I’m gonna place it over the photo and use the text as a clipping mask so that the text is comprised of this photo right here, so let me grab the text tool, which is up here and I’ll click on the canvas to create some text, but first I want to choose my font, so I’m gonna come up here and choose my font. The font I’m using is called Sirona. You can use whatever font you’d like. I I in my experience. I like the bold or the font, the better because the more of the text will show. I mean more of the photo will show through. If you’re using like a really lightweight thin font, there’s not gonna. You’re not going to be able to see much of the photo, so I’d recommend you use a really bold, heavy weight font and I’m just gonna write in my text here. I’m just gonna write fitness and all caps. Now let me grab the! Select tool. Now let me scale this up. I’m gonna hold shift and off to scale this up. Let me bring this over here. I’m gonna place the text on top of the subject here, and I want to make this a different color, Just so I can see this better. Let me make this a different color. Green looks pretty distinguishable up against the yellow background there. So what I want to do now is I want to change this from a text object to actual outline, so I want to come up here to where it says type, and I’m gonna click on create outlines, and now I want to ungroup it by going to object on group and then click off the click off of the graphic to deselect everything what I want to do now is just move these letters closer together because as they’re spaced out right now, it’s not really gonna work well with the photo. The closer the letters are together, the more of the photo you’ll be able to see within them or the more sense. The photo will make. So let me zoom in. I’m gonna hold Alt and roll up the mouse wheel a couple of times to zoom in, and I’m gonna click and drag this letter over to the right a little bit and I’m gonna hold your shift on the keyboard to lock it on to the horizontal axis. And then I’m gonna hold shift and click on the letter I so I have both those letters selected, and I’m gonna move them over as well again holding shift in the keyboard. Move them over! Do the same thing with the rest of the word here, hold shift. Click the letter move this over and hold shift to lock it onto the horizontal axis, and I’ll just go through and do the rest of these real quick. And once you’re finished, what you could do is you could hold shift and click on the last one, so you have all of them selected and I want to bring down the opacity, so I can see the subject or the photo through these letters here, so I’m gonna click on opacity. Bring that down roughly in half, and now I want to manually place where these letters are going to be. So let me zoom out a little bit. Hold all all to roll down the mouse-wheel. I want to place these letters. You might even have to resize them a little bit. I might make this a little bigger again. You could hold your shift when you’re scaling to make sure that it locks the proportions. And wherever the the photo is showing through the green area of the text here is where the the photo is going to get clipped onto the onto the text. So you want to make sure you choose the right spot for it? I want to put this right about here, maybe? I’ll make this a little bigger, okay, right at that. There looks pretty good. Now what I want to do is I don’t want to just make a clipping mask out of the text here on this photo. I want to add a little bit of a pop-out effect as you saw in the thumbnail. I want the hand to be popping out of the text, and I want the head to be popping out of the text as well and maybe this arm right here to be popping out of the text. So in order to do that. I’m gonna create, I’m gonna manually Create objects going over the areas that I’d like to be popping out from the text. So let me zoom in over this hand to area right here by holding Alt and rolling up the mouse wheel and then move the page around, I’m just pressing down the space pressing down the spacebar and then clicking and dragging like that. What I’m gonna do is grab the pen tool, which is over here and let me deselect everything. Actually first. Let me click on the. Select tool, let me press escape on the keyboard A couple of times or a press control-shift a to deselect everything. Let me come back to the pen tool. Let me zoom in. I’m gonna create manual points going around the arm here to create an object and I’m going to go through and create these points outlining the hand right here, and once you’re finished outlining that specific area, just go ahead and click on the original point to close the path there. And there you go now. That area of the of the hand is gonna be sticking out from the text now. I want to do the same thing over here. I want to create objects around the other areas that I’d like to be sticking out from the text as well. So I’m gonna go ahead and outline those as well like the hair up here and the head. And once we have our objects created what I’m gonna do now is I’m gonna grab the Select tool and I want to click and drag. I want to select all of these objects, all of the letters, and then both objects. I just created over the subject there so to do that. I’m just gonna click and drag over everything, so I have everything on the canvas selected, and then I just want to deselect the photo, so I’m gonna hold shift and click on the photo to deselect it and what I’ll do now is Ill. Come down here to the Pathfinder tab and where it says shape modes. I’m gonna click on this button right here that says unite and that’s going to unite them together into one object, and then I’ll come up here to where it says object compound’s path make. That’s gonna make that into a compound path, And then what I’ll do is I’ll hold shift. Click on the photo and then we could just right. Click on it and go to make clipping mask and as you can see, we have made a clipping mask from our text using that photo right there. So that’s how you can go about doing that with Adobe Illustrator. If you have any questions, let me know. And as always, thanks for watching [Music].