[solved] How do you make round corners?

Post questions on how to use or achieve an effect in Inkscape.
Henry432
Posts: 53
Joined: Fri Dec 20, 2013 12:11 pm

[solved] How do you make round corners?

Postby Henry432 » Wed Oct 15, 2014 5:52 pm

Here is an example of what I want to do:

Image

Basically a cross with round corners. If anyone knows how to replicate this in inkscape and can teach me that would be great! :)

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: How do you make round corners?

Postby tylerdurden » Wed Oct 15, 2014 11:17 pm

Here's one way, maybe not the best...

Rounded1.jpg
Overview: Clone a rounded segment and rotate, fill the center. Using a grid for snapping nodes and handles.
Rounded1.jpg (124.35 KiB) Viewed 3348 times


Rounded1a.jpg
Making a rounded rectangle and convert to path. Moving the lower nodes out to make the fillets.
Rounded1a.jpg (87.45 KiB) Viewed 3348 times


Rounded1b.jpg
Moving the center of rotation and snapping to grid, note snapping tools.
Rounded1b.jpg (114.62 KiB) Viewed 3348 times



The appearance is of one object, but actually it is five. One benefit of this method is, the rounded corners can be changed on the original and the clones will update.
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: How do you make round corners?

Postby tylerdurden » Wed Oct 15, 2014 11:18 pm

File:
Attachments
RoundedCross.svg
(6.28 KiB) Downloaded 187 times
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

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

Re: How do you make round corners?

Postby Lazur » Thu Oct 16, 2014 12:30 am

A quick and dirty solution:
  • draw a rectangle with about 3/1 height/width ration,
  • pull down it's corner handle while holding Ctrl for a rounded corner
  • duplicate object (Ctrl+D) and rotate it with 90°
  • select both objects and add them together (Ctrl++)
  • dynamic offset path -inside-
  • preferably convert object to path (Ctrl+Shift+C)

I would draw it in a different way though.
Starting with the * tool to make a polygon, convert it to a path, make nodes smooth, disconnect a segment and delete nodes so it would turn it to an open path, resembling a quarter turn, add a 55% opaque red fill, no stroke; duplicate it several times, position with the align and distribute panel and grouping, then use the node tool to connect the right nodes.
Can be done in minutes, giving a clear description could take much longer.


Tylerdurden's method reminds me of the old idea about making dynamic blocks -a feature that doesn't seems to get implemented soon.
Wondering if only clones of a rectangle could produce that result, because, then it would work the same, by responding to the parent's corner handle.

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

Re: How do you make round corners?

Postby Lazur » Thu Oct 16, 2014 1:44 am

Tried to upload it to openclipart, but somehow an error appears.
Anyway.


This svg covers the dynamic block concept.
You can move the top right rectangle's rounded corner handles, the rounded cross shape will respond and change.
Quite good except for it cannot have a stroke.

dynamicblock.svg
(30.34 KiB) Downloaded 288 times



Edit:
Now I could upload it to openclipart:
https://openclipart.org/detail/203290/dynamic-block-by-lazur-urh-203290
(An improved version compared to the one attached.)

Henry432
Posts: 53
Joined: Fri Dec 20, 2013 12:11 pm

Re: How do you make round corners?

Postby Henry432 » Fri Oct 17, 2014 5:44 am

Excellent quick tutorials guys! Really appreciate it. Thank you.


Return to “Help with using Inkscape”