play with spiro and path effects tutorial

for this tutorial you need a recent build of inkscape
here is the final svg file : http://pastebin.com/f1ff1cae6

screenshot-1.png
open up inkscape and click on the pencil or pen tools. Select the new spiro mode

screenshot-2.png
notice the shape setting? this applies a pattern along path to match a brush like effect rather than just a solid width path.

screenshot-3.png
have a scribble with the rough shape you want to accomplish

screenshot-4.png
let go and checkout your awesomely smooth shape .. its probably not exactly what you want yet.. but we’ll fix that later.

screenshot-5.png
to see what inkscape has done for you, checkout the path effects dialog fond in the path > path effects menu.

screenshot-6.png
if you have your path selected with the node tool, you can edit your pattern along path on-canvas. just click the show “next path effect parameter for editing” (we should rename that button). Anyway, have a play with the default.

screenshot-7.png
If you want to try a brush like effect, just create a star with the star tool, convert to shape (ctrl+shift+c) and delete a few middle nodes (ctrl+delete) to get a similar shape to what you see here.

screenshot-8.png
All done!
now you can fill and stoke your new path effect like it was a normal shape. have fun!

someday .. i dont know when. 2geom will probably support spiro splines. and someday (hopefully soon) this means native spiro drawing with a spiro tool rather than this path effect hack we’ve got going (notice the red original path ?) eww .

2 Responses to “play with spiro and path effects tutorial”

  1. heathenx Says:

    Excellent! Thanks Andy for this tutorial. Many of us are curious about Spiro. Ever since trying it myself I’m hook. I love drawing with it.

  2. Rygle Says:

    That nearly looks like Australia, or at least the early version.

Leave a Reply