Jump to content
You must now use your email address to sign in [click for more info] ×

How to create a 2 colour, 12 segment circle; please


Recommended Posts

Hi there,

I'm sorry if this has been asked before but I've only just joined the forum. I'm trying to create a circle divided into 12 segments, each segment filled by alternative colours as per the casino chip I'm including in this post. Any help creating this will be greatly appreciated. Thanking the community in advance. Cheers. 

chip1.jpg

Link to comment
Share on other sites

You can use the Cog tool to do this. Make one consisting of 6 segments with the following settings (as depicted):

image.png.46f13a26d5788e893e48e7bd68935d4b.png

Then Duplicate this one, make it black and rotate 30 degrees.

Result will be like this.

image.png.9a7bc5e0340dd1ac042678ec9b4492fd.png

You can play with the Inner Radius and Hole Radius to make it look more like your example.

 

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sonoma (14.2) on 16GB MBP14 2021 with 2.3 versions

Link to comment
Share on other sites

Other workflows, depending on what you need.

Multi-stroke ellipse – a bit tricky to set up the dash stroke segments symmetrically, but it's possible by trial & error (and possibly by some math, but I don't know which one, haha):

ade_cog_segments_2color_strokes.png.13e0ce3b3e104ea5f0162f8319f2ccaa.png

 

Cog clipped by donut, 100% interactive; definitely my favorite:

 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

Another way to proceed: use the "Polygon Tool", draw a polygon with as many vertices as you want segments. Transform it into a circle with the red point of the "Polygon Tool" and convert it into a curve.
With the "Node Tool", select the whole and click "Break Curve". Select each segment and set it to the desired color. You can set the thickness of the line for all the segments or for each segment individually.

2021-04-30_205806.png

Link to comment
Share on other sites

5 hours ago, RNKLN said:

You can use the Cog tool to do this. Make one consisting of 6 segments with the following settings (as depicted):

image.png.46f13a26d5788e893e48e7bd68935d4b.png

Then Duplicate this one, make it black and rotate 30 degrees.

Or just use a black donut & place a red cog over it:

1045430528_2colorring.jpg.2c6eaec17e836e4ae22ac7c903678e3c.jpg

That way, the notch size or number of segments (teeth) of the cog can be changed without having to do the same thing to a duplicate cog.

Edit: By decreasing the inner radius of the black donut a bit, you could also use it for the black ring that has the dotted white line on it in the casino chip example.

All 3 1.10.8, & all 3 V23.0 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

8 hours ago, R C-R said:

By decreasing the inner radius of the black donut a bit,

One problem, soooo many solutions. Look what you can do with the Cog tool. 😀

image.png.1d1dcc5864ec0b6322b253a32b66605e.png

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sonoma (14.2) on 16GB MBP14 2021 with 2.3 versions

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.