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

Seamless pattern


Recommended Posts

I’ve been working with Affinity designer (on the iPad) to start making seamless patterns using vectors and by making an art board separately for my symbol mock-up. The problem is when I copy and paste the symbol layer onto the art board to preview the repeat. I copy and paste, I have snapping turned on and for some reason I have a minute gap between the symbol layers that are visible when I export. I have attached a jpg that I created without a pattern so the gap is visible. Any help on getting rid of the gap is appreciated.

1D192216-3BCE-4048-955A-36A8722D9BB2.png

Edited by HappySloth
Link to comment
Share on other sites

9 hours ago, HappySloth said:

I’ve been working with Affinity designer (on the iPad) to start making seamless patterns using vectors and by making an art board separately for my symbol mock-up. The problem is when I copy and paste the symbol layer onto the art board to preview the repeat. I copy and paste, I have snapping turned on and for some reason I have a minute gap between the symbol layers that are visible when I export. I have attached a jpg that I created without a pattern so the gap is visible. Any help on getting rid of the gap is appreciated.

 

Hello @HappySloth and welcome to the forum.

Make sure that the symbols are exactly aligned to pixel boundaries and that their width and height does not have a fraction of a pixel. You can see this by looking the Transform panel as seen in @BlueLiner's screenshot at the bottom right.

d.

Affinity Designer 1 & 2   |   Affinity Photo 1 & 2   |   Affinity Publisher 1 & 2
Affinity Designer 2 for iPad   |   Affinity Photo 2 for iPad   |   Affinity Publisher 2 for iPad

Windows 11 64-bit - Core i7 - 16GB - Intel HD Graphics 4600 & NVIDIA GeForce GTX 960M
iPad pro 9.7" + Apple Pencil

Link to comment
Share on other sites

This might help

and search the forum for :

  • seamless
  • thin lines
  • anti-aliasing
  • pixel alignment 
  • Fractional position

If you want to to find out more about usual causes and ways to avoid.

If your target is raster format export like JPG PNG, it is easy to repair.

If your target is keep it vector and export to SVG or PDF, it gets more complicated.

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

3 hours ago, BlueLiner said:

I think you will find when you export and use the pattern you will not see the lines. I have something similar in the desktop version but exports fine here's a screenshot, and my afdesign file. If you do, I suspect you square is not the same size as the artboard and / or centered

image.thumb.png.4ad1eb76c4840284a8770dfac33829e5.png

Test_Pattern.afdesign 9.88 kB · 0 downloads

Thank you for the advice but unfortunately it is still visible when I export.

Link to comment
Share on other sites

3 hours ago, dominik said:

Hello @HappySloth and welcome to the forum.

Make sure that the symbols are exactly aligned to pixel boundaries and that their width and height does not have a fraction of a pixel. You can see this by looking the Transform panel as seen in @BlueLiner's screenshot at the bottom right.

d.

Thank you, I will give that a try!

Link to comment
Share on other sites

Hi

I found a couple of issues with the template:

a. Dimensions and positioned rectangles are not all equal and exact
b. The rectangle has a white border of 0 px 
 

 

Affinity Version 1 (10.6) Affinity Version 2.4.2 All (Designer | Photo | Publisher)   Beta; 2.5 2.2402
OS:Windows 10 Pro 22H2 OS Build 19045.4046+ Windows Feature Experience Pack 1000.19053.1000.0
Rig:AMD FX 8350 and AMD Radeon (R9 380 Series) Settings Version 21.04.01 
Radeon Settings Version 2020
20.1.03) + Wacom Intuous 4M with driver 6.3.41-1

 

 

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.