New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1366 ideas
  • 02 : Prototype mode 370 ideas
  • 03: Share mode 50 ideas
  • 04 : Sharing on the web 216 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 38 ideas
  • 07 : Integration with other tools 118 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 19 ideas
  • 10: Developer Handoff 140 ideas
  • 11: Plugins 135 ideas
  • Other 109 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,870 ideas

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

When the fill color opacity is lowered, the shadow should not show through.

The fill opacity is also affecting the shadow's opacity. These controls should be independent of each other.

I have attached a screen shots from xd that shows the issue and a screen shot from sketch that shows the desired result. The circle on both are filled with #ffffff at 50% opacity.

  •  
    xd_shadow.png 152 KB
  •  
    sketch_shadow.png 97 KB
148 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

james guest shared this idea  ·  November 10, 2016  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
AdminPeter Flynn (Software Engineer, Adobe) responded  ·  November 10, 2016

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 have both options available?

Show previous admin responses (1)
Justin Rainwater responded  ·  November 10, 2016

Thanks!

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Ahmed Rehman commented  ·  December 30, 2021 23:14  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Posted in 2016 and this is still not implemented. Figma and sketch were able to do this ages ago.

    Submitting...
  • Lawrence Yau commented  ·  July 14, 2021 21:57  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    There is a popular digital aesthetic, albeit physically unnatural (because invisible objects don't cast shadows IRL), which cannot be directly achieved with XD's current tools. Both effects are needed, "frosted glass" and "virtual filter".

    Submitting...
  • Otina Naipali commented  ·  June 03, 2021 07:28  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I need B in 99% of my design styles!

    Submitting...
  • Kristi Ince commented  ·  November 05, 2020 20:45  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    As typical UX applications behave like option B, that would be my preference. Oftentimes, I hack creating a specifically shaped drop-shadow with blurred edges by making a zero fill opacity shape I can then manipulate separately from the other visible objects.

    Since I can control the opacity of the fill, border, and shadow at a "global" level for the object, option A can still be achieved with the existing functionality. So option B only adds additional options to our toolkit.

    Submitting...
  • Robert Anderson commented  ·  October 29, 2020 11:44  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    option B is a must, but like others have said, if we could do both easily, even better

    Submitting...
  • Sven commented  ·  September 28, 2020 02:27  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    @peter Option B.

    Submitting...
  • Julius commented  ·  July 27, 2020 22:00  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    @peter Option B. You have more control over the overall situation since you can still use the overall transparency of the object to reduce the overall opacity.

    Submitting...
  • Anonymous commented  ·  July 14, 2020 00:56  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    If I had to chose: option B. But having both would be really nice.

    Submitting...
  • Anonymous commented  ·  July 07, 2020 01:03  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Option B

    Submitting...
  • Anonymous commented  ·  June 29, 2020 00:46  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    B

    Submitting...
  • Henry commented  ·  February 26, 2020 00:28  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Option B is my preference. You can recreate option A using option B if you want. Or add a per-shadow preference as suggested below so you can toggle the behaviour.

    Submitting...
  • Ricardo Antonio Cabral commented  ·  September 03, 2019 14:40  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'd prefer if both options were possible, and a simple "Knock out" checkbox to switch the behaviour.

    Submitting...
  • Farhood Kankash commented  ·  July 23, 2019 19:26  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This kind of updates & fixes should be done earlier. Their necessity shouldn't be counted by votes here. This change makes the XD shadow becomes realistic to the industries standards. It must have done earlier. It's a shame that all designs done by XD can't look realistic in shadows cause of this & you that are counting votes to fix this, just shame.

    Submitting...
  • Jarek commented  ·  July 09, 2019 08:36  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    B all the way! As already mentioned, option B gives us an opportunity to recreate option A.

    Pater Flynn - any updates on this feature?

    Submitting...
  • Anonymous commented  ·  July 03, 2019 16:20  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Option "b" is what I find myself most often trying to do.

    Submitting...
  • Anon commented  ·  January 09, 2019 08:11  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    B please. B gives strictly more flexibility. With B, we can recreate A by changing the opacity of both fill and shadow. With A, we can't recreate B.

    Submitting...
  • Farhood Kankash commented  ·  December 08, 2018 03:35  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Come on! This is almost 2019! U haven't done anything about it? It's A SHAME!

    Submitting...
  • Gonzalo commented  ·  August 21, 2018 16:36  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    B Please!

    Submitting...
  • Dan commented  ·  July 18, 2018 08:08  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I'd much prefer option B.

    Submitting...
  • Farhood Kankash commented  ·  June 18, 2018 02:10  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I prefer B! but if we could have both options would be nice!

    Submitting...
← Previous 1 2 Next →

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy