Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
FREELessons:23Length:3.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

7.2 Clipping Masks

In this lesson you will learn how to create a clipping mask in Photoshop quickly and easily. This technique will enable us to mask images inside shapes and text.

7.2 Clipping Masks

Hi there, in this video, we are going to use Photoshop to take this image and clip it inside a letter like this. Boom, quick, super easy, all still editable, you can move things around. It's really cool, let's go learn how to do it now. All right, to get started, open up the source files, and open up the one called 13a-clipping-mask from Biel Morro. Get started, grab the type tool, click once, and type a letter. Okay, now, mine's already a ginormous, big serif letter because I practiced before the video. And [LAUGH] in my font size, you can see it's something ginormous, it's 900. Weirdly, the font sizes only go to 72, so yours might be as big as it can be at 72. You can either type in that 900, pick a font, or do what I do and just kind of click and drag to the right on this icon. So clicking and holding my mouse and just dragging to the right, you can see it goes up way past 72, until you get to kind of a size that you like. And I've decided about 900 something. I go to my move tool, get it into position, it doesn't matter what color it is at the moment, okay, because you saw at the beginning, the image is gonna go inside. Now the way this works is mainly to do with the layer order. The image has to be on top of the D, feels a bit weird, but that's the way it works. Now if I drag the background above the D, often it just says no. Okay, so what you can do is just give it a name. Okay, we've run into this problem before, it's locked. So just double-click it, call it Roses, okay, and drag it just above, and we are ready to go. To make the magic happen, make sure roses is selected, it's this light gray, then go up to Layer, and go to this one here that says Create Clipping Mask. Ready, steady, cool, super easy, super quick, nice, clean kind of mask. That's why it's in this section, and it works really good with these kind of simple shapes like type. So some of the things, so it's easy to get started. Now let's look at a couple of the interesting parts to this technique. I've got roses selected, so if I go to my move tool and move it around, you can see it moves independently of the D. Which is really cool cuz it means I can kind of get it perfect how I want. And I can also use the Edit > Transform > Scale, and then I can kind of resize this to how I want it to be, get in the right position, click Return. So same for the D layer, okay, if I click on this and move it around, okay, it's independent. There's gonna be lots of times where you wanna move them together. So what you can do is click on the first layer, hold Shift down on your keyboard, and then click the second layer. They're both light gray now, okay, and I can move them both around, and I can both transform them at the same time. Okay, just have them both selected. Now I'm gonna go and add the white background and the drop shadow. You don't have to, you can skip on to the next video. But if you wanna hang around, let's put a white background in. Why don't we have a white background now, it's because there's nothing there. It's kind of invisible, and Photoshop uses this checkerboard kind of effect to kind of try to represent invisibility. There's nothing there, but I want a solid white background and a drop shadow. So what I'm gonna do is, down here on my layers panel, I'm gonna click on this little icon here. If you hover above it long enough, it'll tell you it's the New Layer button. Click on him, and instead of Layer 1, I'm gonna be real good and call it white background. And the easiest way to fill it with white is, when it's selected, go up to here to Edit, there's a Fill option. And from this drop down, yours is probably set to something else, okay, I've set mine to white. Click OK, and we have a white background, well, we have white everywhere. But over here, remember, we're the bird looking up at the top, the white background's too high. Click, hold, and drag it, okay, so it's underneath everything. Next thing I want to do is add a drop shadow to my D. So I'm gonna click on the D layer, and I'm gonna go down to here to effects. I'm gonna go to Drop Shadow, and I'm gonna mess about with this, probably for ten minutes, trying to figure out what kind of drop shadow I want. One thing you might have to do is, the distance is gonna be really small and the size, because it remembers the last thing you did. We were doing drop shadows on really small text. Okay, so first thing to do is just crank up the distance and the size. Or not the size, sorry, the distance, and make sure the opacity's high, so at least you can see your drop shadow. Cuz if the distance is really small, you can mess around with these all you like, but you can't really tell what's going on. So crank it up, and go on to the next video while I mess around with us. All right, in the next video, though, we are going to learn how to use the quick selection tool. It's pretty amazing to do selections with, so yeah, I'll see you over there.

Back to the top