: Sketch Only Apply Shadow To Outside Edge of Element I have an element in sketch that has a lot of intersections in the middle of it - when I try to apply a shadow to this element, the

@Sent7350415

If I understand the question correctly, there are two answers that come to mind.


Yes, you can use the same gradient throughout, but you'll have to adjust it on every single element you have. Like so:

Another, more scalable option, is to create a layer underneath the intersected shape. Give it some stroke width and a shadow, and go wild with the intersections. Please have in mind that someone will have to apply front-end logic to this design.




Check out the files as well.Check the Sketch File here.

Vote Up Vote Down

@Chiappetta793

This is definitely a hack, but try this.
1) Duplicate the background with the gradient, 2) make a button on top with exactly the wanted dimensions - 3) clip those two shapes and 4)remove the hole beneath.
Then you would end up with a moveable button instead of a hole in the white shape.

This would mess up if you modify the gradient at a later point, but for now I hope it helps.

Alternatively, you can make the hole (button) bigger than it should be and manually make a mask that covers the shadows... (see the attachment for reference, just make the red mask the same color as the surroundings)

Vote Up Vote Down

@Bryan765

The shadow works like it is supposed to. You've cut-out your object, so if you apply a shadow it will be the shadow of a cut-out object.

If I look at your picture you can also add a blue background that blocks the shadow.

Vote Up Vote Down