Mobile app version of vmapp.org
Login or Join
Karen819

: 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

@Karen819

Posted in: #AdobeIllustrator #Effects #Filter

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.



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?

10.08% popularity Vote Up Vote Down


Login to follow query

More posts by @Karen819

8 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

There's also this site, which will give you a vector svg file that you can then edit...
qrohlf.com/trianglify/

10% popularity Vote Up Vote Down


 

@Goswami567

You can also use a variety of plug-ins. Scriptographer gives you very advanced options to mess about with shapes and color. There is one script that allows you to generate triangles in a pattern with mere mouseclicks.

You can download it here: scriptographer.org/scripts/interactive-tools/triangular/
Scriptographer might seem daunting at first, but they have really great guides to get started: scriptographer.org/tutorials/
Although the shapes in the example don't exactly match what you want, for as far as I remember you can modify them a lot.

Good luck!

10% popularity Vote Up Vote Down


 

@Phylliss782

Just to add on @cockypup

Another way to make things easy to apply colour, use the same approach as @cockypup showcased but instead of using the Pathfinder to explode the object to pieces, I would suggest using Live Paint.


So once you have drawn the big rectangle and created the lines that cut through.
Select All and chose Live Paint under Menu--->Object.





Now you can select the Live Bucket Tool from the Tools Panel and start adding colour to each segment.





Two advantages you have now,


(a) you can always go back and change your design with less effort,

(b) when using the Live Bucket tool you have the freedom of choosing colours form the swatches panel just by using the cursors on your keyboard! Also don't forget that the colours available for you to skip through are based on which group of colours you have selected in the swatches panel!

Let me know!!!

10% popularity Vote Up Vote Down


 

@Karen819

I second Ryan's answer, but add to it from a cartographer's perspective. The surface Ryan is talking about is called Thiessen Polygons, also known as Voronoi Polygons. There may be a special tool in Inkscape or AI for this, but in QGIS you just pass an XYZ point file to the Voronoi Polygon tool and it will generate the polygons for you.

I'm sure there are lots of ways to get the output to your favorite vector editor.

10% popularity Vote Up Vote Down


 

@Alves566

Draw a rectangle that covers the whole canvas.
Make sure you have "Smart Guides" activated (View->Smart Guides
or Ctrl+U)
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.
Select the whole art (Ctr+A) and using the Pathfinder palette (Windows->Pathfinder or Shift+Ctr+F9) click on "Divide".
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.

10% popularity Vote Up Vote Down


 

@Alves566

From an architectural standpoint try to think of these not as triangles but as surfaces. Surfaces are made up of sides. In this case these just happen to be, mostly though not entirely, triangles.

Use the line tool, not the polygon tool.

For a quick example here's a rough animation:

10% popularity Vote Up Vote Down


 

@Nimeshi706

So first I'd recommend you check this online tool.
Since it's not exactly what you're looking for I'll explain how I achieve similar results in the past. I hope someone in this thread has a better way to do this.
Create an isometric grid then click on it at different places with the shape builder tool. Then modify the triangles at will by just selecting intersections between 6 triangles and moving them.

10% popularity Vote Up Vote Down


 

@Steve758

There is actually a web page that can build these polygons for you, based on a file you upload. Check it out Somestuff.ru

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme