merkelz Posted December 13, 2019 Posted December 13, 2019 Hi all -- relatively new AFDesigner user here. I'm running into a problem I've never seen before and can't readily explain. I have a file I'm exporting, and I'm seeing some subtle artifacting around particular parts of the design upon export. They are not visible normally when I look at the design in Designer, but when I zoom in / out I can see the artifacting temporarily until I stop zooming. If I zoom waaaay in and look closely at the areas in question, the artifacting disappears once the screen is still and I stop moving. So in theory, Designer is not displaying it. Yet it shows up in the export. Something's up. See the attached image for details -- you can see it along the top of the cream-colored bar, for example, and along the bottom of the green-colored one. Thanks for any help! Quote
thomaso Posted December 14, 2019 Posted December 14, 2019 Hello merkelz, Welcome to the Affinity forums! It looks like an issue caused by antialiasing (of a former vector object?). This zoom shows how the edge gets converted in the pixel raster image format PNG: It doesn't show up for me in 100% view: But I see a different glitch above/below the red bar (which possibly is positioned with a gap between violet and green bars): Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1
merkelz Posted December 14, 2019 Author Posted December 14, 2019 Thanks for your thoughts! I appreciate your taking the time to look at it and help me out I see the second glitch you mentioned in my export as well. Neither shows up in the actual Designer file when examined closely. What is to be done about it? Quote
firstdefence Posted December 14, 2019 Posted December 14, 2019 It looks like the grey is grinning through the white due to antialiasing, it's probably happening all the way across but is more prominent in the white area's. Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions
Alfred Posted December 14, 2019 Posted December 14, 2019 3 minutes ago, firstdefence said: more prominent in the white area's. More prominent in the white area's what? Quote Alfred Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.5.1 (iPad 7th gen)
thomaso Posted December 14, 2019 Posted December 14, 2019 4 hours ago, merkelz said: I see the second glitch you mentioned in my export as well. Neither shows up in the actual Designer file when examined closely. You probably will see it in AD, too, if you place a non-white background behind the bars (as I did with grey in my screenshots above). To prevent these you could enlarge the single stripes slightly to make them overlapping each other. The glitches above and below (at the outer edges of the set of bars) don't appear in 100% view. • So avoid using the PNG in larger size. Or export it in larger size but use it in smaller. • Another, more tricky/complex workaround could be to blur the complete edges in the width of a few pixels, that would prevent the partially appearance but creates a transparency along the entire edge and look more even that way (but blurry, too). • A third trial could be to add a stroke at these edges in the final color of the background, covering the 'steps' at the bar edges created by antialiasing which occur as repeatedly increasing opacity (visible in my 1st screenshot as a stepwise gradient from gray to green). Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1
firstdefence Posted December 14, 2019 Posted December 14, 2019 4 hours ago, Alfred said: More prominent in the white area's what? Whitenessness do I get a gold star huh do I, do I. Alfred 1 Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions
firstdefence Posted December 14, 2019 Posted December 14, 2019 I thought you could use some "Magic" on this Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions
merkelz Posted December 16, 2019 Author Posted December 16, 2019 Thank you for the help and the suggestions, @thomaso! I appreciate it. Here's what I'm wondering: why do I need to do this? Why is the software outputting an aliased file that looks different from what I'm seeing in the program? To me, that is the real issue here. There is no issue with the bars -- I've double-checked that there is no space between them, and tried like you said with a white background. The issue simply does not show up until export. Therefore, I'm seeing this as a pretty serious error in the software. Am I mistaken? Quote
thomaso Posted December 16, 2019 Posted December 16, 2019 The software must export as pixelated, rasterized document if you choose PNG as export format – whereas it can show your bars as vector objects before export, if you have created them as vectors. Vector objects simply are both size and resolution independent, whereas pixel images aren't. Antialising isn't just a feature or action of the exporting Affinity app but can also be a service by the viewing app – and even by the computer system, mostly appreciated in font/text appearance. If you would not get this smoothing caused by antialising then you would see the resulting edges more jaggy. For further investigation and a closer look at an exported result before export you also could rasterize these objects within your ADesigner document. For now I just assume a normal, physically natural behavior, not a serious error at all. It could help to help if you upload your ADesigner document for a detailed look how the file was created. Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1
merkelz Posted December 17, 2019 Author Posted December 17, 2019 Sure! Attached the file. Would be interested to hear your thoughts. Arenacraft.shirt.afdesign Quote
firstdefence Posted December 17, 2019 Posted December 17, 2019 You can overlap those bars a bit, see image and edited document: Arenacraft.shirt edited.afdesign Quote iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions
thomaso Posted December 17, 2019 Posted December 17, 2019 16 hours ago, merkelz said: I've double-checked that there is no space between them, and tried like you said with a white background. The issue simply does not show up until export. For me this issue obviously shows up in your .afdesign file, too, not only on export. I checked in your artboard 2 the affected area (left white end of center bars) and they already do slightly overlap but their overlapping becomes only visible at a zoom level of 5000 % or above. That means the overlapping is so small that it is like NO overlapping at 100% ; with other words: the area of antialising is wider than your current overlapping: As I mentioned before overlapping does the trick: I also achieve a non-flickering result, like firstdefence, when I increase the stripe's overlapping: Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.