Skip to content
← Adobe XD Feedback : Feature Requests & Bugs

Settings and activity

1 result found

  1. Shadow shouldn't show through fill color at reduced opacity (zero fill opacity should 'knock out' shadow)

    149 votes

    We're glad you're here

    Please sign in to leave feedback
    Signed in as (Sign out)
    Close
    Close

    We’ll send you updates on this idea

    32 comments  ·  Adobe XD: Feature Requests (Read-Only) » 01 : Design mode  ·  Admin →
    AdminPeter Flynn (Software Engineer, Adobe) responded

    This is something we’d like to get more feedback on.

    a) Some apps (such as Adobe Illustrator and InDesign) behave the way XD does now: reducing fill opacity (not overall object opacity) keeps the whole shadow visible but reduces its opacity in proportion with the fill color’s opacity. At zero fill opacity, the shadow is completely gone along with the fill (unless you have a border, in which case you have a thin ring-shaped shadow left).

    b) Other apps (such as Photoshop or Sketch) behave differently: reducing fill opacity leaves the shadow’s opacity at full strength, but clips the shadow so you don’t see it through the translucent fill. At zero fill opacity, in the middle of the shape you can see what’s behind it completely unobscured, but outside the shape’s edges you still see the drop shadow at full strength.

    Which one do people prefer? Do you need to…

    An error occurred while saving the comment
    james guest commented  · 

    Is there anything happening with this bug/feature. Until it's fixed background blur on an object with a shadow is unusable.

    can it be logged or filed or something?

    An error occurred while saving the comment
    james guest commented  · 

    also, i created those examples using the background blur because i think its when using both those effects combined that its most problematic. to show the background blur the front element needs some transparency and if the front element had text as well like a dialog box, i want to have full and seperate control of the shadow opacity and the element opacity.

    An error occurred while saving the comment
    james guest commented  · 

    i design mostly for the web and i believe that clipping the shado is how css handles the box-shadow on a element with less than a 1 opacity. i dont need both since i can replicate the unclipped look with 2 overlapping shapes once you add in blurring on shapes.

    james guest shared this idea  ·