Skip to main content
Participating Frequently
December 2, 2022
質問

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

  • December 2, 2022
  • 返信数 2.
  • 928 ビュー

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

    このトピックへの返信は締め切られました。

    返信数 2

    Community Expert
    December 26, 2022

    Hi jayse hansen,

    is there any news? Do you still need help?

    Giancarlo Vitulano
    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.

    Giancarlo Vitulano