Seamless Tri-polygon

All we need is an easy explanation of the problem, so here it is.

Is it even possible to make a seamless tri-polygon in photoshop? I’ve tried (please see the following) but it didn’t turn out well. The color of the picture can simply be a base color, no gradient is fine too.

– The grey one (First picture) is seamless but as you can see the shapes is very messy and uneven

– The brown one (Second picture) is the original version (non seamless)

Seamless Tri-polygon

Seamless Tri-polygon

Any help is appreciated.

Thank you.

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

  1. Select the Pen Tool, and set it to "Shape" in the tool options.

  2. Set up a 10px grid and enable Snap to Grid to make it easier to join up the polygons exactly.

  3. Draw a low poly pattern, filling in the triangles different colours, but don’t go all the way to the edges of the design.

  4. Do Layer > Flatten image, then Filter > Other > Offset, to offset the pattern using multiples of 10px for both x and y values. This will allow you to move the pattern around so you can edit different parts of it.

  5. Continue with the design, and fill in the blank areas with more triangles.

  6. Repeat steps 4 and 5, until you have no more blank areas left.

  7. To remove conflation artefacts (the gaps between the polygons), flatten the final image and do Filter > Other > Minimum, and set the radius to 0.5px

Now the pattern will be seamless and tileable.

Here’s a quick example I made using the above technique. Obviously your example is much larger and more complex so it will take you much longer. Anyway, here’s the seamless pattern:

Seamless Tri-polygon

And here’s an example using it as a pattern fill:

Seamless Tri-polygon

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply