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 1353 ideas
  • 02 : Prototype mode 368 ideas
  • 03: Share mode 47 ideas
  • 04 : Sharing on the web 212 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 37 ideas
  • 07 : Integration with other tools 120 ideas
  • 08 : Mobile (iOS) 24 ideas
  • 09 : Mobile (Android) 18 ideas
  • 10: Developer Handoff 137 ideas
  • 11: Plugins 134 ideas
  • Other 102 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,835 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  ·  Nov 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  ·  Nov 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  ·  Nov 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
  • David Gross commented  ·  June 11, 2018 2:07 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Shadow should be independent of fill. They are separate attributes you can control. In fact, standard rows uses an interior shadow (at y=-1) as a divider between rows...XD cannot do this!!!

    Submitting...
  • Lovechand Shrestha commented  ·  April 24, 2018 11:53 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    B

    Submitting...
  • Xavier Aijon commented  ·  January 18, 2018 6:21 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Option B, as Photoshop/Sketch please.

    Submitting...
  • Rebecca commented  ·  November 2, 2017 4:32 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I realize this is a year-old thread, but it's still important. At the moment it's impossible to use background blur with shadows, or have a shadowed invisible object.

    Submitting...
  • Leonard Creer commented  ·  October 4, 2017 6:38 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Ability to Add Drop shadows on Transparent Shapes / Elements

    Submitting...
  • james guest commented  ·  February 23, 2017 8:37 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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?

    Submitting...
  • Isaac Campbell commented  ·  December 13, 2016 3:54 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    James is right. CSS shadow only shows a shadow around the object, even if the object is transparent. Since XD is for designing web and app experiences, it should act like it would in code. Regardless of that, it still makes more sense to have the shadow only on the outside of the object. Please implement feedback.

    Submitting...
  • James commented  ·  November 15, 2016 1:37 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    What James guest has said I agree with entirely. There is barely ever an instance when where the shadow behind the object is what I need, over just the shadow around the circumference. I can see why this has been implemented, as it is more 'life-like' but in reality it is not needed and quite frankly a messy from an aesthetic perspective. So Photoshop/Sketch for me too.

    Submitting...
  • AdminPeter Flynn (Software Engineer, Adobe) commented  ·  November 14, 2016 1:16 PM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    James: just fyi, XD does support blurring on shapes. Just open the dropdown where it says "Background Blur" and change it to "Object Blur."

    Submitting...
  • Steve O'Connor commented  ·  November 11, 2016 6:56 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Def. prefer separate, as with Photoshop / Sketch.

    Submitting...
  • james guest commented  ·  November 11, 2016 5:49 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
  • james guest commented  ·  November 11, 2016 5:41 AM  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    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.

    Submitting...
← Previous 1 2 Next →

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