How to draw a rounded corner with the Bezier Pen tool?

Post questions on how to use or achieve an effect in Inkscape.
User avatar
ianp5a
Posts: 106
Joined: Thu Sep 02, 2010 1:30 am

How to draw a rounded corner with the Bezier Pen tool?

Postby ianp5a » Thu Feb 06, 2014 8:05 pm

I want to find the quickest way with the Pen tool :tool_pen: to create a rounded corner with 2 straight sides tangent to them. The result being Straight-Curved-Straight.
See the 3 pink segments connected smoothly:
Image

I can do it at EDIT. I wish to do it when I CREATE a new Bezier curve to speed things up.
Edit method:
1) :tool_pen: Draw 3 straight segments
2) :tool_node: Make the intermediate nodes tangent
3) :tool_node: Make segment 1 and 3 straight again.
or also
...
2) :tool_node: Bend the middle segment
3) :tool_node: CTRL-Click the nodes. They snap to tangent. The straight sides stay straight.

I know at Bezier creation with Pen, holding shift while dragging lets you create angles between curve segments. But I want straight segments that are tangent to a curved segment.

Is this possible?

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

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby Lazur » Thu Feb 06, 2014 8:46 pm

Hi.

That is not possible as you want it to be.
You cannot draw straight segments with tangent-smooth nodes at their ends.

A close match would be to
click with the cursor at the first straight segment's nodes,
then click to the "middle point" of the curved part and pull the cursor until the shape looks right,
then click on the end point of the curve and to the other end point of the straight segment.
There is no node handle's set at the starting and end nodes of the curve this way, so the shape would be totally messed up if you edit the node handles to be right.

If these are done in spiro-spline mode, the curved part will be circular, but you cannot set the straight parts to be tangents exactly.

User avatar
ianp5a
Posts: 106
Joined: Thu Sep 02, 2010 1:30 am

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby ianp5a » Thu Feb 06, 2014 9:13 pm

Thanks. Shame.

OK. I'll stick to my edit method. It's for when I am creating new shapes. Clicking a series of straight segments, then bending them afterwards is a very productive way to work. Especially when the results are mixture of straight and bent segments. I was trying to avoid going back to edit round corners that can slow the procedure down. On highly curvy shapes, clicking and dragging seems to work quite well at getting the right shape with much less editing later.

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

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby ragstian » Fri Feb 07, 2014 3:22 am

Hi.

Quicker method - (but it's not using the Bezier tool)
Use rectangle tool - Draw rectangle with rounded corners.
Select Node mode - F2.
Select Two adjacent nodes of opposite corners.
Break path at selected nodes.
Break apart Shift + Ctrl + K.
Select Object Mode - F1
Delete unwanted Part.

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

User avatar
druban
Posts: 1917
Joined: Fri Nov 20, 2009 10:48 pm

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby druban » Fri Feb 07, 2014 6:23 am

Try this: Draw your line with an extra point where you want the round to be. So for an example you have three points connected by straight segments made by simple clicking with the bez pen.
Now delete the center point. If you don't get a curve then your prefs are set the other way and you can ctrl-delete to get the curve. Inkscape attempts to fit a curve to the former path. This usually results in tangents.
Your mind is what you think it is.

tdegroot
Posts: 1
Joined: Fri Feb 12, 2016 2:33 pm

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby tdegroot » Sat Feb 13, 2016 1:50 am

Hi, nubee to Inkscape and the forum, but I think I stumbled onto a method here.

Using the pen :tool_pen: click once, hen holding CTRL to constrain, draw a horizontal line to the right, and click.
Then using CTRL, move the mouse down to the right at a 45 degree angle. Dont click yet!
Let go of CTRL, and position the cursor directly over the end of the line.
Now click and drag down, then add CTRL to constrain to vertical.
Keep dragging until the handle of the node is at the same height as the horizontal line.
Click, done!

Sounds like a lot, but not so tough once you do it a few times. You can do it without using CTRL, but with it I can make make nice 90 degree turns. It doesn’t make perfectly circular radiuses, but comes pretty close when the angle is a 45.


Polygon
Posts: 393
Joined: Thu Dec 19, 2013 3:27 am

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby Polygon » Sat Feb 13, 2016 2:43 am

ianp5a wrote:Thanks. Shame.

OK. I'll stick to my edit method. It's for when I am creating new shapes. Clicking a series of straight segments, then bending them afterwards is a very productive way to work. Especially when the results are mixture of straight and bent segments. I was trying to avoid going back to edit round corners that can slow the procedure down. On highly curvy shapes, clicking and dragging seems to work quite well at getting the right shape with much less editing later.

You definitely should check out an Inkscape developer version with Fillet&Chamfer extension:
Image
Dragging a green point from a corner will generate a symmetrical curve with smooth ease-in/out transitions.

Cheers
P.

epiphany2
Posts: 11
Joined: Wed Feb 22, 2017 6:16 am

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby epiphany2 » Wed Mar 08, 2017 10:22 pm

I'm sorry for resurrecting an old post. Found, by accident, another trick.

Draw a shape with Bezier tool (with icon - create sequence of straight line segments). The
shape may look like posted by user Polygon.

Select the shape, go to Path > Dynamic Offset. Adjust the Offset Distance by pulling that node
outwards (expand) by few millimeters. Presto, you have rounded corners!

Best,
nib

theozh
Posts: 437
Joined: Fri Mar 23, 2012 6:30 pm

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby theozh » Sun Mar 12, 2017 5:05 am

The OP did not state whether the rounded corner should be an ideal circle or an ellipse or if it could also be something else. I think a pretty easy method is the following:

1. Select Bezier Tool (Shift+F6)
2. Mode: BSpline
3. Hold Ctrl-Key all the time, click and drag a horizontal line
4. Click again where you want your rounding to start
5. Continue dragging horizontally until where you want to go vertically, click again
6. Continue dragging vertically until where you want the curvature to end, click again
7. Continue dragging vertically until you want to end your straight part, double click to finish the line
Looks complicated but is rather simple as you can see in the animation.

RoundedCorners.gif
RoundedCorners.gif (96.57 KiB) Viewed 4803 times
Win7/64, Inkscape 0.92.2

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

Re: How to draw a rounded corner with the Bezier Pen tool?

Postby brynn » Sun Mar 12, 2017 9:19 am

Yeah, the B Spline LPE is completely new, since this topic was originally started 3 years ago!


Return to “Help with using Inkscape”