Skip to main content
Participating Frequently
Dec 2, 2022 2:06 AM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

    2 replies

    Community Expert
    Dec 26, 2022 11:16 AM UTC

    Hi jayse hansen,

    is there any news? Do you still need help?

    Translate
    Giancarlo Vitulano
    Community Expert
    Dec 13, 2022 6:14 PM UTC

    Hi jayse hansen,

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

    Translate
    Giancarlo Vitulano