Here’s How I Did It - Open Source Graphic Design

May 2, 2008

Inkscape: Playing with Polygons - Get More Out of Triangles, Squares & Pentagons

Filed under: 2 Minute Tut', Inkscape, Vector — Jude @ 9:30 am

9-sided rounded starThe Polygon Tool is great for drawing basic shapes like squares, hexagons and even stars but did you know you can use it to make more complex shapes?

The key to this technique is to use star type polygons. Star Polygon They have an extra handle that you can use to distort the shape.
Try it by making a 4-sided star polygon. A 4 sided star polygon setup
It will look something like this:
4-sided star
And if you change the Rounded value to 0.5 you’ll see you get smoothed corners.
Rounded 4-sided star
Now select the Node Editing Tool and move the inner handle inwards to create a thin “plus” shape.
Skinnier 4-sided star
Now move the other node around so that the shape rotates through itself to distort it into a fan shape.
Outer handle rotated
If you select the Polygon Tool again (click on the shape) you can go back and play with how rounded the shape is, how many corners it has, the spoke ratio etc. which will vastly change the shape. Here’s what happens when you round the corners to 2.0.
Now with rounded corners
Increasing the corners to 8 sides creates a completely new shape.
8-sided
Now if you go back and edit the node positions again you’ll get something different.
Re-edit the nodes to make something new
As with any object you can resize and rotate in the normal way and edit colours and stroke styles. Here are a few more examples:
More examples
Left to right: Corners: 9, Spoke Ratio: 0.295, Rounded: 2 | Corners: 7, Spoke Ratio: 0.016, Rounded: 0.5 | Corners: 16, Spoke Ratio: 0.033, Rounded: 0.5 (with additional bucket fill on outer teardrops).

If you’d like to have a go with the shapes above or use them in your work, download the svg file here and don’t forget to view the license agreement Creative Commons License

2 Comments »

  1. Hi

    And thanks. It looks hard to predict the poutcome of the operations! Is it trial and error and then having a REALLY good memory?

    Comment by Robin — June 20, 2008 @ 1:36 pm

  2. Hi Robin,
    At first it’s a bit like that but after playing around with it you get a feel for what’s going on. I find it easier to use the node editor to manipulate the shape and only really modify things like the spoke ratio and rounded amount to make tweaks.

    Comment by Jude — June 20, 2008 @ 1:44 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress