0

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)

Here is a seamless picture but as you can see the shapes is very messy and uneven

Here's the original version (non-seamless)

Any help is appreciated.

Thank you.

13
  • Is there any particular reason you must use photohop
    – joojaa
    Aug 25, 2020 at 14:32
  • @joojaa no particular reason, just more used to photoshop that's all. if i have to use other software like illustrator i'm fine with that too. just need to make a seamless tri-polygon. :)
    – Cheryl
    Aug 25, 2020 at 14:37
  • Yeah i understand how conflation artefacts work
    – joojaa
    Aug 25, 2020 at 14:50
  • Could you guide me please? I'm new to this, i know how to make normal shapes work but because it's tri-polygon it's not as easy.
    – Cheryl
    Aug 25, 2020 at 14:56
  • @Cheryl there are tutorials for this on youtube.
    – Billy Kerr
    Aug 25, 2020 at 15:32

1 Answer 1

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

enter image description here

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

enter image description here

3
  • One of your shapes is not a triangle! Example
    – PieBie
    Aug 26, 2020 at 9:03
  • @PieBie ooooops!!
    – Billy Kerr
    Aug 26, 2020 at 9:41
  • @BillyKerr Thanks for the idea! :) i have managed to make one too myself :) imgur.com/a/tydSgKF :)
    – Cheryl
    Aug 28, 2020 at 5:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.