Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
The Polygon tool in Inkscape has a slight learning curve, but can be an excellent way to speed up the creation of complex shapes. In this quick tip, we'll go over some neat tricks to make the Polygon tool more useful with your designs.
1. The Polygon Tool Basics
When you select the Polygon tool, you'll be able to draw Regular Polygons or Stars. On the top menu, you'll also see the options: Corners, Spoke ratio, Rounded, and Randomized. We'll go over these in the next couple steps.
Regular polygons have only one handle which can only be used to rotate or stretch the shape.
Let's go over those options:
- Corners: Number of corners/sides (minimum of 3)
- Spoke ratio: Not available for regular polygons
- Rounded: Value of rounding all corners and sides (-10 to 10)
- Randomized: Value of randomizing the positions of the corners (-10 to 10)
You'll notice below that I have a regular polygon with 6 corners and a Rounded value of 0.125 which creates a good looking, smooth hexagon.
Unlike the Regular polygon, Star polygons have two handles. The outer handle is used to rotate or stretch the star, but the inner handle is used to adjust the Spoke ratio and spoke angle.
The options are pretty much the same, but there are a few differences:
- Corners: Number of spokes (minimum 3)
- Spoke ratio: Ratio of the spoke length from the center (0.10 to 1)
- Rounded: Value of rounding the spokes and joins (-10 to 10)
- Randomized: Value of randomizing spoke position, length, etc. (-10 to 10)
The randomized option is pretty much complete chaos. If you're wondering what it looks like, here you go:
2. Convert Polygons in Inkscape
To change a regular polygon into a star, simply click the Star polygon. It may not look like it has changed anything, but what it did was add that second handle.
To change a star into a regular polygon, just click the Regular polygon button. Quite plainly, it removes that second handle which in turn, makes it a regular polygon.
3. Use Polygons as Shape Starters
Let's say we'd like to draw a complicated shape, such as a "heart". We can use a basic polygon to help get us started. So let's just make a star polygon with 3 Corners, so it creates a triangle.
You'll want to go to Path > Object to Path so we can work on this shape properly. Then, just add a couple more nodes as shown below.
Now, just select the appropriate nodes and smooth those out.
With a little touch up, you'll end up with a perfectly drawn heart. This is just an example how you could use polygons to create a foundation for complex shapes.
4. Create Amazingly Complex Shapes
This is my personal favorite use of the Polygon tool.
What I have below is a star polygon with some crazy options that barely qualifies this shape as a polygon anymore. As you can see though, there's a pretty awesome design in the middle there. We're going to get it!
Draw something like a square that entirely covers our cool design in the middle (try not to go over the polygon). Make sure you convert both of these shapes into paths by Path > Object to Path.
Send that square to the back by Object > Lower to Bottom. With both shapes selected, you can go to Path > Difference.
Tada! You're left with just that neat design now.
Here's another crazy polygon I came up with that has an amazing design in there. We can go ahead and grab this design using the exact same method we've just used.
I also had to drag the handles around a bit to get the shape exactly how I wanted it.
Here's an example of a design that uses one of these complex shapes. Neat, huh?
That Should Do It!
You should have a good understanding on how Inkscape's Polygon tool works, along with some neat tricks to make polygons more useful. Keep messing around with those settings to come up with some awesome shapes and even some amazing designs! Thanks for reading.