• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Circle of circles in a circle......

Community Beginner ,
Jul 09, 2022 Jul 09, 2022

Copy link to clipboard

Copied

Hi,

I need to create the diagram below. I'm using Illustrator 26.3.1 (64 bit). I need a circle of 6 circles inside a circle of 12 circles inside a circle of 18 circle insode a circle of 24 circles inside a circle of 30 circles. I've created this using Rotate option but it's not exact. My circles need to be 2.54cm and the spacing needs to be exact and consistent. Can anyone help me with a formula for calculating the sizes of the inner circles and the angle to rotate each inner circle please?

40cm x 40cm circle-dots.png

Thank you.

 

TOPICS
Draw and design

Views

479

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Guide , Jul 09, 2022 Jul 09, 2022

This is based on a gap of one fifth of the diameter of the circles.  You can try changing the values of the variables in the first five lines of the script. 

 

femkeblanco_0-1657382469753.png

 

var doc = app.activeDocument;
var n = 5;  // number of "parent" circles
var f = 28.346;  // cm to points
var d = 2.54 * f;  // diameter
var g = d / 5;  // gap
var r = d + g;
var m = 0;
var x = doc.width / 2;
var y = - doc.height / 2;
var circle = doc.pathItems.ellipse(y + d / 2, x - d / 2, d, d);
for (var i = 0; i < n; i++) {
    m += 6;
 
...

Votes

Translate

Translate
Adobe
Community Expert ,
Jul 09, 2022 Jul 09, 2022

Copy link to clipboard

Copied

Douglas,

This key statement is a bit woolly: My circles need to be 2.54cm and the spacing needs to be exact and consistent.

 

Also, the everything depends on the overall appearance, unless you wish all five circles of small circles to have a circle at the very top or something similar.

 

Can you elaborate?

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 10, 2022 Jul 10, 2022

Copy link to clipboard

Copied

Thank you for taking the time to reply Jacob. Take care.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 10, 2022 Jul 10, 2022

Copy link to clipboard

Copied

The very same to you, Douglas.

 

Now you can enjoy this as a true holiday, given the solution by Femke..

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guide ,
Jul 09, 2022 Jul 09, 2022

Copy link to clipboard

Copied

This is based on a gap of one fifth of the diameter of the circles.  You can try changing the values of the variables in the first five lines of the script. 

 

femkeblanco_0-1657382469753.png

 

var doc = app.activeDocument;
var n = 5;  // number of "parent" circles
var f = 28.346;  // cm to points
var d = 2.54 * f;  // diameter
var g = d / 5;  // gap
var r = d + g;
var m = 0;
var x = doc.width / 2;
var y = - doc.height / 2;
var circle = doc.pathItems.ellipse(y + d / 2, x - d / 2, d, d);
for (var i = 0; i < n; i++) {
    m += 6;
    var polygon = doc.pathItems.polygon(x, y, r, m);
    if (i % 2) {
        polygon.rotate((360 / m) / 2);
    }
    for (var j = 0; j < polygon.pathPoints.length; j++) {
        var top = polygon.pathPoints[j].anchor[1] + d / 2;
        var left = polygon.pathPoints[j].anchor[0] - d / 2;
        var circle = doc.pathItems.ellipse(top, left, d, d);
    }
    polygon.remove();
    r += d + g;
}

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 09, 2022 Jul 09, 2022

Copy link to clipboard

Copied

Hi femkeblanco! This is awesome.....exactly what I need thank you so much for your help. Take care and enjoy the rest of the weekend.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 10, 2022 Jul 10, 2022

Copy link to clipboard

Copied

LATEST

That's a very good approach, Femke.

 

Another way (just for fun): A bumpy action that may be at least a bit entertaining.

 

Circle Array 1

 

Instructions:

 

- Download and unzip the file.
- Open the Illustrator file circle_array_001.ai
- In the Actions palette, import the action set circle_array_1.aia
- Run the action.

 

circle_array_004.gif

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines