Author Topic: Rounded Edge  (Read 1387 times)

September 25, 2018, 07:28:25 AM
Read 1387 times

xPaxion

  • Jr. Member

  • Offline
  • ***

  • 30
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?
  • 92
  • Windows 7

September 25, 2018, 10:11:42 PM
Reply #1

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
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.
  • 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                       

September 25, 2018, 11:12:09 PM
Reply #2

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
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?

September 26, 2018, 05:02:19 AM
Reply #3

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
No, I don't see any Fillet/Chamfer LPE in the stable version.
  • 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                       

September 26, 2018, 12:33:48 PM
Reply #4

xPaxion

  • Jr. Member

  • Offline
  • ***

  • 30
Okay sorry if I wasn't clear enough. I'm trying to make the bottom rounded like in the logo on the right side.
  • 92
  • Windows 7

September 26, 2018, 12:38:14 PM
Reply #5

TMadisson

  • Full Member

  • Offline
  • ****

  • 50
  • Gender
    Male

    Male
Is your arrow one single object or is it two?
  • 0.92.3
  • Windows 10 64bit, i7
!'ɯ uoʇ ɐuʇ!-soɔ!ɐן; !'ɯ ɾnsʇ uoʇ nsǝɹ ɟɹ!ǝupןʎ

September 26, 2018, 12:45:25 PM
Reply #6

xPaxion

  • Jr. Member

  • Offline
  • ***

  • 30
It's two halves put together. Should I make it one piece?
  • 92
  • Windows 7

September 26, 2018, 01:06:02 PM
Reply #7

TMadisson

  • Full Member

  • Offline
  • ****

  • 50
  • Gender
    Male

    Male
Can you select the vertex at the corner you've mentioned and change the type of vertex to symmetrical.
  • 0.92.3
  • Windows 10 64bit, i7
!'ɯ uoʇ ɐuʇ!-soɔ!ɐן; !'ɯ ɾnsʇ uoʇ nsǝɹ ɟɹ!ǝupןʎ

September 26, 2018, 02:17:40 PM
Reply #8

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
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).

September 26, 2018, 04:13:19 PM
Reply #9

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
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.
  • 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                       

September 26, 2018, 05:16:59 PM
Reply #10

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
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: 

Let me know if I need to explain something else.  I'm not sure how much you already know how to do.
« Last Edit: September 26, 2018, 06:11:47 PM by brynn »
  • 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                       

September 27, 2018, 05:30:46 AM
Reply #11

xPaxion

  • Jr. Member

  • Offline
  • ***

  • 30
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: 

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
« Last Edit: September 27, 2018, 08:18:20 AM by xPaxion »
  • 92
  • Windows 7

September 28, 2018, 01:01:51 AM
Reply #12

xPaxion

  • Jr. Member

  • Offline
  • ***

  • 30
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: 

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
  • 92
  • Windows 7

September 28, 2018, 02:25:11 PM
Reply #13

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln