Request details

Defined border/stroke (or shadow) around the edge of a mask

I am not sure if you already have a request for this, however, it would be nice if we could add a border on the outside of a masked circle or square.

64 votes
Sign in
(thinking…)
Password icon
Signed in as (Sign out)

We’ll send you updates on this idea

Manuel Ryan Espinosa shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

14 comments

Sign in
(thinking…)
Password icon
Signed in as (Sign out)
Submitting...
  • Anonymous commented  ·   ·  Flag as inappropriate

    if you're trying to mask an image and then apply some effects like shadow or border, simply drag the image from the folder into the XD shape. It's the only way it works unfortunately. XD has a lot of potential, but right now it's still a toy.

  • john deere commented  ·   ·  Flag as inappropriate

    This key-feature has not been implemented in XD even now two years after this bug allegedly has been filed by Admin Adobe. What does that tell us about the state of XD development?

  • cliff now commented  ·   ·  Flag as inappropriate

    This feels like a key thing to do since the masking options are limited. Having a design with images that require a border is cumbersome right now as I have to duplicate the mask, delete the image, take the original mask box fill, turn it off and make a border. If I want to resize the box? I have to do the process all over again. It's a real pain and I hope this feature moves up in the backlog.

  • Scott Ruth commented  ·   ·  Flag as inappropriate

    I'm surprised this isn't voted higher. Photoshop has the ability to apply styles to mask layers, and I do it all the time, so the absence of this feature in XD is felt and the workaround is labor intensive.

  • Robert Dumitru commented  ·   ·  Flag as inappropriate

    I fixed this by adding another element with border behind. The Mask element i in front has to be smaller with 2px widht and height. In this way i could use the effects of the shape behind.

  • Rakesh commented  ·   ·  Flag as inappropriate

    Have to give all of the style (shadow, stroke, etc) to a shape before clipping another shape or image into it. After clipping no styles are allowed to add. And the shape become transparent and the object inside the mask is not resizable or can't move its position

  • Adminbchin (Admin, Adobe) commented  ·   ·  Flag as inappropriate

    Good observation. Currently, XD does not support shadow styles on a masked object. However, I'll file a bug w/ the team to investigate adding it.

  • Chris commented  ·   ·  Flag as inappropriate

    Thanks @bchin while that kinda works it's not actually adding a drop shadow to the image; the shadow and any border radius are still on the rectangle underneath the image so if i make an update I have to update twice.

  • Adminbchin (Admin, Adobe) commented  ·   ·  Flag as inappropriate

    One thing you could try is to first select the rectangle and Edit > Duplicate. Then, shift-select the image and Object > Mask with Shape. That should result in a cropped image with a drop shadow.

  • Chris commented  ·   ·  Flag as inappropriate

    Version: 0.5.16.16 Beta
    If I create a rectangle shape and give it a shadow then paste an image and group the two using Object -> Mask with Shape I loose my border and shadow properties. When I double click to view the group and select the original rectangle the properties are still there just not shown. I would assume they would carry over after I create the mask. Once I have a mask created I also don't see a way to add the shadow back using the properties panel on the right, it only allows me to change the opacity.

    Now there is another way I can do this and that is dragging an image right onto the rectangle but if the image is larger or wider than the rectangle I don't have any control of how it crops the photo which is why I prefer the first method.

  • AdminPeter Flynn (Software Engineer, Adobe) commented  ·   ·  Flag as inappropriate

    Note: if you mask an image by dragging an image file onto a shape, then you are able to set a border. But the tradeoff is that you can't (yet) double-click into it to manually reposition the image -- the image is always auto-centered within the mask shape.

Feedback and Knowledge Base