Mobile app version of vmapp.org
Login or Join
Annie732

: How do I break a combined shape into separate pieces? So I am trying to create a ring/donut chart in Sketch 3 and I created two circles, a large and a small one and subtracted the small

@Annie732

Posted in: #Shapes #SketchApp

So I am trying to create a ring/donut chart in Sketch 3 and I created two circles, a large and a small one and subtracted the small circle from the large circle to get a ring shape. Then I went around and subtracted pieces from the circle with rectangle shapes to get something like this:


When I roll my mouse over the shape I can see the outlines of each individual section of the circle.
If I want to be able to change the color of each individual piece, is there a way to split the shape into (in my case) 6 different shapes?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Annie732

2 Comments

Sorted by latest first Latest Oldest Best

 

@Sent7350415

so, here are a few steps that should make for a smooth sailing:


create necessary shapes (circle at the bottom, several rectangles starting from the circle center (or lines that you will later need to expand to rectangles again), then a circle for the donut hole
select all shapes and use "substract". This should bring us to your screenshots.
select the combined shape and "flatten" the shape. This will break the initial shapes you had to separate slices. You still won't be able to recolor them separately
select all slices in the layer palette and drag them out of their group
now you can select each one separately and apply colors and styling.

10% popularity Vote Up Vote Down


 

@Radia289

<<<--Sorry ignore this, I misread the question, answer is for Illustrator not Sketch-->>>

If you right click on the donut and choose "Release Compound Path" from the menu that appears it should split the shape into the individual components for you. If "Release Compound Path" is not an option, use "Ungroup".

Alternately, you could use the Direct Selection Tool (the white arrow) to click on each section and re-colour it.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme