Skip to main content
Participating Frequently
December 2, 2022
Question

Transparency / Opacity is not exported correctly to png nor After Effects

  • December 2, 2022
  • 2 replies
  • 888 views

Whew this has been a head scratcher! 

 

If I have items with transparent fills, or images imported and opacity set lower than 100% the resulting exported PNG shows it with 100% opacity. 

 

To be clear, I'm working with art boards with a fill set to black. Also happens if I create a black rectangle as a background. 

 

If I export to After effects, it looks fine, UNLESS I create a black background. Then every element that was semi transparent looks twice as transparent as in XD.

 

It's a real mess. 

 

If I place a black rectangle behind everything in XD, everything looks great. BUT - If I export to AE, all opacities jump up. With thousands of elements (I do FUI design) - this is a daunting task to fix. 

 

Haven't been able to find similar issues on forums etc. so I hope it's just a recent bug. Let me know how to fix. 

 

Thanks!

 

// jayse

 

PS - one fix has been if I group an image and set the GROUP's opacity to say 20%, it will export at 20%. But if I don't have it grouped and set the image's opacity to 20%, it exports the image as 100% opaque. Halp! 

 

MacOS Monterey, v12.6, Macbook Air M1

    This topic has been closed for replies.

    2 replies

    Community Expert
    December 26, 2022

    Hi jayse hansen,

    is there any news? Do you still need help?

    Community Expert
    December 13, 2022

    Hi jayse hansen,

    are you using the latest version of Adobe XD? I tried to simulate the error but it seems to work properly.