Low Poly Art Tutorial using 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
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.
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.
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.
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.
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.
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.
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.
Step 2
Once you have all of your polygons colored, select them all and remove the Stroke paint.
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!
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.
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!
Karen, this is an amazing tip! I’m adding this to the article right now. Thanks!
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?
imgur.com/7q25gzT
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!
Thanks for writing the tutorial. Really enjoyed and learned from it.
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”.