Skip to main content
L
leonyjiang
New Participant
October 19, 2019
Question

Masking with Curved Line

  • October 19, 2019
  • 1 reply
  • 1063 views

Hi, I've been playing around with Adobe XD for a few hours and am running into a problem: how do I mask an object with a curved line? I created the curved line using the pen tool, it has three anchors total (looks like an S on its side), and the object I want to mask is a rectangle with some rounded corners.

For the rectangle, I want the area under the curve masked away. When I select the curve and the rectangle in assets then mask using the curve (⇧⌘M), I get this:

The area under the curve is masked out, but the entire rectangle above the horizontal center of the curve is also masked out. How can I get just the area below the curve to be masked out?

 

This topic has been closed for replies.

1 reply

Ares Hovhannesyan
Ares Hovhannesyan
Community Expert
October 19, 2019

Is this a result that you whant to get? 

 

L
leonyjiangAuthor
New Participant
October 19, 2019

Not exactly. Sorry if my explanation above was confusing. I would like this:

to have the shaded part masked out:

So only half of the rectangle above the curved line remains.

L
leonyjiangAuthor
New Participant
October 30, 2019

rPlease review this picture. You can use instead path circle. The problem is that you need to close your "S" path.

 


Thanks for your prompt reply, and sorry about delaying mine! I am close but unsure how to fix this last issue. After closing the S-curve using the pen tool (the left edge is curved out, not sure how to fix that), I selected the "Mask with Shape" option.

After masking, this is the result. How can I change it to mask the lower part and keep the upper part?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices