NooB looking for tips! Two images that overlap on multiple layers!?!
I have an image that I'm drawing to show the tying of an overhand knot. www.slackliners.com. I'm trying to get the direction arrow to be on top of one part of the image and under the next (image 2). I ended up cutting the arrow in two and it looks like a whole image. The rope (image 3) is a different story. I tried the same cheat but obviously it didn't work. Any tips or commands to re join, or have different parts of images at different levels?? What about when the "ropes" cross being able to cut out the cross lines so it looks like the one side is under the other??
Thanks
Clark
Quoth Ed Ward on or about 2004-07-14:
I have an image that I'm drawing to show the tying of an overhand knot. www.slackliners.com. I'm trying to get the direction arrow to be on top of one part of the image and under the next (image 2). I ended up cutting the arrow in two and it looks like a whole image. The rope (image 3) is a different story. I tried the same cheat but obviously it didn't work. Any tips or commands to re join, or have different parts of images at different levels?? What about when the "ropes" cross being able to cut out the cross lines so it looks like the one side is under the other??
There's not much you can do; because of the way SVG (well, XML really) were designed, the object stack is pretty strictly structured. There are kluges to work around it, as you've shown. Mostly it involves 1) *very* careful diagram design; and 2) using the boolean operators a lot.
I've bashed up a general description of how I skirt around this problem, although I try to avoid using it since it's not reversible. AFAICT it's essentially the same as what you've done.
http://yoyo.its.monash.edu.au/~trent/img/interlocking.svg
-trent
I had a similar problem in order to make this:
http://www.inkscape.org/screenshots/celtic_screenshot.png
I also did it by cutting it up into pieces and overlaying it. This was before booleans so it was pretty hard; now you can just cut the arrow up with that, and it should work.
What I would do is create two copies of your rope and delete some points so you get two separate objects that overlap, then use one to "cut" the other cleanly at the point where you want the overlap. Then subtract that portion from the original. You'll now have two separate shapes that can lay at different levels from one another. Repeat as necessary.
Also, you should really think about doing your images as png's instead of gif's - they'll look better. :-)
Bryce
On Wed, 14 Jul 2004, Ed Ward wrote:
I have an image that I'm drawing to show the tying of an overhand knot. www.slackliners.com. I'm trying to get the direction arrow to be on top of one part of the image and under the next (image 2). I ended up cutting the arrow in two and it looks like a whole image. The rope (image 3) is a different story. I tried the same cheat but obviously it didn't work. Any tips or commands to re join, or have different parts of images at different levels?? What about when the "ropes" cross being able to cut out the cross lines so it looks like the one side is under the other??
Thanks
Clark
This SF.Net email sponsored by Black Hat Briefings & Training. Attend Black Hat Briefings & Training, Las Vegas July 24-29 - digital self defense, top technical experts, no vendor pitches, unmatched networking opportunities. Visit www.blackhat.com _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
participants (3)
-
Bryce Harrington -
Ed Ward -
Trent Buck