Introduction: Image to Low Poly Vector Art

Picture of Image to Low Poly Vector Art

Use Inkscape to turn any image into low-poly art! This image will be a .svg filetype, and will be suitable for use with a vinyl cutter, laser cutter, or waterjet.

Step 1: Find an Image

Picture of Find an Image

Any image will work, although a more colorful image will produce a better final product. My butterfly has a transparent background, but an image with a background will work just fine. If you don't have Inkscape, download it here and drag the file into it.

Step 2: Create a Framework

Picture of Create a Framework

To create the triangular looking image, Inkscape needs reference points. Those reference points will come in the form of small circles manually placed on the image.

Go to the left side of the workspace, and click on the circular icon to make a small circle. Using the bottom color palette, click on red to set the fill color of the circle. If "Stroke" has a colored box adjacent to it, hold down the CTRL key and click the red X on the far bottom left.

Using CTRL + C, copy the ellipse, and then paste it around your image. Dots that are closer together will create smaller, more detailed triangles, but will diminish the low poly look. If the image is symmetrical, add a divider in the center using the Bezier tool (F6) and holding CTRL to create a straight vertical line. If a line is used, there should be dots anywhere the image touches the line to prevent gaps.

Step 3: Generate Delaunay Triangulation

Picture of Generate Delaunay Triangulation

To create the framework, Inkscape uses a plugin that generates a path between objects.

Make sure to save before this step! Using the selection tool, drag a selection box over all of the dots (but not your image), then go to the drop down menu "Extensions", "Generate From Path", and "Voronoi Diagram". This will open a menu, where "Delaunay Triangulation" should be selected from "Type of diagram". Upon clicking apply, Inkscape may freeze up for a moment, but should return with a latticework of lines overlaid on the initial image.

Use shift to select the image, lines, and center line if applicable, and drag them off of the red dots.

If your image was mirrored, copy the triangulation and use the "Flip" tool at the top of the screen to create a mirror. Drag this over onto the image. For the next step, select both triangulations.

Step 4: Clean Up Lines

Picture of Clean Up Lines

The program used to generate the lines only looks at the dots, and can't tell when a line is over a gap in the image.

Select all of the triangles overlaid on your image. If they're difficult to see, hold SHIFT and click a color on the bottom palette to change it to something more visible. Next, go to the top menu, and under "Object" click "Ungroup". Now, after deselecting all of the triangles, individual triangles can be clicked on and deleted. Zoom in on the image and clean out any messy triangles.

Step 5: Set Colors

Picture of Set Colors

From here, the colors will be set using Inkscape's color picker tool.

Make sure all of the red dots from the previous step are deleted before this step. Zoom into the image and select a single triangle. Activate the color picking tool with F7, and click on the primary color of the triangle. The entire triangle will change to match that color. Next, press TAB to automatically move to the next image, and click to select the primary color. Repeat this for the rest of the triangles, pressing TAB after each triangle to move to the next. If a triangle is skipped accidentally, SHIFT + TAB can be used to go in reverse order.

After all the colors are set, highlight the entire image, hold SHIFT, and click the small red X in the bottom left of the screen. This will eliminate the lines, leaving a multicolored low-poly image. Delete the initial image and center line, and your low poly art is complete!

Step 6: Optional: Add Gaps for Vinyl Cutting

Picture of Optional: Add Gaps for Vinyl Cutting

To add gaps in the triangulation, select the entire image and use the corner arrows to size it up to significantly larger than the page. Then, use CTRL+ 9 to shrink all the triangles slightly. For wider gaps, make the resizing smaller before using CTRL+9, and make the resize bigger for thinner gaps.

Comments

DavidC9 (author)2017-10-04

This turned out really nice, I'm going to use it to make a wallpaper. one thing that i found is that Inkscape has a known issue where objects that are exactly touching get a gap rendered between them by the anti-aliasing engine, the easiest fix if you dont have transparency is to doplicate them by doing Copy and then Paste in Place.

DIY Hacks and How Tos (author)2017-07-18

That looks really cool. It would be kind of interesting to see how few polygons you can use to represent something.

Given that a polygon is anything with 3 or more sides and angles, I'd say you could represent a majority of things with just 1 polygon. It becomes much trickier, though, when you're using regular polygons.

About This Instructable

2,366views

113favorites

License:

More by emily0:Mobile Chicken and WafflesOrigami Crane MobileTen Second Origami Box
Add instructable to: