HOME | DD

liamwhite1 β€” Inkscape: Mutual Clipping and Extrapolated Miters by-sa

Published: 2013-12-10 20:39:33 +0000 UTC; Views: 3688; Favourites: 69; Downloads: 107
Redirect to original
Description Stroke width bases: fav.me/d6y6w3r
Yet Another of Spike's Jokes: fav.me/d6w9fip
ParclyTaxel's guide to Mutual Clipping: fav.me/d69usi5
Related content
Comments: 24

Plentyrees [2014-05-02 07:04:22 +0000 UTC]

How do you convert the strokes to outlines? I'm new to Inkscape.

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to Plentyrees [2014-05-02 11:23:06 +0000 UTC]

Path β€”> Stroke to Path
Also Ctrl+Alt+C as a shortcut

Make sure to NOT have open the "Object Properties" dialog when you convert stroke to path. It tends to crash.

πŸ‘: 0 ⏩: 1

Plentyrees In reply to liamwhite1 [2014-05-03 15:03:05 +0000 UTC]

OK! Thanks!

πŸ‘: 0 ⏩: 0

snowfeather1 [2014-01-14 17:31:40 +0000 UTC]

hi.how do you use this on alicorns heads?

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to snowfeather1 [2014-01-14 19:19:24 +0000 UTC]

Their horns?

πŸ‘: 0 ⏩: 1

snowfeather1 In reply to liamwhite1 [2014-01-14 23:09:43 +0000 UTC]

no the curves of the head

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to snowfeather1 [2014-01-15 00:22:53 +0000 UTC]

How are the alicorn's head strokes any different than the regular horses'?

πŸ‘: 0 ⏩: 1

snowfeather1 In reply to liamwhite1 [2014-01-15 01:00:00 +0000 UTC]

couse celestia head have the nodes are like corners

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to snowfeather1 [2014-01-15 01:08:13 +0000 UTC]

I like to promote learning from the source. If you download my Celestia vector , you'll see that what I have done at the corner is close to what I demonstrate here. Release the clipping paths on the two objects, and see if you can figure out what I did. Or download the image demonstrated here (it's at the back of my gallery) and release the clipping paths.

πŸ‘: 0 ⏩: 1

snowfeather1 In reply to liamwhite1 [2014-01-15 18:29:27 +0000 UTC]

just I try to use masking but wen I do the object disapeer

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to snowfeather1 [2014-01-15 19:10:54 +0000 UTC]

If you want to use masking instead of clipping, set the clipping path to a white fill and no stroke.

πŸ‘: 0 ⏩: 1

snowfeather1 In reply to liamwhite1 [2014-01-15 22:09:25 +0000 UTC]

like a image

πŸ‘: 0 ⏩: 2

liamwhite1 In reply to snowfeather1 [2014-01-16 00:52:45 +0000 UTC]

Not following your train of thought here, I'm sorry to say

πŸ‘: 0 ⏩: 1

snowfeather1 In reply to liamwhite1 [2014-01-17 01:04:56 +0000 UTC]

ok

πŸ‘: 0 ⏩: 0

snowfeather1 In reply to snowfeather1 [2014-01-15 22:17:27 +0000 UTC]

I cause I try to do shadows but I try your other tutorial and do the same

πŸ‘: 0 ⏩: 0

ChainChomp2 [2013-12-18 14:59:26 +0000 UTC]

I was actually going to look up tutorials in the club to see what they looked like before I tried my own to show ~VectorizedUnicorn (who, thanks to mentions appearing in dA inboxes, should get this), who asked about the clipping technique to use on a Soarin vector, but then I saw that what I was going to cover already covered in this tutorial.


Looking at my library, my first known use of "lines clipping each other's ends off" (or otherwise mutual clipping) as a technique that I can recall was in April or so (the gray strokes of different widths intersecting in the hat), but I didn't know of the name for it until I stumbled the Mutual Clipping tutorial in September. Β Back then, I just came across the hat and thought, "I think the only way I can get this line to look like it gets thinner as it intersects here is to clip it with the other line". Β Maybe Parcly used it far earlier; I don't know for certain except that it's a great technique. Β So far I've found it useful for Wonderbolt suits (cadet suits and the muzzles on the full-body ones), tight-fit clothes or clothes in general, stallion muzzles, fetlocks, hoofshoes, hats, sharp points on manes/tails, the hairline and manes of Doc/Meadow/Lucky, etc. ...basically whenever you'll want two lines to clip each other particularly if they are of different color or stroke width, or when points look ugly.


