As you can see my solution is to make a 6 sided polygon manually and it is NOT pixel perfect. I need it pixel perfect to make a repeating background using this as the base.

enter image description here

enter image description here


Create an equilateral triangle and use copies of it to construct a hexagon using Sketch's excellent snapping capabilities. Then make unions of triangles to create trapezoidals.process description

  • Woh! your share is so perfect!!! any chance you can share the file with me? Never mind I got it works now. Thank you.
    – Glass
    Sep 16 '17 at 15:26
  • I want it to have a nice inner border for trapezoidal? Using this method the border for triangle still appears. See updated questions (last screenshot)
    – Glass
    Sep 16 '17 at 15:35
  • Sometimes the antialiasing is not perfect when two shapes that are not pixel aligned meet. One simple solution that gives perfect result is to create multiple copies of your final hexagon and stack them on top of each other (cmd+d a couple of times). Any pixels that are semitransparent will quickly add upp to have 100% opacity.
    – filip
    Sep 16 '17 at 16:12
  • Oh, I have spend few hours on this and still have no clue.
    – Glass
    Sep 16 '17 at 16:13
  • And I'm not sure what does you last comment means. Could you please a sample. Thank you very much.
    – Glass
    Sep 16 '17 at 16:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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