5

I want circles with DIFFERENT stroke sizes to have similar border distances / align them evenly. How can I do that in Illustrator?

The blend tool works only if border sizes are identical.

enter image description here

Thank you for your appreciated support! Kind regards Silvan

3 Answers 3

7

There's nothing fully automated as far as I know, except perhaps scripting it as @joojaa suggests in the comments.

However, one possible method is to make a large black filled circle, and make a blend inside it using smaller white stroked circles (all the same stroke width).

Then you could expand and ungroup the blend and rescale the white circles. The white circles will be the gaps, and these will always be the same width. Obviously this involves eyeballing how thick you want the black lines to appear.

An example. The Blend is selected on the left side here.

enter image description here Note: I added a white fill to the smallest circle in the middle.

Edit: actually a more automatic method is possible, instead of a blend on the white circles, use a transform effect. The only thing I needed to edit manually was the scale of the large black circle.

An example made with a transform effect

enter image description here

1
  • +1 I agree. If spacing needs to be uniform, then draw the spaces and alter the distance between the spaces for various sized fills (black areas). You can easily control the distance between the "space" circles by using the Transform panel to set absolute circle diameters (as opposed to relative sizing using the scale features).
    – Scott
    Nov 20, 2023 at 21:59
3

You maybe know the wanted white gap width, a list of wanted stroke widths and the size of one of the black circles, for ex. the innermost of them. One may ask why do you not simply calculate the diameters of the circles, draw them, align and give to them the already decided stroke widths? The diameter of the next circle is simply the diameter of the previous (smaller) circle plus the next items added together:

  • 2 x the gap width
  • the stroke width of the previous circle
  • the stroke width of the next circle

Just to test it I calculated with a spreadsheet some circle diameters.

enter image description here

The yellow cells have the used inputs and the green cells have the calculated diameters i.e. object widths. All units are millimeters. The content of the selected cell J6 is shown. It's the diameter formula for circle 6.

Circle diameters above are measured on the centerlines of the strokes. That's the default in Illustrator.

It's possible that the wanted widths are given as line lengths and you do not want to write up them as numbers to make the needed calculations. Drawing the circles without entering any numbers is in Illustrator difficult (it's possible with art brushes, but I do not know any handy way to do it). To make it fast some eyeballing is needed or you must draw the circles as rings which have black fills and no strokes. The reason: Illustrator doesn't snap to stroke edges. Snapping doesn't care at all what's the stroke width.

Here's a number-free fast method:

enter image description here

The green line is the inner radius of the smallest ring. The red line is the wanted gap width. The black lines are the thicknesses of the rings.

A few copies of the gap marker is made (Alt+drag) and all markers are dragged to a single queue. The end nodes snap.

In the next image the inner and outer edges of all rings are drawn.

enter image description here

Hold Alt+Shift and hover a little to draw from the center and to get the radius to snap.

Select all ring edge circles and fill the ring interiors with the shape builder. Remove the stroke, change the fill color to black:

enter image description here

If the result must be strokes with no fill the stroke widths at least must be given as numbers. Or you must construct an art brush of every stroke width shape (far from handy, but it's a way to skip the numbers).

The radiuses can be calculated or they can be drawn just like the ring edges above, but after inserting an anchor to every ring width marker line midpoint (Object > Path > Add Anchor Points)

1
  • Thank you guys for your support! It helped me a lot!!
    – Silvan
    Nov 22, 2023 at 19:38
2

I do not think there is an automated way to have equal spacing between differently stroked circles- except creating them one by one and doing the math...

The following was created by copy and paste in place each instance and using the Transform panel to adjust the circles diameter based on desired spacing and taking into account each circles different stroke width. These all have 20 pt. spacing between the strokes. It helps with the math if you set the stroke to either outer or inner (rather than centered).

enter image description here

EDIT- This seems like a simple math equation that could be scripted- but that is beyond my ability.

You can use the Transform Effect on a single circle with Scale Strokes and Effects ticked on. The spacing between the circles will not be the same but it will be uniform.

enter image description here

1
  • 1
    Why not draw the gaps? Anyway its easily scripted.
    – joojaa
    Nov 20, 2023 at 16:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.