Hi, this is Gary with MacMost.com. Let me show you
how to use Clipping Masks in Pixelmator Pro on your Mac.
MacMost is brought to you thanks to a great group of more than 1000 supporters. Go to
MacMost.com/patreon. There you can read more about
the Patreon Campaign. Join us and get exclusive content and course discounts.
So let's say you have an image and you want the image to be inside of a shape. Like maybe
a circle or a rounded rectangle. Well one way to do that would be to take that image and then
remove the parts outside of the image to just have that shape left in the middle.
But a much easier way to do that is using a Clipping Mask in an app like PhotoShop or,
as I'm going to show you here, in Pixelmator Pro.
So in Pixelmator Pro here I'm just going to open up this image. When I open up the image directly
I just get that image by itself in a layer. Watch out for if you create a new document first and
then bring the image in then you're going to have a blank layer, usually just a white field,
and then the image on top. So here I've got the image all by itself. Now, of course, I could use
a selection tool here on the right. Select any area I want. Hit Delete and now it is transparent
right there. If I were to do that around the outside I could get it to be a shape that I want.
But a Clipping Mask allows you to do this in a much better way.
The idea here is that that add a shape, the shape that you want the image to be into. I'm going to
use the Tools here on the right, the Shape Tool. I'm actually going to click and select a rounded
rectangle. That's a good shape because it is difficult to make by removing parts outside.
So I'm going to draw the rounded rectangle here. If I hold the Shift key while I'm dragging I'll
get a perfect square. Let's say I want this to be the shape that I want the image to go into.
So this is like a window that I'm going to see the image through. I'm going to take this and
I'm going to place it over the area that I want it to show through when I apply the Clipping Mask.
So now notice I've got two layers here on the left. I've got the rounded rectangle on top
and the image below it. Instead I'm going to drag the rounded rectangle below it so we can't see it
anymore because it is behind it. The idea with the Clipping Mask is that the bottom layer is
going to be the shape and the layers above it are going to be what fits inside the shape. So
now I select the layer for the image above it. I could use Format and then Mask and then Create
Clipping Mask. There's a keyboard shortcut. But I like to just use the Control Key or two fingers
on the trackpad, right click on a mouse, to bring up the Context Menu and say Create Clipping Mask.
Then you can see here what it does with the layers
as I get this little arrow here to the left pointing to the layer below it.
You can see now the image corresponds to that rounded rectangle the Clipping Mask and
anything above it that has this arrow pointing down is now going to be shown using that mask.
So I get this nice rounded rectangle here. I could still adjust both layers. I can select the rounded
rectangle here, for instance, and I could drag one of the corners of it like that or I can drag
one of these dots here that changes the curve of the corner. I could also select this layer here
and move it around. You could see how the image moves just fine. If I wanted to move the rounded
rectangle itself it is difficult to do because this layer is on top and clicking and dragging
is always going to grab the layer that is on top. But I could lock it like that and now it
won't drag this layer but it will drag this one. So now I can move the rounded rectangle around.
Now if I were to export this all this area here would be transparent. This area
here would be the only remaining visible part of the image. I could go to Image,
Trim Canvas here and then trim transparent pixels and now I've gotten rid of the rest of it and
have a nice tight image that I can export and use, say, in a Keynote presentation. I can use
it in Pages. I could use it in iMovie. All sorts of different ways to use it.
Now the layer here that is the Clipping Mask doesn't have to be a shape. I'm going to delete
this layer here. That will get rid of the Clipping Mask and we're back to just having the image. I
could add a new empty layer and then use one of the Painting Tools here and draw on top like that.
So these are just pixels that I'm drawing. I can move that below, like before. Select the image
and then create a Clipping Mask. You can see how whatever I've drawn, that's what becomes the mask
there. If I wanted to include multiple shapes I could draw multiple shapes, like this, and then
maybe like that. Take these two, select both layers. I'm going to Control Click on them and
group them together. Then I could take this group and put it below. If I create the Clipping Mask on
the layer above you could see it treats the group as the Clipping Mask. So I can add more things
inside this group if I want. Likewise if I dragged another image to another layer here then this
layer isn't part of the Clipping Mask. You can see it doesn't have that arrow there. I could Control
Click it there and create Clipping Mask and it would add it. So now I've got this layer here
and this layer here. Both of these both using the Clipping Mask that's below it.
Another type of layer you can use as a Clipping Mask is text. So I can create a text layer here.
I'll just create some text like this and it doesn't actually even matter the color
because it's going to just worry about whether the pixels are transparent or not. Then I can
increase the size. Position it like that. Now if I make this layer the Clipping Mask layer like that,
that's the result I get. Let's drag this around, and there we go.
Here's another example. Say I've got this image here and I want to replace the image in this
picture here. So there are a lot of ways I could do it. Let's drag in our other image here. I could
trim this so it fits perfectly in this shape. Then just place it on top. I could also
select this in here, just cut out a rectangle, and then delete it creating a hole. Then place this
behind it, like that. But the problem with both of these is I've destroyed the layers. In this case
I've created this hole here and I really can't get it back very easily. If I decide to change
my mind and maybe have a smaller cutout and that kind of thing. If I trim this image I couldn't
get the pixels back if I decided to resize it as well. However, by using a Clipping Mask I can do
it without destroying either of these two layers. All I would need to do first is create a shape
here. I'm going to use a rectangle shape. Let's zoom in here and make sure I create it right over
the part of the image where there is a photo. Just like that. Now I'm going to use this as
the Clipping Mask for this layer here. So I'll do that. Now let's lock this layer so we can't
move it. Lock this layer so we can't move it. We will just move the picture behind it. There we go
to get exactly what I want. The great thing is this image is untouched and so is this image.
I've just used a Clipping Mask. So whatever I want to do. If I want to use a slightly different part
of this image here it's easy to adjust. If I want to adjust what part of this image seems
to be cutout or overlaid with the other one I could adjust that. I've got the most versatility
here for the future by using this simple Clipping Mask technique instead of cutting something out.
I hope you found this useful. Thanks for watching.