What is the best way to acheive this “geometric triangles” effect?

I’m currently playing around in Illustrator and I would like to know the best way to recreate this pattern from a Samsung wallpaper (or similar) so that I can colour it how I like.

enter image description here

The main problem I’m having is positioning the triangles between each other. Is there a better way to place then flush against each other so there are no gaps?

Do I have to just painstakingly pull each point to match up with each other?

Or is there a way to “cut up” a larger shape?

enter image description here


  1. Draw a rectangle that covers the whole canvas.
  2. Make sure you have “Smart Guides” activated (View->Smart Guides
    or Ctrl+U)
  3. Draw a bunch of black (or any other colour) lines creating your design. The lines can intersect (encouraged) but make sure they touch each other or
    they touch the border of the rectangle (i.e. the border of the
    canvas). This is why Smart Guides comes in handy.

  4. Select the whole art (Ctr+A) and using the Pathfinder palette (Windows->Pathfinder or Shift+Ctr+F9) click on “Divide”.

  5. This turns the art into a group of polygons. Each one has the fill colour of the original rectangle (red in my case) and the border colour of the lines (black in my case). Double click on the group, select each rectangle and recolour it at your hearts content.

Here is an animation in Scott’s style. I don’t know what possessed me to make the rectangle red. Maybe need more coffee.

enter image description here

Source : Link , Question Author : SaturnsEye , Answer Author : cockypup

Leave a Comment