Do you have to bind the value of the shadow to another object, and if so, what’s a good way to go about that? I’d like to reduce the shadow’s opacity to 25%. I’ve tried binding it to a 25% opacity rectangle, but that didn’t seem to do anything.
The rectangle I’m using is animated, so I’m trying to avoid hiding a 25% opacity rectangle with a drop shadow and then triggering it’s visibility under the top rectangle to get that effect, because it will be one of a couple dozen animated rectangles that all need faint drop shadows.
If anyone has achieved this effect, any advice would be greatly appreciated. Thanks.
Unfortunately, there is no way to change the opacity in the Shadow property of a rectangle Shape Asset.
I still recommend you to go with another rectangle shape positioned below the original one. I understand your concerns when it comes to animate these and there is a couple of solutions.
The first option would be to bind your “shadow” rectangle X/Y/width/height and orientation properties to the ones of the rectangle above, while using a math converter on X and Y to simulate the shadow offset, see below, with a value à 30 pixels.
Going this way, you will be able to apply animation to the original rectangle, and the shadow will just “follow”, but notice the offset won’t be proportional to size as it’s a fixed value from converter.
The other option, quicker, is to put your rectangle and the “shadow” rectangle below in a Group, then just use your animations on the Group itself. Please note the 2 rectangles inside the group should have their container properties set to “Resize”, like this:
