I recently had a bug : In a website prototype, most of my photos (not all of them) were flipped upside down when I exported as PDF my project.
When I export as PNG it's all perfectly fine but I want to be able to export as PDF without this problem 😕
Is anyone having this problem ? Is there a solution or is this a new -not well know- bug ?
Thanks for your help
I can't reproduce your bug. My pdf exported as expected. Image have the same position as on artboard. Did you try with simple project?
I tried with a simple project but it's the same 😕 (I forgot to mention on the first message but : not only it's upside down but the image repeat itself strangely)
In this case , may be, reinstalling Adobe XD CC can help or there is some problems with pdf preview application. Some setting can cause this if whole pdf is flipped.
I downloaded the new version of XD this afternoon and it's the same.
I tried to open the pdf in my web browser and it's perfectly fine x) You're right, its the pdf preview of the Mac OS that cause this problem (It's maybe Mojave that cause that)
Thank you for your time and support
Are you viewing the PDF in Preview or in Acrobat reader? The team tested the scenario, and they were able to reproduce it in Preview but not in Acrobat reader. Just to be sure, 10.10 is not a supported OS for Adobe XD version yet, although it is unlikely to be causing this issue.
Yes I use Preview to open the pdf. It's not a big deal after all, all a have to do is to open the pdf in my web browser or do the Paul's solution. Thanks to all a you for responding. I will wait until my MacOS version is supported by XD.
It does seem to be a Mojave issue. When you quickview or open an exported PDF with images in Preview, the images are flipped, tiled etc. In the meantime, a workaround is to open the PDF in Acrobat and Export as Other > Optimised PDF, it will be OK in Mojave.
PS, reinstalling XD will not help as someone previously advised.
This issue arises when you tweak the opacity settings of the image from within XD. At 100% opacity the image doesn't flip. Atleast this was how it was in my case. As a workaround I had to tweak the opacity outside of XD, say on Photoshop or other softwares and save it as image and then use this image in XD. Also this was happening only when viewing the PDF on a mobile device running iOS.
I got the fix.
There is 2 ways to use masked images in XD.
1. Is to drop the Image from the finder into the shape, like a rectangle. The image is masked this way and can be edited etc.
2. Is to select a shape and an Image and use the Mask Function. This will cause the issue on Preview on Mac.
Just stick to the option1. Took me 2-3 hours of bugging - Cheers -
We are glad to hear you're able to fix the issue and thank you for sharing your troubleshooting and solution that worked for you. Please feel free to reach out to us in the future for any query related to Adobe XD. We would be happy to help.
The issue is still present on Mac OS Catalina.
When I export an artboard as PDF (which contain some masked images), Mac OS Preview can't show it properly.
Hi - this is still a problem, is there any fix underway?!
We're so sorry to hear about the trouble. We tested this on our end and was unable to reproduce this. Having said that, we can surely escalate this further if it's happening on a specific set-up. Could you please share the version of XD and the OS along with a small video of the workflow, we'll try our best to help you with it.
How am I supposed to share a video when your forum doesn't support adding them? The content I'm working with belongs to my clients so I can't upload it to another platform.
Basically all of the images I'm using in my document are stretched/rotated/flipped when I open the PDF that's exported.
It's the same problem as everyone else has explained on this thread.
Xd version: 188.8.131.52
Mac OS: 10.15.6
I am having this problem as well. I'm running Mac OS Mojave 10.14.6. As maurice balde (OP) explained, this issue does not happen if you drag the image from the finder directly into a shape. However, if you use the mask function, then we have the problem. Here's some images showing what happens.
i'm working on Mac and I have also this issue.
To drop the image from the finder is not a solution for me. I need to insert images from cache.
Please dear Adobe Team repair this.
I got the absolute same problem in my latest prototype. PDF viewed in Google Chrome, Acrobat Reader & Pro is all good.
Only MacOS Catalina's PREVIEW (even the thumbnails) messes the Image up. Flipped and scaled.
It happens ONLY with masked forms (image masked with vector form), not with simply placed images.
Unfortunately XD's PDF-Export was never good – and neither was Apple Preview.
So sorry @Ares_Hovhannesyan that was not a solution – any other ideas? Which settings then?
It's not just a MAC thing. When I send a PDF to co-workers on a PC, they open it in Acrobat and the images are all jacked up. It also happens when some of them open it directly from Outlook. Unfortunately, we may have to move back to InDesign because PDFs displaying properly for clients are essential.
I'm facing the same issue. Following to know if there is a solution.
My issue is all my files were initially created using Sketch. But now I have shifted to Adobe XD and I have been importing Sketch files to Adobe XD. I exported one of the files which had 40+ pages with some new updated from my team, the pdf came out with inverted and expanded images in masks. Now if I have to go with the quick fixes I found above, I have to ungroup all the masks and drag out the images and keeping the shape and drag them back in and export. This is a huge task when you have a lot of files with a lot of pages. Is there a solution in place yet? I see that this bug has been there since the last couple of years.
U r a life saver
-- A troubled UI/UX Designer
Sorry about my English. But let's go!
My solution was to open the exported PDF file in Illustrator and re-save it in the same format.
This solved my problem! 😉
I hope I contributed
Thank you so much for sharing the solution that worked for you. This will definitely help our customer resolve the similar issue.
Please feel free to reach out to us in the future for any query related to XD.
We would be happy to help.
Experiencing the same issue.
It appears that when viewing an exported Adobe XD PDF on Apple's Preview application (on an up to date Catalina OS) using the 'mask with shape' function in XD, the PDF preview is flipped upside down, and the image repeats on certain breakpoints (depending on the image). In Adobe Acrobat application, Google Chrome, and others it looks correct.
Reference screenshot below. Left is Apple Preview (wrong), right is Adobe Acrobat (right)... Hope the client doesn't use Mac 🙂
The Illustrator solution worked for me as well.Thank-you so much! I had the same issue with images masked using shapes not clearly visible in preview.They could be seen when opened in acrobat but not in finder preview and when I uploaded my assignment to coursera. I saved the pdf in Illustrator and it seems to have worked and I was able to submit my assignment.