Low Poly Art Tutorial using Inkscape

low poly art tutorial inkscape

Low polygon art is an interesting result that’s recently made an appearance through digital abstract creations. The new Inkscape 0.91 has Voronoi diagrams and Delaunay triangulation, which is what we’ll be using to very easily create poly art in this tutorial.

The Final Result

how to create low poly art

1. Create a Wireframe

Step 1

For this low poly tutorial, we’ll be using a photo of this pretty lady to do a polygon trace. Go ahead and drag this (or any) image into Inkscape.

pretty blond girl

Step 2

Use the Ellipse tool to draw a small, bright red dot. Now you’ll want to copy and paste these dots along any detail points in the image.

draw circle dots

Step 3

You see what I mean, right? Remeber: the more detail you want, the more dots you do, and that much more work will be needed later on.

red dots on face

Step 4

Here’s my finished dot map for the Delaunay triangulation. As you can see below, I’m only doing her face at a pretty low detail.

delaunay triangulation dots

Step 5

Select all of the dots and head up to Extensions > Generate from Path > Voronoi Diagram. Change the type of diagram to Delaunay Triangulation along with the bounding box of the diagram to Automatic from selected objects. Then hit Apply to watch the magic happen.

voronoi diagram extension

Step 6

Now you should have a full wireframe that accentuates details. Below, I selected the wireframe and the image to move them away from the original dots, because manually deleting the dots would be a pain. Also, Ungroup the wireframe, which is actually just a bunch of individual triangles.

delaunay wireframe

2. Color the Polygons

Step 1

Unfortunately, this next part is tedious because I can’t find a better way to do it. The concept here is to select each triangle with the Selection tool (F1) and then set the Fill color by using the Color Dropper tool (F7).

Thanks to a fellow reader from the comments section, you can simply use the Dropper tool and just keep hitting the Tab key to cycle through the triangles. Below, you can see I colored her lips accordingly. Go ahead and do every single triangle this way, which should only take a few minutes.

how to color low poly art

Step 2

Once you have all of your polygons colored, select them all and remove the Stroke paint.

poly art color fill

Step 3

When you remove the Stroke paint, you’ll see tiny white spaces in between every triangle. A quick trick to remedy this is to duplicate (control+D) the entire set of polygons over themselves. Looks pretty good!

low poly art woman face

That’s All!

With the newest addition of Delaunay triangulation in Inkscape, we were able to easily create a low poly version of a woman’s face that actually looks pretty good. You can definitely take the extra time to do more detail, better coloring, etc. Oh, and if any of you know a better way to accurately color all of those polygons, let me know! Thanks for reading.

6 thoughts on “Low Poly Art Tutorial using Inkscape

  1. Thanks for this tutorial!

    One way you can speed up the process of coloring the triangles is to use the Tab key to select the next triangle while you’re in Dropper mode. You’ll save a lot of time because you won’t have to switch between Select and Dropper modes and you also won’t have to manually click to select the triangles.

    Hope that helps!

  2. When I remove the stroke paint the gap in between polygons is the size of the Voronoi stroke. I cannot figure out how to fill this correctly so that my polygons are bounding each other.
    Are you familiar with this issue?

    1. Hey Ryan, I do know about this issue. The gaps in your picture look unusually large, so my little duplicate tip in step 2.3 might not work in that case. The only other workaround I know would be to apply a same color stroke for each triangle (which isn’t as bad as it sounds). I hope this helps!

  3. This didn’t exactly work for me maybe because I used too many circles but it’s a good tutorial. Also if the circles turn out to be too big, select all the circles, go to Object>Transform>Scale(in the box that pops up in the right) and decrease it proportionally. Also select “apply to each object seperately”.

Leave a Reply

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