Compositing: Clipping Masks

 

How to Edit With Adobe® Photoshop® Elements

 

Lesson Info

Compositing: Clipping Masks

For what I'm going to do next, we're going to surrender some of that edits ability so that we can gain something else. Does that make sense? Okay, so we're going tio rast arrive the two type players, so we've got the text. We've got the exclamation point rast arising, it simply means we're going to convert it from editable text into pixels in element. It doesn't use the word rast arise that uses the word simplify, so we're going to simplify that very complicated text layer, and we're just going toe turn it into pixels, so to do that, I think I can do in both at the same time, so to select both layers, I've got one selected already. You can tell by the blue bar here to select both, I'm going to hold, shift and click the other types text layer, then I'm going to right click or control, click and choose, simplify layer. And just like that, they both turned into pixels. Okay, let me undo that you can see what happened to the icon one more time. So when it's, a type player, it's got a big t...

ea here that lets you know that it's text and its editable, and you can scale it, and it's, vector and sharp, it's crisp, it's, whatever, but now we're going to convert it so again I'm going to shift click on the layer to select both of them and I'm going to right click on the blue bar here in the layers panel right click or control click simplify layer and now you see those teas are gone so now it's just pixel that are laying around in the shape of letters that makes sense okay? And one other thing I'm going to do is merge these together because we're going toe actually glitter glitter ify the text and it's just less complicated if there if it's all on one layer so I'm going to smash him down together called merging so to do that we're going to right click or control click again on the bar right here right click and I'm going to say um actually think we can only do one I'll select this top one right click and I'll to merge down okay whenever you merge layers you can only emerging down not up so in this case I want emerge this layer with the one underneath so if I if I had selected this layer it would merge it down with his mustache that's not what we want so I have to click on this one right here because it's on top so flipped it right click or control click merge down and now we just have all of that on one layer now I'm actually also going to scale it down because it's obviously a little too big so because it's no longer text I can't scale it by selecting the text and changing the font size so I'm just going to transform it so to pull up that transformed box again is commander control t for transform so press that I'm not going to hold shift because it's already going to constrain proportions for me so I'll just click and drag in something like that if I click within the box I can reposition it so we'll put it about there if I want to spin it may be given a little bit of an angle I can hover my cursor out outside of the box and you'll see it turns into a bent arrow I call it a macaroni noodle like um I'm going to click and then drag and I can spin it so maybe something like that's kind of fun when I'm happy with it I'm going to click the check mark right here and that's looking good um okay we're ready for the glitter it is ready and so fun it's the most non messy glitter experience you will probably ever have got here is really messy I'm going to grab the glitter over here so I'm going to click to get the glitter image grabbed the move to welcome any time you're moving parts of animated or an image from one to another use the move tool and we'll go back to our photo been and I'm just going to click on the glitter and drag it straight down into his image and I'm going to drop it and now we're done just kidding that was great you can just guess what he looked like and guess what his name is and all that okay? This is so easy so we just dumped all the glitter into our workspace now we're going to clean it up in a snap and we don't even have to vacuum it's going to be great so what we want to do is we want to make the glitter stick to the text yeah ok, but to do that we're going to do make what's called a clipping mask in the layers panel I'm gonna put my cursor between the glitter and the text I'm going to hold the option key and you see that the cursor when I press option it changes into the square with a little arrow and if I click in the space between those two layers it clips the glitter to the text now that's a whole lot of glitter I don't want it on all of the text I just want it on seniors a and the exclamation point so now I'm going to prove to you that elements has layer masks even ok and if you don't know what layer masks are you're going to find out hey, so what I want to dio if hide the glitter from this line of text right here so I want the glitter just down here and on the exclamation point so we're going to do is called masking it to do that we come up here in the layers panel and you click this picture that looks like a circle inside of a rectangle that's the layer math button so I'm going to click with it and it just adds this white mask over here nothing happens in the image that's ok? Because the mask is blank the way the math works is you just use your paintbrush and you use black or white paint in this case I'm going to use black paint so I need to flip flop my colors because I currently have white on top whatever colors on top here that's the color that you're going to be using that's what's going to come out of your brush and in this case I want the black so I want to flip flop these colors so I'm going to click this little macaroni noodle right there and it's going to flip flop until I have black paint then I'm just going to put my cursor over here and paint paint the glitter away and I'll explain what's happening in a minute I'm going to make the cursor smaller with those bracket keys that we used earlier and not actually painting black paint that's what it looks like but that's not what's happening so let's take a look at the layers panel I've got the glitter here the glitter is clipped to the text meaning the glitter on lee shows up where the text shows up so if you imagine that the text was written in glue like imagine in the actual real world imagine we took a bottle of glue and like painted with it and we wrote these words and then we dumped glitter on top of the table and then shook it off the glitter would only stick to wherever the glue wass so in photo shop in elements here that this is the glue and this is our glitter and because we've clipped it it's only going to stick to wherever the glue with time and again that was option and clicking in between the layers so it's clipped to the text right here then we added a layer mask which allows us to say hey glitter I know you're sticking to all this glue but can you just like ignore this area and we basically paint the area where we don't want we don't want it to stick so we're just hiding it if we make a mistake and paint like oops I painted onto the exclamation point and I didn't want to do that I can unhygienic it by switching back toe white paint and just painting it back so that's happening here in the layers mask so that it liked the name mask when you wear a mask like if you were gonna rob a bank or something that's terrible if you're doesn't up for halloween and you don't want to you like you don't want people know who you are you wear a mask on your face right and it covers your face it hides your face here in elements this mask is called a layer mask because it's hiding part of that layer and just like if you were going to dress up a zorro or something, you'd wear a black mask to hide your face here in elements the black paint on this layer mask hides that area of that layer you with me? This is some advanced stuff for elements right now, but I just wanted to prove to people that elements can hang with the big boys because it's pretty awesome on its own. So I was like, we got to talk about layer math ok let's just that we can drill this in a little more let's add a subtle bit of water color texture to the rest of the text that we have here just so we can review right? So I'm going to go to, um the water color layer I'm gonna grab the move tool and again I can go to my photo ban and drag it down or I can drag with my move to ally could also just drag up into the tab right here. So whatever whatever works now the same thing. Oh my gosh, this watercolors huge is covering everything let's transform it so we could see a little more texture within the area that we're going to be using it. So I'm gonna press commander control t and we can't see any of the control handles because it's huge. So all press commander control zero to scoot way back and then we can see them hiding where in the corner like this one click and just drag inwards and here's a little trick too. If I if I just dragged like this and it's going way off here and then I have to move it down, I can also while I'm dragging, I can hold the option key and then it will drag from all corners inward, so just save me a little time when I'm happy with it. I will click the check mark. I'm gonna position it so that it's on top of the text again. And now we are also going to clip this watercolor layer to the same text remember so again pretending that the text was written with blue, we're going to make the water color stick. To the glue we do that again by holding the option key and you see the cursor I get here I'm going to click and now the water color is clipped the same is how the glitters clipped now of course the water color is actually covering the glitter now I'm zooming in with control plus or command or control plus on I'm going toe drag this area of my screen over by holding the space bar okay, so now we have the same situation where we want to mask part of this watercolor so it's not covering the glitter you with me so I'm going to get the mask button right up here going to click that nothing happens to the image yet we just basically put on like an empty mask like it's blank it's like you're dressing up a zorro and you put not like imaginary like invisible like you're wearing a mask made out of cellophane or something. Good luck with that so don't don't try to rob a bank like that I don't think you'll get far or just don't rob a bank that's not not a good thing to do alright, so now we'll go back to graham are paintbrush over here with the picture that looks like a paint brush right and again remember that in order to hide things with your math you want to paint with black so I've grabbed the paintbrush and I'm going to switch the colors. So black is my active color. And then I'm just going to paint where we don't want to see the water color layer, so we don't want it on top of the glitter. So it looks like I'm painting glitter. But I'm actually painting a mask that's just hiding the watercolor, revealing the glitter that's underneath it with me. I know it's kind of mind were p, but we're just going to jump in and you're going to learn to swim. That's. How it's gonna work, right?

Class Description


Everyone has heard of Adobe® Photoshop®, but have you met its easy-to-use counterpart, Adobe® Photoshop® Elements?

Adobe® Photoshop® Elements is the perfect tool for hobbyists and beginners who are looking for a simplified introduction to image editing and organization.

In this class, Khara Plicanic will get you started in this easy-to-use program. You’ll learn about everything from organizing your image collection to retouching to adding graphics. Khara will help you discover the function and features that make Adobe® Photoshop® Elements an awesome solution for folks who don’t need all the bells and whistles.  


Software Used: Adobe Photoshop CC 2015