Mobile app version of vmapp.org
Login or Join
Eichhorn212

: Sketch arc shape with rounded corners I'm using the following layer structure to create an arc shape in Sketch: I'm going to create several lengths of arc that are an arbitrary length around

@Eichhorn212

Posted in: #SketchApp #Vector

I'm using the following layer structure to create an arc shape in Sketch:



I'm going to create several lengths of arc that are an arbitrary length around the circle (e.g. one at 45º, one at 90º, one at 135º, and so on).

What I'd like to do is reliably and accurately round the corners of each arc shape that I create -- like this, but an actual perfect half circle, not poorly hand-drawn path arcs.



How would I go about doing that?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Eichhorn212

2 Comments

Sorted by latest first Latest Oldest Best

 

@Tiffany317

Another method. Might be cleaner

Keep your shape as a stroke with help of scissor tool.

1. Use the "scissors" tool on your yellow stroke circle. That way you keep the shape as a stroke and can move them around. To add the scissor tool in your toolbar, right click on the toolbar and click "Customize toolbar". Then drag the scissor tool in your toolbar. Super handy for vectors.

2.Go to Borders settings.

3.Check the new joints and ends options available.



Choose the middle ends button. Viola! Perfectly round stroke ends.

10% popularity Vote Up Vote Down


 

@Vandalay110

Turns out the solution was rather simple: add a circle inside the mask group on either end.



While I didn't end up with a compound shape, the rounds look very nice this way.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme