Deviation Actions

liamwhite1's avatar

Pattern Along Path: Creating Tapered Strokes

By
34 Comments
4K Views
You need Inkscape to perform the actions described in this tutorial. Duh.
Also, make sure to save as Inkscape SVG only to preserve stroke width data.

Mutual Clipping and Extrapolated Miters: fav.me/d6xgu57

Yet Another of Spike's Jokes: fav.me/d6w9fip
Image details
Image size
1920x16514px 3.43 MB
Published:
Comments33
Join the community to add your comment. Already a deviant? Log In
Uponia's avatar
I like this method and in combination with using the tapers makes vectoring a bit easier and I like the results especially with strokes a varying widths. :)
pyrotornado911's avatar
One question: using pattern along path would make the fills disappear, doesn't it? Say, for example, Twilight's muzzle there: we wouldn't be able to get the normal fill from one end node to the other. Or am I doing it wrong?
liamwhite1's avatar
No, that's correct.

Inkscape 0.91 introduces the Edit→Clone→Clone Original path effect for this situation. It creates a fill for the pseudostroke.
pyrotornado911's avatar
And I also noticed that the pattern width affects the pseudostroke width. Any ideas on how to maintain uniformity? Say for example 1px wide on all strokes.
liamwhite1's avatar
Keep the original pattern at 1px high. (see the select tool toolbar.)
pyrotornado911's avatar
Cool. That'll save more time for me :)

I just hope that the filesize (and complexity) stays manageable.
dSana's avatar
Thanks for this tutorial. It works!
FacelessSoles's avatar
I got stuck at "Look in on the top left corner of your page. Select the nodes with shift-click + drag etc..."
liamwhite1's avatar
You're sure they aren't there? Zoom in pretty far, and make sure that clicking the button on the LPE has activated the node tool...
Lucefudu's avatar
Well, NVM, this is much more comprehensive: www.youtube.com/watch?v=hL2UOS…
Lucefudu's avatar
Could you be more specific?

I click the "Edit on Canvas" icon on the Path Effect Editor window and nothing happens (besides de-selecting the nodes I had already selected with Shift+Click).
liamwhite1's avatar
A pre-existing path will appear in the top-left corner of your page. Try pressing Ctrl+A to highlight them, and check the node count in the status bar (default is 2). If you still fail to see a constructed path, draw a new one without Pattern along Path, copy & paste it into the effect menu of the path with the effect, and click node edit. Voila.
Decimix's avatar
This is the coolest feature I've found bundled with Inkscape yet, thanks to you. It will definitely help me a lot with vectoring, as it makes it so much easier to adjust the strokes after creating the tapers. I wish I had stumbled upon your tutorial earlier. All of the mishaps that happen after converting strokes to paths are now no longer a problem.
liamwhite1's avatar
I have actually gotten a bit fed up with the method since it cannot be used around cusp nodes, and decided to create my own way of tapering strokes.
If you would like a build of my custom Inkscape send me a note and I will be more than happy to provide you one (specify which operating system you have, please)

Pattern along Path is still extremely useful for smaller things, such as short, triangular tapers, and the like. But I've still found that Pattern along Path tends to waste a lot of nodes. My method strives to be as node efficient as possible while still retaining speed.

sta.sh/02dhg0k0y7li

Additionally, the path effect can have a little fun with your join types by extrapolating them instead of just making bland miter joins. This is documented in more detail here and here.

If you have any further questions, ask and I'll be happy to answer! :)

Also, reading your profile page it seems that you are a good coder. If you want to see the code for my effect I have it here: Taper Strokes path effect : Creates path outlines with extrapolated joins
and any questions are appreciated.
FyreGryph's avatar
Are you going to try to get that included in the main branch?
FyreGryph's avatar
Cool! Getting those improvements added to a branch of the official Inkscape imo sounds like something that should happen. I'll try and find a build of the experimental branch for windows and try it!
liamwhite1's avatar
The experimental branch is now dead…

It has been merged into trunk, so I'd look for trunk builds.
Decimix's avatar
Upon realizing how strange cusp nodes looked when Pattern Along Path was applied to a long stroke, I realized that the fix wasn't as perfect as I thought it to be. It's nice to see that you've worked on creating a better method of tapering, and I would gladly try a copy of your custom build. I noted you with further details.
Du-sk's avatar
this has helped me so much
thank you :D
RockinT765's avatar
It didn't work when I tried. 
liamwhite1's avatar
Hmm. How so? What occured that was unexpected?
RockinT765's avatar
Your method was outdated or something. I looked it up online and it said to do it a different way. The new way worked. It's almost what you did, but a lot less complicated.
RockinT765's avatar
I'll have to reread that, so I can learn how to do it.
Join the community to add your comment. Already a deviant? Log In