Jump to content

Recommended Posts

Posted

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!Arenacraft.shirt_back.thumb.png.bbe9e870d5f7177b21ae5e688ee6db18.png

Posted

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:

1041029171_Bildschirmfoto2019-12-14um02_31_45.jpg.1be87dc827bba2b4667836101785cd73.jpg

It doesn't show up for me in 100% view:

1205353951_Bildschirmfoto2019-12-14um02_20_23.jpg.a9a0e23570c73026f660403132d588e2.jpg

But I see a different glitch above/below the red bar (which possibly is positioned with a gap between violet and green bars):

936881035_Bildschirmfoto2019-12-14um02_33_11.jpg.a7ecdf3d3a3243881a2f7a555c4fbcfc.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Posted

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?

Posted

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.

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  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Posted
3 minutes ago, firstdefence said:

more prominent in the white area's.

More prominent in the white area's what? ears.gif

Alfred spacer.png
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)

Posted
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).

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Posted
4 hours ago, Alfred said:

More prominent in the white area's what? ears.gif

Whitenessness :1_grinning: do I get a gold star huh do I, do I. :13_upside_down:

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  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Posted

I thought you could use some "Magic" on this ;)

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  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Posted

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?

Posted

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.

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Posted

You can overlap those bars a bit, see image and edited document: Arenacraft.shirt edited.afdesign

Screen-Shot-2019-12-17-at-08-11-51.png

 

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  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Posted
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:

2135498227_overlappingafdesignbars1.jpg.6a5ca9b4492f56e75de40c56fe094ecf.jpg

As I mentioned before overlapping does the trick: I also achieve a non-flickering result, like firstdefence, when I increase the stripe's overlapping:

556169062_overlappingafdesignbars2.jpg.8c6211f96106f9f9c6281d22b646bb23.jpg

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.