How to draw behind (or subtract everything outside)?

Post questions on how to use or achieve an effect in Inkscape.
amirha
Posts: 1
Joined: Sun Oct 05, 2014 1:41 pm
Location: Iran, Mashhad

How to draw behind (or subtract everything outside)?

Postby amirha » Sun Oct 05, 2014 2:16 pm

Hi Guy! A new newbie here trying to be awesome to join your awesome league! :D

Okay, Now, I want everything outside the heart gone. How can I do that? I think in adobe illustrator (as i'm following a tutorial from there) it called drawing behind.
heart.svg
(25.22 KiB) Downloaded 189 times

That's it! And please if there is a description on how to achieve this, on any manual, please tell me where! I spend almost a day of exhaustion reading different manuals just for this!
Thanks again! :)

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: How to draw behind (or subtract everything outside)?

Postby ragstian » Sun Oct 05, 2014 2:52 pm

Hi

There are several ways to get what you want.
I have just added a rectangle where I subtract the heart shape,
filled the result white and used the Z-order to get the rings to hide "behind" the white rectangle.

Heart_Target.svg
(39.95 KiB) Downloaded 178 times


Another way to draw hearts here; http://www.inkscapeforum.com/viewtopic.php?f=6&t=12951&p=49010&hilit=perfect+heart#p49010

If you need more help - chime back!

RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: How to draw behind (or subtract everything outside)?

Postby brynn » Sun Oct 05, 2014 8:37 pm

Well, Ragnar has presented the easiest way for the image to look like how you want. However, if you require transparency behind the heart, instead of the white rectangle.....and for it to remain constructed like you have it -- there's no easy way to do it.

I would approach this drawing differently. (As Ragnar said, there are several ways to go about it, and each person will choose the way they know best.)

1 - draw the heart shape as a simple, closed path
2 - duplicate, and save the original, keeping it in place, because it will be hard to re-align later (a new hidden layer works well for that)
3 - draw 6 concentric circles, colored alternately red and white - rather than using Paint Bucket to fill, use a simple fill by clicking the color on the palette (unless you really do want that gap between red fill and black stroke)
4 - duplicate the heart again
5 - with duplicate still selected, hold Shift and click on the largest circle (both circle and heart are selected)
6 - Path menu > Intersection
7 - repeat #4 through #6 for each concentric circle (except the smallest circle in the center)
8 - find the original heart shape that you drew - if it doesn't have any nodes in the center (along the imaginary vertical line that divides the heart in half), you'll need to add them - but it would be hard to draw a heart without having nodes there
9 - with Node tool, select both nodes (yes, hold Shift key for multiple selection)
10 - click "break path at selected nodes" button on Node tool control bar, and then Path menu > Break Apart
11 - apply pattern along path, just like you did in the file you provided
12 - now all that's left is to place each object in the proper z-order, so that the pap is on top, and largest circle object is on bottom (use Alt + click to select objects that are hidden behind larger objects)

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: How to draw behind (or subtract everything outside)?

Postby Lazur » Mon Oct 06, 2014 4:50 am

Hello there,

here is my easy response.
hlp153.svg
(20.87 KiB) Downloaded 245 times



The positioning, the mirroring, the shape itself is now corrected.
Added the bullseye fill by a simple radial gradient (which renders aliased though).

Could be made clean with the use of clipping, by reworking your pattern from scratch.
I assumed you did not get the right direction with it as it is.
(Bucket fill, perhaps, and assuming the transparent background is opaque white?)


Return to “Help with using Inkscape”