Slicing torus into segment shapes with Affinity Designer?

[panjakrejn]

I have a torus that I want to slice into 8 pieces that are not all equal, so I can color the interiors differently.

How do I do that so that each "wedge" is it's own shape?

Note: I now understand the donut tool is another way to achieve my desired shape, but I would rather learn the technique of actually having a torus like this and slicing it into two or more parts. Thanks.

PS. I just purchased and installed V2, woot!

[NotMyFault]

In this case, it will be faster and easier to

1. use the donut tool,
2. create first slice with 30 degree opening angle
3. power duplicate and rotate by 90 degree3 times
4. create second donut with 60 degree angle
5. power duplicate and rotate by 90 degree3 times

 

donut slices.afphoto

[v_kyr]

Or use just some filled rects (where in contrast the Cog Tool would allow to setup a star like various lines all in one shape here) and geometrical subtract those from your ring/donut like shape/curves ...

... and afterwards perform a geometrical divide on the result step from above.

[panjakrejn]

1 hour ago, v_kyr said:

Or use just some filled rects (where in contrast the Cog Tool would allow to setup a star like various lines all in one shape here) and geometrical subtract those from your ring/donut like shape/curves ...

... and afterwards perform a geometrical divide on the result step from above.

Wouldn't that create segments with gaps between them, ie I would be missing the parts that the narrow rects were covering? I really want to learn how to do this the right way (if Designer has a way) that let's me take any shap and slice it up into multiple shapes.

[panjakrejn]

6 hours ago, NotMyFault said:

In this case, it will be faster and easier to

1. use the donut tool,
2. create first slice with 30 degree opening angle
3. power duplicate and rotate by 90 degree3 times
4. create second donut with 60 degree angle
5. power duplicate and rotate by 90 degree3 times

 

donut slices.afphoto 1.19 MB · 0 downloads

I appreciate the tip to achieve my intended results more easily, but I am also trying to get better at using this tool, and I think that if Designer has a way to actually slice one shape into several, I would be best served by learning it, for the future.

[panjakrejn]

10 hours ago, anto said:

Use knife tool. If you need straight lines, press and hold the shift key

 

I tried using the knife tool, it did not go well. Pressing the shift key made my cut straight, but also wouldn't let me use an arbitrary angle.

Let me simplify, how to I arbitrarily cut this torus into two shapes, one of which resembles a capital C?

[panjakrejn]

8 minutes ago, anto said:

 

Duplicate many donutes.

Thanks, I now understand the donut tool is another way to achieve my desired shape, but I would rather learn the technique of actually having a torus like this and slicing it into two or more parts. Assuming Designer can do that.

[Hangman]

Or to throw another option into the mix, just use a circle with a stroke and no fill, convert to a curve and then cut using the node tool...

[panjakrejn]

Wow, so many awesome options! Thanks everybody, this has really helped - I now have a sliced torus!  Thanks again.

[v_kyr]

4 hours ago, panjakrejn said:

Wow, so many awesome options!

Well that is just the tip of the ice berg, add to that all the SVG capabilities to create such pies charts and segments which can be reused then ...

• Scratch-made SVG Donut & Pie Charts ...
• test.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 42 42" class="donut" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">

  <circle class="donut-hole" cx="21" cy="21" r="15.91549430918954" fill="#fff"></circle>
  <circle class="donut-ring" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#d2d3d4" stroke-width="3"></circle>

  <circle class="donut-segment" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#ce4b99" stroke-width="3" stroke-dasharray="40 60" stroke-dashoffset="35"></circle>
  <circle class="donut-segment" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#b1c94e" stroke-width="3" stroke-dasharray="20 80" stroke-dashoffset="85"></circle>
  <circle class="donut-segment" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#377bbc" stroke-width="3" stroke-dasharray="30 70" stroke-dashoffset="65"></circle>
</svg>