If you are doing regular check-in on design, you probably know a very hot term – Low Poly. For example:

Harry Potter - Low Poly

To generate such “interesting” artifact, it usually needs some professional tools (like Adobe Illustrator & Photoshop). Here is a very good tutorial that you can check out – Adobe Illustrator & Photoshop tutorial: Create a low-poly portrait.

Here are some very good references if you want to check more examples about “Low Poly”.

Image Triangulator

  • Today, i’m going to introduce a tool which can do a very easy job of it – converting an image into a Low Poly version. And it is called Image Triangulator.

Image Triangulator gives you the ability to triangulate any image. The level of abstraction you get depends on the amount of points you plot. The app will allow you to save your plotted points as a text file and the final image as a pdf. You can further edit the pdf in Adobe Illustrator, as the original image will be included as a bottom layer.

The main UI is quite simple:

Image Triangulator UI

Quick Tutorial

  • Find an image and load into the app, such as:
    Load Image
  • Do some “blurring” if you would like.
  • Use your cursor to add “Plot Points” to the image, such as:
    Add Plot Points

    • Use “Show/Hide loupe(L)” to magnify the area around the cursor for better precision.
    • Use “On/Off Eraser(E)” to get rid of unused points.
  • Switch to “MESH” view to check the “grid” based on the “points”.
    Mesh View
  • Switch to “Result” view to see the actual output.
    Result View
    > When adding the points, you can always switch to “result” view to double check.
  • Once it done, export it as a PDF.

Please be Patient when adding the points. If the number of points is not sufficient, you would like to get an output like this:

Output without sufficient points

Practice

Here is what I did based on this quick tutorial.

It could be much better if I add the points more carefully.

  • The Original Picture

Ted Bear

  • And here is what I get:

Ted Bear - Low Poly

More Examples

Here are more examples from Google.

image
image
image
image
image

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>