Participant

Answered

Blend mode is being ignored when exporting in XD

22 replies
9040 views
Translate

I am trying to export a design in XD that uses a blend mode on an image. Unfortunately, when I go to export it, the blend mode does not carry on to the exported design. I have attached two images, one is the exported image and the other is a screenshot of what it should look like.

This topic is closed to new replies. Start a new post to keep the conversation going.

Corina MurgilaCorrect answer

Adobe Employee

Hi Vishu,

XD blend modes are applied on the image against a background. When exporting image only, we don't export background, therefore no blend mode effect will be visible on the image. If exporting whole artboard then blend mode will be visible. Another option for you will be to have a white rectangle behind, make a group from image and rectangle and export. This way the blend mode will be visible.

Regarding second issue you mentioned, I was not able to reproduce it. Is it possible to send me the file with that artbord so we can narrow things down?

Thank you,

Corina Murgila

josemcunha

Participant

Nothing you wrote is working, either exporting the artboard or goup objects or with a white rectangle or anything, I tried everything and it's still an issue, does not export with blend mode (lighten on a dark background). Have to reproduce the image in photoshop so I can export it with the blend mode.

Translate

Corina Murgila

Adobe Employee

Hi!

Sorry for inconvience.

There is a known issue for export when blend mode is applied inside a mask group. This is your case? If not please send me the file.

The team is looking in the problem as we speak and will be fixed in some future release.

As an workaround try to apply the blend mode on the mask group, and not inside. I hope that works for you.

Thank you,

Corina

Translate

N

nj-a

Inspiring

This is still an issue...

Adobe please can we get a fix on this?! It's pretty fundamental.

Translate

Corina Murgila

Adobe Employee

Hi,

Can you please send me a sample XD file where you can reproduce the issue?

I was not able to reproduce it. Thank you!

Translate

Corina MurgilaCorrect answer

Adobe Employee

Hi Vishu,

XD blend modes are applied on the image against a background. When exporting image only, we don't export background, therefore no blend mode effect will be visible on the image. If exporting whole artboard then blend mode will be visible. Another option for you will be to have a white rectangle behind, make a group from image and rectangle and export. This way the blend mode will be visible.

Regarding second issue you mentioned, I was not able to reproduce it. Is it possible to send me the file with that artbord so we can narrow things down?

Thank you,

Corina Murgila

Translate

Harshika Verma

Community Manager

Hi there,

Thank you for reaching out and sorry that you're experiencing issues with blend modes in XD. Would you mind trying to export the whole artboard and let us know if it's respecting the blend modes effect?

Thanks,
Harshika

Translate

B

bonyj98631959

Participant

This is not working for me. Even if whole artboard is exported, it doesn't show the blendmode.

Translate

FlaketimezAuthor

Participant

What I have found is if you have an image using a blendmode and you group it with something else the group also needs to be set to the blendmode.

Translate

Vishu_Aggarwal

Participating Frequently

Well, I just test out the same scenario and if you use Image Blending mode with Clip Masking (Mask With Shape) then it is giving very wired results wheres as without Mask with Shape it is fine. Refer the screenshots -