Sunday, February 8, 2015

Cut a complex path at an intersection in Illustrator


I'm playing with a celtic knot work shape, which means that I want to split a path which crosses itself at that intersection. How do I tell it what segment I want to split?


It's one path but different segments of that path. For instance, there is the horizontal segment, and then a segment which is tilted at 120 degrees. It doesn't matter if I select the horizontal segment or the tilted segment, it always cuts the horizontal segment.



Answer



If the path involves curves (which a Celtic Knot will), snipping away from the intersection then stretching the path will pull the curves, distorting them slightly. For precision, you will need to know how to control the 'stacking' order within a path.





Short answer: Use the pen tool to select the path endpoint on the segment of the path you don't want to be snipped. Then snip the exact intersection point.




Huh? What? Why would that help? Every path in Illustrator has a start point and a finish point (this is normal in vector paths, not just in Illy). When you use the scissors tool or similar at a precise intersection where a line crosses itself, it always cuts the section of the path closest to the start of the path (tested in CS4 and CS6).


Think of illustrator paths as always going under themselves, coiling downwards. It's kinda counterintuitive... I remember it by imagining illustrator sewing the paths into the canvas, carefully sowing the thread underneath earlier stitches (that works for me but probably no-one else...).


If it's a complex case (which any good Celtic knot will be...) and you need to see which direction paths are pointing (i.e. which end point is the start and which is the finish) add an "add arrowheads" effect, then remove the effect when you're done.


So why the pen tool? You can switch which way round an open line is pointing by using the pen tool to select the point that is currently the start point, as if you were going to continue drawing from there. This instantly turns it from start point into end point, reversing the path. If you've added arrowheads, you'll see this - the direction of the arrow will reverse.


enter image description here


In the above image, a curved path with an arrowhead on the finish point and its copy with the direction reversed were snipped at the exact point they intersect. You can see from the arrowhead on the newly created 'cut off bit' which segment of the path was snipped: it was the one closest to the arrow's start point.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...