Author Topic: fill bounded area is not working with precision  (Read 748 times)

July 15, 2019, 10:47:07 AM
Read 748 times

gks

  • Sr. Newbie

  • Offline
  • **

  • 9
Hi

   I am trying to cut out a portion from an object. I use 'fill bounded area'  :fba: to fill the area to be removed and then use difference operation to cut out. But when I do that, I find that it is not filling precisely and there are some area left out of the original object. I guess the attached video describe it well. Could you give some idea on how I can fix this ?



thanks
GKS
  • .92
  • MAC 10.14.5

July 15, 2019, 06:23:15 PM
Reply #1

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Welcome to the forum!

Yes, this is definitely not the best use for the Paint Bucket tool.  Depending on your ultimate goal, there is probably a better approach to take.

If your ultimate goal is to end up with the portion of the blue rectangle which is underneath the yellow circle, you can do it more directly like this:

 - select both the circle and the rectangle
 - Path menu > Intersection

If you want to keep the circle, duplicate it, before you start.

Or if you only want to remove the portion which you tried to remove, I would use Path menu > Cut Path.  That will cut the rectangle's paths at every point where the circle touches it.  Then you just delete the part you don't want.

The Paint Bucket tool is not a precision tool at all, as you've learned.  Yet Inkscape can be very precise.  It's just a matter of learning how.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

July 15, 2019, 07:35:26 PM
Reply #2

gks

  • Sr. Newbie

  • Offline
  • **

  • 9
Thank you very much for the reply.
My intention to have a quarter circle cut from the edge of  a rectangle to have a smooth curve. I have described in the below video



So what would be the best option to do this ?

----
Also I tried to do cut path - but I am getting a strange result. Not sure why. Should I post this question as a separate question ( ? )




GKS
  • .92
  • MAC 10.14.5

July 15, 2019, 10:10:03 PM
Reply #3

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Ok, I made you a quick video to show how I would create that kind of shape.

For the Cut Path instructions.  I apologize, I didn't notice you were drawing without strokes.  It's best to have a stroke on the objects so that you can actually see the paths.  What you did is correct, but since there are no strokes on the objects, you can't see the paths.  When you added the fill, that still doesn't show you the paths.  When you can see the paths, you'll see what needs to be deleted.

However, for what you want to draw, I don't think Cut Path would be helpful.  Here's the video



  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

July 16, 2019, 03:13:26 AM
Reply #4

gks

  • Sr. Newbie

  • Offline
  • **

  • 9
Thank you for the pointers.
Yes that works for my current requirement.

GKS
  • .92
  • MAC 10.14.5

July 16, 2019, 04:58:30 PM
Reply #5

gks

  • Sr. Newbie

  • Offline
  • **

  • 9
Hi
I was browsing through youtube and found a video that uses Adobe Illustrator for logo design.

If you check from 8:20 - 8:40, there is an interesting way of achieving the task that I was mentioning in this thread.
Is there any way we can get that done in Inkscape.

Thanks
GKS
  • .92
  • MAC 10.14.5

July 16, 2019, 05:39:47 PM
Reply #6

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
You need to use Boolean operations for this, sometimes this means that there will be more steps involved than there are in Illustrator.

See https://vektorrascheln.de/posts/2015/Dec/inkscape-fuer-einsteiger-teil-ii-praxis-en.html#boolean-operations for example.

July 16, 2019, 05:44:23 PM
Reply #7

flamingolady

  • IC Mentor

  • Offline
  • ******
  • Flamingo Lady

  • 154
  • Gender
    Female

    Female
While I don't use AI, and didn't watch the entire video, I would say that given what you originally wanted to draw, it would have been easier to just make a rectangle, add a few extra nodes on the side, and manually move the node, and boom, done in a few seconds.  No need to cut paths, draw circles, etc. 
Or just draw it freehand.  You can try this to see what I mean.  (sorry I don't know how to do the video example, perhaps brynn can point me to a tut to install it) - anyway, for practice purposes, select your rectangle and lock it (Object>Object properties>then click on lock, and close).  Then you can use the bezier tool and manually draw a new rectangle on top of the locked rectangle.  When done, you can change a few nodes to be auto smooth to get the rounded parts. Alternatively you can start with a new rectangle, then path>object to path, then add more nodes to the rectangle and manipulate it as in the AI vid.  To add nodes, select a few of nodes while in the node tool and click on the + to get more nodes, the + is the very first one in the tool bar).  Your new rectangle should now look like the locked one.  You can go to Object > Unlock all to get the bottom one unlocked.

July 18, 2019, 07:47:28 PM
Reply #8

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Yes, Inkscape can do that.  The only way I can see, is doing 2 different path operations, and then joining the results together.  Although I'm not sure if my solution would be the best, easiest or fastest way, I'd be glad to show you, if you like.
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

July 18, 2019, 11:03:11 PM
Reply #9

gks

  • Sr. Newbie

  • Offline
  • **

  • 9
Thanks for the reply.
Would you be able to make a small video to show how to do this.
I use mac book and use quicktime for making screen recording. That found to be pretty easy to make videos.
  • .92
  • MAC 10.14.5

July 19, 2019, 05:25:45 AM
Reply #10

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Ok, I've made the video.  Please keep in mind that I would probably categorize this technique as an intermediate skill.  So it might be difficult for a beginner to grasp, or maybe even notice all the details.

I think I gave you a link to the manual section about Snapping earlier.  And the very first part of the video, I circled the mouse (highlighted with large yellow circle) around the snap control bar.  The way it's set up is what I find to be a good general configuration, for most things, and it also happens to be a good setup for this technique.  But as you learn more and more about snapping, you'll find that you may need to re-configure it, sometimes, for every step you take, in a very complex file.

The video also introduces z-order, very briefly, and certainly not comprehensively.  But for this process, the z-order is important.

I made the strokes wider and gave them all different colors, which will hopefully help you to follow what's happening....although even with wider strokes, it's still hard to see the z-order.  But it's impossible to understand what's happening, if you use fills rather than strokes....so I used strokes with colors.  But it's still very confusing in the way that the strokes have to be all on top of each other.  You could do the 2 path operations separately, and not on top of each other.  And with snapping, it should be fairly easy to put everything back together.  But I still prefer to keep everything on top of each other, to maintain maximum precision.  Maybe you would want to practice with the 2 duplicate sets separated, so you can see what's happening better?

Let's see, what else....  Oh, the video puts a small blue circle around the mouse when I click.  But it doesn't show key shortcuts.  Because the 2 duplicate sets of objects are on top of each other, you can't use a selection box to select one of each.  So I use the Shift key, to make a multiple selection (circle and rectangle selected at the same time).  Also for key shortcuts, I hold the Shift key while clicking on a color chip in the palette, to color the strokes,

After I do the first Cut Path operation, you can see where I delete the top-left corner of the green rectangle.  And then after that, I join the remaining 2 sections of the green rectangle.  For that, you can see that I used the Node tool, and how I used a tiny selection box to select the 2 nodes which are precisely on top of each other.  And the next step after that, I deleted that node.  For that, I help down the Ctrl key, to make sure that part of the rectangle path stayed precisely straight.  (Inkscape will make a curve by default, if there is even a 0.001 px distortion, so Ctrl keeps it perfectly straight.)

And then after I finished the 2nd operation, and deleted the unwanted parts of the circle, I also joined nodes of the green rectangle and red arc from the circle, using the same technique as with the rectangle.

If you have any question, just ask.  I know it's a tricky technique for a beginner, and every single little step is important.




  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

July 19, 2019, 05:51:17 AM
Reply #11

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Off Topic:
flamingolady asked about video recorders somewhere.  For now, I'm using the free version of Screencast-O-Matic.  It's extremely beginner-friendly.  Of course you have to find a host for them - somewhere to upload to the internet.  Maybe dropbox or other file sharing type of site.  Or maybe even YouTube (if you want to open up your private data to the world).  (Just another news story today about giving away social media users data!)

I would like to find a GIF animator for making screenshot videos (because they're probably much smaller files than MP4s), but so far, the only ones I've found, I can't figure out how to use.  Yeah, their instructions are really easy:  1 - start recording, 2 - stop recording, 3 - upload.  But it doesn't tell you how to start or stop - Duh!

But Screencast-O-Matic is really easy!
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

July 19, 2019, 05:16:35 PM
Reply #12

flamingolady

  • IC Mentor

  • Offline
  • ******
  • Flamingo Lady

  • 154
  • Gender
    Female

    Female
off topic - thx Brynn I do have dropbox.  will look into that one.