Inkscape Community

Help Using Inkscape => Inkscape Beginners' Questions => Topic started by: xPaxion on September 25, 2018, 07:28:25 AM

Title: Rounded Edge
Post by: xPaxion on September 25, 2018, 07:28:25 AM
I'm trying to copy this location icon and at the bottom the edge is rounded with two straight lines.
What's the best approach?
Title: Re: Rounded Edge
Post by: brynn on September 25, 2018, 10:11:42 PM
I'm afraid I'm not clear what you're asking.  You want to make the one on the left look like the one on the right?

It's hard to say what would be the best approach, without knowing how it's made.  Do you have it made of 2 pieces, such that the pink one on the left is a mirror image of the red one on the right?  Or is one of them the whole piece with the other half overlaid on top?

I guess generally I would use a circle and a path operation to achieve the curve.  But I can't give specific steps without knowing how it's made.  You're welcome to share the SVG file, if you want specific steps.
Title: Re: Rounded Edge
Post by: Lazur on September 25, 2018, 11:12:09 PM
Hi.

I'd suggest to use clipping in general to draw that fill -edge-to-edge transitions renders way better if they are the result of overlapping objects, or practically clip a group of objects to that shape.

Which shape, then is one closed path.
There is a fillet-chamfer path effect somewhere laying around -isn't it part of the current stabile version?
Title: Re: Rounded Edge
Post by: brynn on September 26, 2018, 05:02:19 AM
No, I don't see any Fillet/Chamfer LPE in the stable version.
Title: Re: Rounded Edge
Post by: xPaxion on September 26, 2018, 12:33:48 PM
Okay sorry if I wasn't clear enough. I'm trying to make the bottom rounded like in the logo on the right side.
Title: Re: Rounded Edge
Post by: TMadisson on September 26, 2018, 12:38:14 PM
Is your arrow one single object or is it two?
Title: Re: Rounded Edge
Post by: xPaxion on September 26, 2018, 12:45:25 PM
It's two halves put together. Should I make it one piece?
Title: Re: Rounded Edge
Post by: TMadisson on September 26, 2018, 01:06:02 PM
Can you select the vertex at the corner you've mentioned and change the type of vertex to symmetrical.
Title: Re: Rounded Edge
Post by: Moini on September 26, 2018, 02:17:40 PM
I'd create a small circle, and a rectangle, would subtract the circle from the rectangle,  and would use snapping to make the two new corners snap to the paths, then would cut the tip off, with Path > Difference, again.

Or, I'd use the mirror LPE to create a perfectly symmetrical shape.

The fillet/chamfer LPE is part of the release notes for 1.0 (http://wiki.inkscape.org/wiki/index.php/Release_notes/1.0#Fillet.2FChamfer_LPE).
Title: Re: Rounded Edge
Post by: brynn on September 26, 2018, 04:13:19 PM
Ok, now that I've seen your SVG file, I can give specific steps.  Note that there are probably a few different ways to approach this, and this is just how I would do it.

Actually, I think I'll make a video.  Much less typing that way, haha.  I'll be back shortly.
Title: Re: Rounded Edge
Post by: brynn on September 26, 2018, 05:16:59 PM
Ok, there are a lot of things I'm doing in the video which aren't entirely clear, since I didn't narrate it, and I haven't figured out how to make captions yet.  So I'll try to explain.  Let me know if I need to explain something else.

When you drag the mouse from a ruler on to the canvas, you create Guides.  Guides make excellent snap targets, which I use often to help with alignment.  Also notice how I have the snap control bar set up (right side of the window).  I've made my guides blue, but I think they might be red by default.

When I'm zoomed in, and you see a new node suddenly appear, I do that by double-clicking with the Node tool.  Position the mouse over the path, and double-click, to add a new node.

Notice when a node is selected, there's a thin line with a tiny circle on the end of it.  That's a node handle.  When you see me put the mouse in that tiny circle, and the circle disappears, I've deleted that handle.  That makes the path straight.  To delete a node handle, the node has to selected, you have to put the mouse in the tiny circle, hold the Ctrl key, and click.

Here's the video:  https://inkscapecommunity.com/jd/vids/mr1.mp4

Let me know if I need to explain something else.  I'm not sure how much you already know how to do.
Title: Re: Rounded Edge
Post by: xPaxion on September 27, 2018, 05:30:46 AM
Ok, there are a lot of things I'm doing in the video which aren't entirely clear, since I didn't narrate it, and I haven't figured out how to make captions yet.  So I'll try to explain.  Let me know if I need to explain something else.

When you drag the mouse from a ruler on to the canvas, you create Guides.  Guides make excellent snap targets, which I use often to help with alignment.  Also notice how I have the snap control bar set up (right side of the window).  I've made my guides blue, but I think they might be red by default.

When I'm zoomed in, and you see a new node suddenly appear, I do that by double-clicking with the Node tool.  Position the mouse over the path, and double-click, to add a new node.

Notice when a node is selected, there's a thin line with a tiny circle on the end of it.  That's a node handle.  When you see me put the mouse in that tiny circle, and the circle disappears, I've deleted that handle.  That makes the path straight.  To delete a node handle, the node has to selected, you have to put the mouse in the tiny circle, hold the Ctrl key, and click.

Here's the video:  https://inkscapecommunity.com/jd/vids/mr1.mp4

Let me know if I need to explain something else.  I'm not sure how much you already know how to do.

Thank you for the video. How do you have guidelines? Mine has no rulers.
Nevermind I found it after clicking lots of buttons. lol
Title: Re: Rounded Edge
Post by: xPaxion on September 28, 2018, 01:01:51 AM
Ok, there are a lot of things I'm doing in the video which aren't entirely clear, since I didn't narrate it, and I haven't figured out how to make captions yet.  So I'll try to explain.  Let me know if I need to explain something else.

When you drag the mouse from a ruler on to the canvas, you create Guides.  Guides make excellent snap targets, which I use often to help with alignment.  Also notice how I have the snap control bar set up (right side of the window).  I've made my guides blue, but I think they might be red by default.

When I'm zoomed in, and you see a new node suddenly appear, I do that by double-clicking with the Node tool.  Position the mouse over the path, and double-click, to add a new node.

Notice when a node is selected, there's a thin line with a tiny circle on the end of it.  That's a node handle.  When you see me put the mouse in that tiny circle, and the circle disappears, I've deleted that handle.  That makes the path straight.  To delete a node handle, the node has to selected, you have to put the mouse in the tiny circle, hold the Ctrl key, and click.

Here's the video:  https://inkscapecommunity.com/jd/vids/mr1.mp4

Let me know if I need to explain something else.  I'm not sure how much you already know how to do.

How did you insert a node at your cursor location? At 2:15
Title: Re: Rounded Edge
Post by: Moini on September 28, 2018, 02:25:11 PM
Double-click. See https://inkscape.org/en/doc/keys092.html