Read the full tutorial here.
[Tutorial] How to use layer masks and clipping masks
2019-01-23 13:27:35
In image editing, masks nondestructively hide parts of layers. There are lots of different uses for masks and they are an incredibly flexible and powerful image editing tool. For example, in photo editing, you might use masks to combine parts of different photos into one. In graphic design, you might use clipping masks to fit an image within a container. And, in illustrations, you might use masks to fill layers with textures. Let’s check out how masks work and how to use them.
Read the full tutorial here.
Read the full tutorial here.
0
2019-02-14 06:42:52
Hello everyone! I have to say I’m a massive fan on Pixelmator Pro but I’m finding the lack of information about clipping masks to be infuriating. PS has a million different articles about the same process yet your lucky to find anything similar for Pixelmator? I would love to see more diagrams of how a mask effects objects Created in PP, since I create images for animations and not remotely interested in editing photo’s. I’ve been struggling to get the mask to work reliably, sometimes it seems to work other times it won’t? I have created a model made up of many layers and would like to paint it like I would a real model in the real world? If I apply paint to a model I don’t want paint anywhere else but on the model nor do I want the stroke used to be drowned out with paint? If anyone could help I’d really appreciate it since it would save going through every layer and painting them individually.
All the best,
Casey
All the best,
Casey
0
2019-02-14 14:41:03
Hey Casey, we're doing our best to create as much content about Pixelmator Pro as we can but we can do better and we've got some plans to ramp things up in this area in the coming weeks and months. In the meantime, could you share some examples of the file you're working on and what isn't working as expected? I'll do my absolute best to give you some pointers on how you should do things in Pixelmator Pro!
0
2019-05-07 20:47:16
Is there a way to invert a clipping mask so it's possible to make "cut outs" to a shape (like windows in a house...)? I did not get it to work... cmd+I caused some strange color change on the shape with the clipping mask but did not create a "cut out"...
0
2019-05-07 22:05:39
Hi Michael.
I think of clipping mask as a way to separate colour information on one layer from transparency information on another. So, a great way to paint your windows blue but not so good at cutting holes.
Holes are better cut by a mask rather than a clipping mask or, if you're dealing with shapes by using subtract. To subtract one shape from another, highlight both shapes in the layers pallette, right click on the top one and select Subtract. It will cut the top shape out of the bottom.
Hope this helps.
- Stef.
P.S. Have put quick sketch below. The windows are cut out of the house so a textured background (which in hindsight I should have added) would have shown through.
I think of clipping mask as a way to separate colour information on one layer from transparency information on another. So, a great way to paint your windows blue but not so good at cutting holes.
Holes are better cut by a mask rather than a clipping mask or, if you're dealing with shapes by using subtract. To subtract one shape from another, highlight both shapes in the layers pallette, right click on the top one and select Subtract. It will cut the top shape out of the bottom.
Hope this helps.
- Stef.
P.S. Have put quick sketch below. The windows are cut out of the house so a textured background (which in hindsight I should have added) would have shown through.
1
2019-05-08 22:52:58
Hey st3f
Very cool!
Thank you very much for pointing out what now seems so obvious. How come I didn't see this up to now...?
Now dear Wizards behind Pixelmator, since I'm here anyway: this would be perfect if it would work on Layer-Groups too. E.g. in the house of st3f up there: put all window-squares in one group, then mark the group and the path and cut all the squares out with one click on substract.
Or is there already a obvious way to do that I missed again?
Very cool!
Thank you very much for pointing out what now seems so obvious. How come I didn't see this up to now...?
Now dear Wizards behind Pixelmator, since I'm here anyway: this would be perfect if it would work on Layer-Groups too. E.g. in the house of st3f up there: put all window-squares in one group, then mark the group and the path and cut all the squares out with one click on substract.
Or is there already a obvious way to do that I missed again?
0
2019-05-09 06:33:00
Thank you for this tutorial. I appreciate it.
Is there a way to paste an image (any kind of image, pixels, shapes, text whatever) INTO a layer mask. I'd like the freedom to paste anything I want into a layer mask.
Is that possible?
Is there a way to paste an image (any kind of image, pixels, shapes, text whatever) INTO a layer mask. I'd like the freedom to paste anything I want into a layer mask.
Is that possible?
0
2019-05-09 12:18:03
There is a way to do this, yes. First, you'd need to create one window shape from the four window squares. To do that, select all four in the Layers sidebar, Control-click one, and choose Unite Shapes. You'd need to do this before combining the house and window shape, so it should not be inside any nested shape. Screenshot below:2019-05-08 22:52:58 Hey st3f
Very cool!
Thank you very much for pointing out what now seems so obvious. How come I didn't see this up to now...?
Now dear Wizards behind Pixelmator, since I'm here anyway: this would be perfect if it would work on Layer-Groups too. E.g. in the house of st3f up there: put all window-squares in one group, then mark the group and the path and cut all the squares out with one click on substract.
Or is there already a obvious way to do that I missed again?
After doing this, select both the new window shape and the house shape in the Layers sidebar (make sure the window is above), Control-click either layer and choose Subtract Shapes. Screenshot below:
If you then want to edit the windows separately, you can select the window shape in the Layers sidebar, Control-click it in the canvas and choose Make Editable (a quicker way to do this is to double-click the house, then double-click the window). Then, you can select multiple vector points and manipulate them as you wish. Here's another few screenshots:
Probably the simplest way to do this is to apply an Image fill effect to a layer mask. To do that, select the mask, choose Format > Effects > Fill > Image, then you can drop any kind of layer into the image well in the Tool Options pane. To edit the position of the object in the mask, click the Edit button next to the name of the effect.
0
2019-05-10 11:55:08
Great! Thanks again! This will save me a lot of time and turnovers to other apps! Big fan of Pixelmator since it's early days. Keep up the good work!
0
2019-05-10 12:00:41
Happy to help!
0
2019-10-06 01:07:19
Maybe I missed this. When you have created a clipping mask how do you add formatting to it like, strokes, shadows, etc. I have an eclipse shape with a photo and I want to add a border. I would appreciate your help.
0
2019-10-06 01:57:48
Hi Marcia.
This is a little tricky. In a clipping mask, the bottom layer provides the opacity and the top layer the colour. The bottom layer has the shape you want but any style you put here has the colour information of the top layer applied to it afterward. I think that the logical place to style this would be to group the two layers and style the resulting group. Unfortunately, (at time of writing) Pixelmator Pro doesn't allow styles to be applied to groups.
My go-to would be to create a shape that holds just the border and place it above the clipping mask pair. If the lower layer is already a shape, just copy it, move the copy and style appropriately. If it's a bitmap:
1. Choose the lower layer in the layers panel.
2. Edit > Load Selection* to turn the layer into a selection.
3. Format > Convert into Shape to turn the selection into a shape.
4. Move the shape above the clipping mask pair and style appropriately.
I wonder if anyone else has a neater way of doing this. Hope this helps.
- Stef.
*or Cmd-click on the thumbnail in the layers palette.
This is a little tricky. In a clipping mask, the bottom layer provides the opacity and the top layer the colour. The bottom layer has the shape you want but any style you put here has the colour information of the top layer applied to it afterward. I think that the logical place to style this would be to group the two layers and style the resulting group. Unfortunately, (at time of writing) Pixelmator Pro doesn't allow styles to be applied to groups.
My go-to would be to create a shape that holds just the border and place it above the clipping mask pair. If the lower layer is already a shape, just copy it, move the copy and style appropriately. If it's a bitmap:
1. Choose the lower layer in the layers panel.
2. Edit > Load Selection* to turn the layer into a selection.
3. Format > Convert into Shape to turn the selection into a shape.
4. Move the shape above the clipping mask pair and style appropriately.
I wonder if anyone else has a neater way of doing this. Hope this helps.
- Stef.
*or Cmd-click on the thumbnail in the layers palette.
0
2019-10-09 09:26:31
I was looking for this. I so LOVE Pixelmator Pro. As happy as back in 2007, when I discovered Photoshop for the first time!
0
2019-11-21 22:01:28
Lovely easy to follow tutorial. Thank you!
0
2020-03-12 15:54:14
I would like to put some rounded edges on a headshot. I presume I do that with clipping masks - but how do I get symmetrically round edges. And how do I change the "roundedness?" There was a great little app called Picturesque that did this but I think its no longer being developed. Thanks
0
2020-03-12 16:36:32
Hey Philipnb,
If I understand what you're going for correctly, you could try clipping the headshot layer to a rounded rectangle shape. The rounded rectangle is a Smart Shape so you can easily control its corner radius using the green shape handle like so: http://upload-cdn.pixelmator.com/rounded-rect.mov
If I understand what you're going for correctly, you could try clipping the headshot layer to a rounded rectangle shape. The rounded rectangle is a Smart Shape so you can easily control its corner radius using the green shape handle like so: http://upload-cdn.pixelmator.com/rounded-rect.mov
0
2020-03-24 23:47:27
Hello,
How should I braid these Olympic rings together?
Each ring is in a separate layer!
See attached screenshots.
This is a Dutch to English translation with Google translate
How should I braid these Olympic rings together?
Each ring is in a separate layer!
See attached screenshots.
This is a Dutch to English translation with Google translate
0
2020-03-25 06:56:00
I would duplicate layers and use masks. Here are the blue and yellow rings to show what I mean:
The red arrow shows where I painted on the mask.
To do this:
1. Copy the blue ring and put the copy below the yellow one.
2. In the layers panel, right-click on the upper blue layer and select Add Mask.
3. Using a brush and black paint, paint on the mask where the blue ring should be open.
I hope this helps and that you understand. All the best.
- Stef.
The red arrow shows where I painted on the mask.
To do this:
1. Copy the blue ring and put the copy below the yellow one.
2. In the layers panel, right-click on the upper blue layer and select Add Mask.
3. Using a brush and black paint, paint on the mask where the blue ring should be open.
I hope this helps and that you understand. All the best.
- Stef.
0
2020-03-25 11:48:07
Great advice from Stef, here's a quick tip to make this a little easier — you don't have to duplicate the layers, but using the Load Selection command, you can make sure everything lines up correctly. Basically you need to:
1. Add all your rings on their separate layers
2. Add layer masks to every layer
3. In the Layers sidebar, click one of the ring layers that should be above another ring layer (make sure to not click the mask) and choose Edit > Load Selection
4. Then, still in the Layers sidebar, click the layer mask of a layer that should be below the ring, but which is above it in the layer stack
5. Select a hard basic brush, with its color set to black
6. Roughly paint over the part of the ring that you need to hide — because a selection is active, you won't go outside the ring
This probably sounds quite confusing, so here's a quick video (note how in the video, for a moment, I get confused about what I'm doing...)
You can see the full resolution version here.
1. Add all your rings on their separate layers
2. Add layer masks to every layer
3. In the Layers sidebar, click one of the ring layers that should be above another ring layer (make sure to not click the mask) and choose Edit > Load Selection
4. Then, still in the Layers sidebar, click the layer mask of a layer that should be below the ring, but which is above it in the layer stack
5. Select a hard basic brush, with its color set to black
6. Roughly paint over the part of the ring that you need to hide — because a selection is active, you won't go outside the ring
This probably sounds quite confusing, so here's a quick video (note how in the video, for a moment, I get confused about what I'm doing...)
You can see the full resolution version here.
2
2020-03-25 12:30:05
@Andrius. Nice. I didn't think of doing that.
(I mean I'll probably still duplicate because that works better for my brain, but still, nice )
(I mean I'll probably still duplicate because that works better for my brain, but still, nice )
0
2020-03-25 14:28:32
@Stef and @Andrius,
Thanks for the quick responses.
Have applied the method of Jef, and it works!
Andrius' working method, on the other hand, looks very practical!
I was just figuring out how to select those rings myself, and with this video clip I learned something again! Thanks.
I will definitely try out this working method.
Thanks again and greetings from Belgium!
Thanks for the quick responses.
Have applied the method of Jef, and it works!
Andrius' working method, on the other hand, looks very practical!
I was just figuring out how to select those rings myself, and with this video clip I learned something again! Thanks.
I will definitely try out this working method.
Thanks again and greetings from Belgium!
1
2020-03-25 14:32:36
To be honest, my method didn't work that well for my brain either, the video is evidence of that!
Glad to hear we were able to help!2020-03-24 21:00:00 @Stef and @Andrius,
Thanks for the quick responses.
Have applied the method of Jef, and it works!
Andrius' working method, on the other hand, looks very practical!
I was just figuring out how to select those rings myself, and with this video clip I learned something again! Thanks.
I will definitely try out this working method.
Thanks again and greetings from Belgium!
0
2020-09-10 21:54:04
When I follow the steps in this tutorial, I'm not seeing the same thing depicted by the screenshots and my clipping mask isn't working. What am I doing wrong?
I read this:
I followed the steps:
1. Open a photo as the only layer.
2. Add a new ellipse (a circle, actually) and it appears above the photo in the Layer List.
3. Right-click / control-click the new layer and choose Create Clipping Mask.
4. The image in the tutorial now shows that the layers have swapped (mine did not) and the tutorial says, "Notice how the contents of the layer above are clipped to the shape of the layer below." That implies that I need to swap the layers.
5. However, whether I swap the layers or not, I do not get the result shown in the screenshots.
What's happening here? Why is this not working? (I'm using Pixelmator Pro v1.7.1 Sequoia.)
Thanks for any help you can provide!
I read this:
And that is exactly what I want! (I mean that literally — I want a circle as a clipping mask.)When you create a clipping mask, any transparent areas of the clipping mask layer will mask out those same areas of any layers ‘clipped’ to it. In simpler terms, if you create a clipping mask from a circle and clip a photo to it, any parts of the photo outside the circle will be hidden.
I followed the steps:
1. Open a photo as the only layer.
2. Add a new ellipse (a circle, actually) and it appears above the photo in the Layer List.
3. Right-click / control-click the new layer and choose Create Clipping Mask.
4. The image in the tutorial now shows that the layers have swapped (mine did not) and the tutorial says, "Notice how the contents of the layer above are clipped to the shape of the layer below." That implies that I need to swap the layers.
5. However, whether I swap the layers or not, I do not get the result shown in the screenshots.
What's happening here? Why is this not working? (I'm using Pixelmator Pro v1.7.1 Sequoia.)
Thanks for any help you can provide!
0
2020-09-11 15:19:55
Hi Frank, welcome to the Community! You definitely do not need to swap the layers around, the 'content' layer should be above the 'shape' layer. Just to triple-check, are you clicking the upper layer and using that as the clipping mask? Like in the following image from the tutorial:
So, I'm not sure if this will help but, after making sure the shape layer is below the content layer, you actually create the clipping mask from the content layer. This bit can often be a little counterintuitive at first, because, of course, the 'shape' is really acting as the mask. if nothing at all is happening when you do that, I have a feeling you're Control-clicking the lower layer and creating the clipping mask from that.
So, I'm not sure if this will help but, after making sure the shape layer is below the content layer, you actually create the clipping mask from the content layer. This bit can often be a little counterintuitive at first, because, of course, the 'shape' is really acting as the mask. if nothing at all is happening when you do that, I have a feeling you're Control-clicking the lower layer and creating the clipping mask from that.
0
2020-09-11 23:31:33
Okay, I see what happened. The first screen shot under "Create a Clipping Mask" shows the Circle layer above the photo image.
Then the paragraph directly below that says to "right-click the upper layer" and choose Create Clipping Mask.
But the next screen shot has to the two layers swapped — the Circle is now on the bottom and the image is on top!
Somehow those two layers were swapped/moved. The tutorial didn't have instructions for doing that, and when I right-clicked on the "upper layer" it was still the Circle layer. I do see that the second screen shot does have the image as the top layer.
I think the tutorial is just missing the step of moving the Circle layer under the image layer...
Yep, I just tried it that way and it works great.
(And yes, it is confusing, not least because most of the other tools I've used put the clipping area on top, such as Inkscape and Gimp.)
I actually ended up using Inkscape because my image wasn't really an image, it was a drawn graphic, and saving it as SVG meant being able to resize it infinitely without pixellation. However, now that I know to add that extra step, I'll try to use PMPro in the future.
Thanks for the quick reply!
Then the paragraph directly below that says to "right-click the upper layer" and choose Create Clipping Mask.
But the next screen shot has to the two layers swapped — the Circle is now on the bottom and the image is on top!
Somehow those two layers were swapped/moved. The tutorial didn't have instructions for doing that, and when I right-clicked on the "upper layer" it was still the Circle layer. I do see that the second screen shot does have the image as the top layer.
I think the tutorial is just missing the step of moving the Circle layer under the image layer...
Yep, I just tried it that way and it works great.
(And yes, it is confusing, not least because most of the other tools I've used put the clipping area on top, such as Inkscape and Gimp.)
I actually ended up using Inkscape because my image wasn't really an image, it was a drawn graphic, and saving it as SVG meant being able to resize it infinitely without pixellation. However, now that I know to add that extra step, I'll try to use PMPro in the future.
Thanks for the quick reply!
0
2020-09-14 09:19:34
You're 100% correct, I should've totally made that clearer! I've updated the tutorial to include this info.
Does GIMP have clipping masks? I'm not sure about Inkscape, but clipping masks are a relatively rare feature in image editors and I'm not sure I've seen it in GIMP.
Happy to help!
0
2020-11-22 06:44:11
I'm trying to figure out how to use an existing layer as a layer mask on another layer. It's very easy to use an arbitrary image as a layer mask; how can I do the same with an existing layer? Is the only way to export the layer as an image and then import it again as a layer mask?
0
2020-11-26 14:05:18
You can apply the Image fill effect to the layer mask, then drag and drop the layer you'd like to use as the mask into the image well for that effect. But it's true that we could make this easier some way – possibly using drag & drop to drop layers directly into masks...
1
2020-11-30 22:07:52
Thanks! That works nicely, wouldn't have figured it out on my own though.
0
2020-12-16 10:18:26
st3f wrote: “In a clipping mask, the bottom layer provides the opacity and the top layer the colour... Unfortunately, (at time of writing) Pixelmator Pro doesn't allow styles to be applied to groups.”
In addition to Group styling (which works for things like opacity) further Pixelmator development focus is required for Shape management.
Say you use a Mask to cut the visible unfilled Ellipse Stroke shape in half. Add a Mask to the stroke-only visible Ellipse and use the rectangular selection tool to select (mask) half of the Ellipse. Then press delete. Now, the half circle Ellipse Stroke still rotates around the axis of the whole Ellipse-and-Stroke unit, which is mission critical goodness for some projects.
However, say you want to save that Ellipse construction as a shape, so you drag and drop it into your Shapes box. What appears in the Shapes box is a filled (stroke-less?) Ellipse!
Convert a Shape to pixels and you save the original Shape's Stroke outline. But that kind of Shape grows and shrinks the original Shape's Stroke thickness as saved Shapes inserted in constructions change dimension. Stroking a 'shaped(?)' Stroke is also not proportional (sic) to what we have discussed masking our Stroke for.
In addition to Group styling (which works for things like opacity) further Pixelmator development focus is required for Shape management.
Say you use a Mask to cut the visible unfilled Ellipse Stroke shape in half. Add a Mask to the stroke-only visible Ellipse and use the rectangular selection tool to select (mask) half of the Ellipse. Then press delete. Now, the half circle Ellipse Stroke still rotates around the axis of the whole Ellipse-and-Stroke unit, which is mission critical goodness for some projects.
However, say you want to save that Ellipse construction as a shape, so you drag and drop it into your Shapes box. What appears in the Shapes box is a filled (stroke-less?) Ellipse!
Convert a Shape to pixels and you save the original Shape's Stroke outline. But that kind of Shape grows and shrinks the original Shape's Stroke thickness as saved Shapes inserted in constructions change dimension. Stroking a 'shaped(?)' Stroke is also not proportional (sic) to what we have discussed masking our Stroke for.
0
2020-12-16 10:34:55
Shape, Opacity, Stroke, Mask and Color are each interdependent, and define the development of the Pixelmator family.
Now, it is easy to select that Ellipse Stroke Semi-Circle, convert that selection to Shape, then drag-and-drop to save your fresh new Shape as a custom shape in the Shapes box. But every existing Shapes box shape lacks saved Shape Stroke information - most importantly, the Stroke loses its original editable thickness, becoming another static object, as the vector Shape that it skinned changes dimensions, in its new shape-object role. Along with any opacity which is also ignored, in that Shapes box. Also, the essential Masking is lost.
We might have to wait on Shapes saving variable opacity. Masks may never be saved in Shapes data. Sure wish Pixelmator Pro would allow us to save both Shape and/or editable Shape Stroke as Shapes that we construct using Masks. But for that to work, Shapes must also save Opacity and Stroke. Perhaps one day observing shape masking.
Imagine some nice Elk antlers, Human joggers and other adaptable Stroke Shape outlines saved as editable-width STROKE Shape, preserving editable Stroke widths (in a third generation Pixelmator Pro Shapes box-of-goodies). Imagine also, saving Masks into Shapes, so any construction can be saved and shared with a click, in portable export-import Shape Packages. Note that Shapes do not have to save Color to manage Shape, Stroke, Opacity and perhaps Masks. At this time, Pixelmator Pro cannot preserve existing Layer opacity while adding hue and/or colored shade to that existing transparency. In every situation, Layers are independant... and can be Masked.
Is SHAPE the modality that can be adapted to store, apply and generally improve other Pixelmator modalities: namely, Opacity, Stroke, Mask and Color?
0
2020-12-21 02:35:02
First, let me say I'm a complete newbie, so I'm sure that the answer to my question is extremely basic, and I apologize in advance.
I have used the quick selection tool to isolate my Christmas tree on an image. What I want to do, is fill in the background with my full image, at a lesser opacity, add text around the tree so that the text can be read over the background, and have just my tree be full color and opacity. To be honest, I'm having trouble figuring out how to add text around the tree, never mind a third layer with a lesser opacity image. I thought I could use the inverse selection to create a mask, and add text to that, but that isn't working either.
Please help! and again, I'm sure this is extremely basic, I'm sorry.
I have used the quick selection tool to isolate my Christmas tree on an image. What I want to do, is fill in the background with my full image, at a lesser opacity, add text around the tree so that the text can be read over the background, and have just my tree be full color and opacity. To be honest, I'm having trouble figuring out how to add text around the tree, never mind a third layer with a lesser opacity image. I thought I could use the inverse selection to create a mask, and add text to that, but that isn't working either.
Please help! and again, I'm sure this is extremely basic, I'm sorry.
0
2020-12-29 22:52:21
Hello everyone! I have one question, how I can create mask for next working from this layers (r,g,b). Originally, I had an RGB "mask" with red green and blue channel, next I create three separate masks but how do I apply each mask to a layer cam1 ?
0
2021-01-05 10:18:27
This is a rather late reply if you needed this done in time for Christmas, and you, hopefully, worked this out in the end, however – the gist of what you'd need to do is:2020-12-21 00:35:02 First, let me say I'm a complete newbie, so I'm sure that the answer to my question is extremely basic, and I apologize in advance.
I have used the quick selection tool to isolate my Christmas tree on an image. What I want to do, is fill in the background with my full image, at a lesser opacity, add text around the tree so that the text can be read over the background, and have just my tree be full color and opacity. To be honest, I'm having trouble figuring out how to add text around the tree, never mind a third layer with a lesser opacity image. I thought I could use the inverse selection to create a mask, and add text to that, but that isn't working either.
Please help! and again, I'm sure this is extremely basic, I'm sorry.
1. Duplicate the original layer
2. Make your selection
3. Add the mask to the upper layer
4. Add a white rectangle shape between those two layers and adjust its opacity
As for adding the text around the tree, are we talking curved text here or a paragraph wrapped around the tree?
If I've correctly understood what you'd like to do, then I'd say you'd probably need to duplicate the cam1 layer twice (so you have three cam1 layers in total) and apply each mask to each layer. But I guess I could be wrong if you only want to apply the masks to a particular channel, in which case you'd probably need to isolate each channel using the Channel Mixer adjustment (again, in each duplicated layer) and then mask those layers, blending them using the required blending modes (which I can't recall off the top of my head). Though I can't guarantee it will work without having tried it.
True, true. But we also don't want to break any existing wheels (i.e. confuse people who might have a mask selected without noticing and then paste into it accidentally). Maybe that's an edge case, though.
0
2021-01-10 01:27:26
Hi! Is there a way to make clipping masks behave just like common masks? So that black color would hide original, and white did not affect it? 
0
2021-01-10 05:44:17
Looks like, I've found a solution. I should first transform the mask:
Format -> Effects -> Other -> Mask to Alpha
And then add it as a clipping mask.
With “Mask to Alpha” сlipping masks behave just like a layer mask, aren't they? Is there any difference?
Format -> Effects -> Other -> Mask to Alpha
And then add it as a clipping mask.
With “Mask to Alpha” сlipping masks behave just like a layer mask, aren't they? Is there any difference?
0
2021-01-15 15:25:10
Hi,
not sure what I am doing wrong here (sounds like it should be rather hard to do it wrong ), but my mask shape is still visible after applying it. I have a simple Ellipse shape (white) below the layer I create the clipping mask on, and the ellipse does correctly clip that layer. However the white ellipse shape itself also does stay in the image, which of course I don't want.
Thanks, habitoti
not sure what I am doing wrong here (sounds like it should be rather hard to do it wrong ), but my mask shape is still visible after applying it. I have a simple Ellipse shape (white) below the layer I create the clipping mask on, and the ellipse does correctly clip that layer. However the white ellipse shape itself also does stay in the image, which of course I don't want.
Thanks, habitoti
0
2021-01-15 15:52:24
Hey Habitoti! What you're describing sounds right. Could you take a screenshot of the issue? A bit more context might help here.
0
2021-01-15 16:19:11
Sure. To make it more obvious, I changed the mask to red in the below screenshot. The blue shape in the top layer should be masked by the red ellipse to exactly fit into the inner (light blue) part of the button shape of the lowest layer.
I use the latest PM Pro from AppStore. Here is the setup w/o the mask to show more clearly what I am finally up to:
So I'd like the correct masking of the first picture, but not the red mask, to come up with the lower picture correctly cut out.
I use the latest PM Pro from AppStore. Here is the setup w/o the mask to show more clearly what I am finally up to:
So I'd like the correct masking of the first picture, but not the red mask, to come up with the lower picture correctly cut out.
0
2021-01-16 14:38:22
Hi Habitoti!
I'm far from pro, but I think this is just how clipping mask works. A layer mask can help here. Just create a layer mask from your red shape.
Here is video tutorial
1. Choose shape and load selection (option + command + l)
2. Create a new layer and make the selection white (command + shift + n, then option + backspace)
3. Invert selection and make it black (command + shift + i, then command + backspace)
4. Choose the shape and add a layer mask
5. With the “Format” menu fill the mask with image
6. Drag created layer to the image of the mask
7. Hide or remove layers with the red ellipse and another one, we used to create a mask.
I'm far from pro, but I think this is just how clipping mask works. A layer mask can help here. Just create a layer mask from your red shape.
Here is video tutorial
1. Choose shape and load selection (option + command + l)
2. Create a new layer and make the selection white (command + shift + n, then option + backspace)
3. Invert selection and make it black (command + shift + i, then command + backspace)
4. Choose the shape and add a layer mask
5. With the “Format” menu fill the mask with image
6. Drag created layer to the image of the mask
7. Hide or remove layers with the red ellipse and another one, we used to create a mask.
1
2021-01-16 14:57:28
Thanks for the tip. Phew...that sounds really complicated for something that should be simple and is really often used. Should be as simple as in Photoshop, IMHO. When dedicating a shape as mask, only opacity should count for the masking/clipping shape. TBH, the tutorial for clipping referenced in the beginning of this thread also shows it like this. The white circle shape just serves as a cutout stencil and is itself no longer visible in the resulting image — which is how it should be and would be intuitive. I still think this is rather a bug.
1
2021-01-16 15:27:41
I think the white circle from the tutorial is not visible cause there is no transparent pixels on the image with balloon.
In your case, the clipping mask is visible only where the target shape has no visible pixels.
Also hope someone will show a simpler solution.
In your case, the clipping mask is visible only where the target shape has no visible pixels.
Also hope someone will show a simpler solution.
0
2021-01-16 16:40:23
At least you gave me a good hint with the "Load Selection". So right now I just create the selection shape on the clipping layer (ellipse), then switch to the image layer and just cut it out with the same selection, then paste that cut out portion back as a new layer. Then I hide the uncut image and ellipse (for later reference if needed) and have a similar result. Not so nice, as I can't simply move the shape while at the same time applying the mask in real time, but it does the job for now.
But would have hoped for a better support from PM Pro here...
But would have hoped for a better support from PM Pro here...
0
2021-01-16 17:15:31
If you want to move the shape:
1. Choose the red shape, load selection.
2. Choose the button layer, invert selection.
3. Copy and paste layer.
4. Move it on top.
5. Hide the layer with red ellipse.
6. Make the button layer a clipping mask for the shape.
I've uploaded new video on same page.
1. Choose the red shape, load selection.
2. Choose the button layer, invert selection.
3. Copy and paste layer.
4. Move it on top.
5. Hide the layer with red ellipse.
6. Make the button layer a clipping mask for the shape.
I've uploaded new video on same page.
1
2021-01-16 17:23:00
Very helpful, thanks!
1
2021-01-18 08:53:17
Thanks for the screenshot, Habitoti. I've posted the response Friday evening and didn't really expect you'd come back to me so quickly! But I can only second Hermansorgel's suggested workflow. It looks like using layer masks is the best way to achieve the look you're going for. You can, however, cut down on the steps needed to mask the clipped layer.
To load a selection, Command-click the top layer thumbnail, add a mask, then drag the mask down to the Ellipse layer directly. You can find a quick video illustrating this here: http://upload-cdn.pixelmator.com/clipping-11118.mov.
To load a selection, Command-click the top layer thumbnail, add a mask, then drag the mask down to the Ellipse layer directly. You can find a quick video illustrating this here: http://upload-cdn.pixelmator.com/clipping-11118.mov.
2