Advertisement


Sketch arc shape with rounded corners


Question

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

enter image description here

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?

2016/04/05
1
2
4/5/2016 6:54:00 PM

Accepted Answer

Another method. Might be cleaner

Keep your shape as a stroke with help of scissor tool.
enter image description here
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.
Observe Ends & Joints options

  1. Choose the middle ends button. Viola! Perfectly round stroke ends.
    Perfectly Round Stroke ends.
2017/03/10
4
3/10/2017 10:42:00 PM