Jump to content

eliminate clear lines in the union of seamless textures

Recommended Posts

I need a tip.

When I create repeatable, seamless textures, it is often necessary to rasterize them in png or jpg to make them usable for the printing departments of a client of mine who prints them on glass.

The problem is that, for antialiasing, a clear line remains between tile and tile. One thing that can be seen enlarging a lot, but unfortunately in printing, with ceramic inks, is very visible.

Is there any way to overcome this problem?



Link to comment
Share on other sites

  • Moderators

Hi Filo63,
If the tiles are all correctly pixel aligned, those lines (straight vertical/horizontal lines) should not be visible on canvas (at 100% zoom) neither on export. If you change the document's units to pixels, check each tile's X,Y coordinates and make sure they are all integer values (i'm assuming their width/height sizes are also integer values) you should be able to fix the issue.
To see the decimal parts of the X,Y coordinates in the Transform panel you may need to increase the number of Pixels to 3 (or more)  in the Decimal Places for Units Types section in Affinity Preferences, User Interface tab.

Other alternatives/paths you can take is to export the image to JPG or PNG at a higher resolution (say 8x or even 16x) then rescale the exported image down the same factor. It should get rid of the lines as well. 

If there's a common tile background colour, you may also try to add a larger square - filled with the same colour - encompassing all tiles and place it on the bottom of the layer stack to disguise these lines a little more.

Link to comment
Share on other sites

  • Moderators

Hi Filo63,
The two larger image layers you have side by side on top (labelled 6) are not neither pixel aligned (X,Y coordinates are not integer values), neither have an integer width and height so they will never end correctly pixel aligned unless the original objects are re-adjusted so the resulting images originated from them have integer width and height pixel values.

The smaller two ones (the triangles) on the bottom right, do have integer width and height pixel values but are not pixel aligned (their X, Y coordinates are not integer values - see attached images below the marked area in the Transform panel). That's the reason the white lines keep appearing there. In the attached afpub file below this paragraph i've fixed the pixel alignment of the side by side images (triangles). They should now look correct at 100%, 200%, 400% etc and print correctly.


Note: to check if the images are pixel aligned (X,Y coordinates) and also have integer width and height values you must change temporarily the document units to pixels. Again, to see the decimal parts/values of the X,Y coordinates or the width and height values in the Transform panel you may need to increase the number of Pixels to 3 (or more) in the Decimal Places for Units Types section in Affinity Preferences, User Interface tab.




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.

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.


  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.