Jump to content
You must now use your email address to sign in [click for more info] ×

White lines between shapes Affinity Designer


Recommended Posts

I'm having a problem with shapes in Affinity Designer. Whenever I snap two shapes together there will be a line between those shapes. It is visible in Affinity Designer itself and on the exported images. I tried to make a pattern with symbols and the problem also occurs. I've searched the forum and internet to solve this problem, but there isn't one that works for me. From what I'm getting this is a bug in the software that's been in Affinity Designer for years now. When will this be solved? I expected that V2 would have dealt with the problem but it didn't unfortunately.

image.thumb.png.139911517fb100fc6d8595e8463c5823.png

Link to comment
Share on other sites

This might help.

 

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

You can avoid the issue, but this requires very careful planning and execution:

  • Use pixel view to inspect if seams are visible
  • use transform panel, with decimal digits set to 6, to inspect position, and size to be integer (not fractional)
  • Use helper rectangles to perfectly cut off layers at integer boundaries (by masking or clipping)
  • Activate snapping, force pixel alignment, deactivate move by whole pixels
  • carefully inspect nested layers: every level must be pixel-aligned.

 

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

left: seamless. right: your version.

You need to zoom to 50% or 100%, other zoom levels show a non-existing seamline. export to PNG shows no seam. 

Screenshot 2023-03-09 at 23.35.31.png

seamless pattern.afdesign

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

 

Link to comment
Share on other sites

49 minutes ago, NotMyFault said:

You can avoid the issue, but this requires very careful planning and execution:

  • Use pixel view to inspect if seams are visible
  • use transform panel, with decimal digits set to 6, to inspect position, and size to be integer (not fractional)
  • Use helper rectangles to perfectly cut off layers at integer boundaries (by masking or clipping)
  • Activate snapping, force pixel alignment, deactivate move by whole pixels
  • carefully inspect nested layers: every level must be pixel-aligned.

 

Thnx for the tips. I tried to use them, but I can't seem to get it right. I must be doing something wrong. Could you post a video how you did it, so that I can compare it with the way I did it?

Link to comment
Share on other sites

46 minutes ago, ceocan said:

Could you post a video how you did it, so that I can compare it with the way I did it?

Alternatively, you can insert your *.afdesign file here.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

Object position and size must be "pixel" perfect, not "mm" perfect.
 image.png.45658d24c7e031ae6d0215dcfbd35248.png vs image.png.68de9ae0c42948b1413ee3c528a39ca5.png

Edit: try change document unit to pixels (in Document setup, or top/left corner on Ruler).

Edited by Pšenda

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

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.