Okay, I might be boasting, but I'm just saying that it's a great technique to know and tutorial after tutorial on the subject only helps more vector artists understand and learn it because it has many uses as I listed (and probably more), so useful it was worth going through the older vectors in my gallery and retrofitting those things I listed with it.



The only drawbacks are that it doesn't look like there's a quick-and-easy fix to edit them later if you want to thicken or thin the stroke width, because you have to clip everything all over again , and that if the colors of the strokes are different you can especially notice a little pixelation (I can see a little bit on that last example with the orange and yellow strokes, typically it's less noticeable if the strokes are the same color). Β More easily noticeable still the more lines or objects are duplicated or clipped over each other (eyes especially, though this isn't relevant to mutual clipping). So, from there I might turn the stroke under into a path and then delete some nodes or move anchors, as the stroke layered on top of it retains its shape from the clip mask.


Whether or not this is completely relevant I'm not 100% certain, but it's in the name of sharing advice and knowledge, so I hope it's okay.

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to ChainChomp2 [2013-12-18 20:01:57 +0000 UTC]

I generally try to avoid using Stroke to Path on visible lines, to ensure that there are no stroke width errors and to allow myself to change the shape and width of a line if I have to. This helps to ensure the best quality on my vectors. Granted, the errors will be small but they will definitely be there. It's kind of a trade off I guess. And Ponyscape is not working terribly well for me; I think there's a memory leak somewhere but I can't be sure.

If you tried something similar to this technique in April, then as far as I know you came up with a portion of this concept before ~Parclytaxel , who published his first work with Mutual Clipping in May: fav.me/d65whoc - "Fifty-Seven Eight Eighty-Five One Sixty-Luna" which seems to be named for the largest known prime 257885161 - 1.

πŸ‘: 0 ⏩: 0

okaminekowiesel [2013-12-16 14:41:53 +0000 UTC]

Ok, I really wanted to try this technique, yet I fail at the understanding of the simplest things. Maybe I know the things mentioned, but there is no name to the things I do and therefore no connection between them. I feel like living under a stone.
Well, maybe I get some knowledge of definitions and wordings first and retry another time.

Thanks for sharing.

πŸ‘: 0 ⏩: 0

ghostlikely [2013-12-14 23:54:00 +0000 UTC]

Interesting. I'll totally try this out next time I'm vectoring ^-^

Thanks a lot for sharing!

πŸ‘: 0 ⏩: 1

Parclytaxel In reply to ghostlikely [2013-12-15 04:28:10 +0000 UTC]

You do realise that I was the progenitor of this trick, don't you?

πŸ‘: 0 ⏩: 2

liamwhite1 In reply to Parclytaxel [2013-12-16 17:36:55 +0000 UTC]

You said nothing that is in the Extrapolated Arc Miters section, although it logically follows. Full credit to you for figuring out the trick though

πŸ‘: 0 ⏩: 0

ghostlikely In reply to Parclytaxel [2013-12-15 04:45:13 +0000 UTC]

Well yeah, now I do :L

πŸ‘: 0 ⏩: 0

MrBarthalamul [2013-12-11 00:12:55 +0000 UTC]

Hmmm, interesting. I had to re-read it a couple of times but I think I understand all clipping business. As for the very first part, I suppose I'll just have to play around with it until it makes sense lol

πŸ‘: 0 ⏩: 1

liamwhite1 In reply to MrBarthalamul [2013-12-11 01:31:10 +0000 UTC]

Here's how you use the "ready-made" tapers:

Download the SVG and put it in a place you'll remember
Open Inkscape and open the Path Effect Editor
Start drawing

When you need to taper a stroke:
Open up the "tapers" SVG in a new window of Inkscape
Ungroup everything
Select the taper you need and copy it
Go to the Path Effect Editor in the other, drawing window
If there isn't already Pattern Along Path on the current stroke add one
Click the Paste button

Play around until you get the desired width and fill

There you go, MUCH faster than tapering by hand.

πŸ‘: 0 ⏩: 0