How can I make this rounded rectangle more trapezoidal?

Post questions on how to use or achieve an effect in Inkscape.
leetbeagle
Posts: 2
Joined: Wed Nov 02, 2016 10:12 am

How can I make this rounded rectangle more trapezoidal?

Postby leetbeagle » Wed Nov 02, 2016 10:18 am

I would like this:

Image

to taper perfectly symetrically at the top, more like this:

Image

The actual .SVG is here

https://www.dropbox.com/s/r841smuuw4c4d ... 2.svg?dl=0

I am about four months in to Inkscape and know a few things, but nodes still baffle me. I have a feeling the only way to "fix" this image is via nodes. I haven't yet figured out how to duplicate the actual shape starting from scratch.

Thanks a lot!
-Nick.

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

Re: How can I make this rounded rectangle more trapezoidal?

Postby Lazur » Wed Nov 02, 2016 7:38 pm

Hi.

It's all about geometry, drawing tangent lines between two circles.
The rest is just how current 0.91 doesn't handle circular arcs as path segments so you need to work with a small inaccuracy by using Bézier paths.
And practice with the tools.

band2.svg
(132.15 KiB) Downloaded 214 times

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

Re: How can I make this rounded rectangle more trapezoidal?

Postby Polygon » Wed Nov 02, 2016 9:39 pm

You can grab the Inkscape devel version and use the "filet/chamfer" path effect on this:
SymmetricalFilet.jpg
SymmetricalFilet.jpg (58.55 KiB) Viewed 1700 times


Cheers
P.

leetbeagle
Posts: 2
Joined: Wed Nov 02, 2016 10:12 am

Re: How can I make this rounded rectangle more trapezoidal?

Postby leetbeagle » Wed Nov 02, 2016 11:23 pm

Thanks, Polygon,

I was able to make something I'm happy with by making a triangle and lobing the corners and then dragging it a bit "tall".

Image
Attachments
band3.svg
(12.38 KiB) Downloaded 212 times

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: How can I make this rounded rectangle more trapezoidal?

Postby prkos » Thu Nov 03, 2016 8:59 am

One other idea: create two circles, one that matches the outside edge on top, and the other to match the outside edge at the bottom, union them (this will make it a path with nodes), add more nodes so you have more options to choose (select all nodes and use the Insert nodes option several times), then delete the nodes around the middle section that curve inwards, and set the segment between the top circle node and bottom circle node straight, on both left and right.

Although your solutions looks great too.
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download


Return to “Help with using Inkscape”