6

enter image description hereI'm working on a logo that uses curved lines of different lengths, but I want to make sure there's the same difference in distance between the lines.

I measured it out with straight lines, but I don't know how to curve those lines to a circle shape like the attached rough version I've worked on. I want to make it look as clean as possible.

Also any tips for how to make sure there's equal spacing between the lines would be much appreciated!

  • 2
    You mean Offset? – joojaa Nov 6 '19 at 19:36
  • 1
    I think the question was misunderstood by answerers...you want your lines to be equally spaced, is that it? – curious Nov 6 '19 at 23:46
  • @curious that's what I initially thought, but upon re-reading I'm thinking they may have wanted both. – WELZ Nov 7 '19 at 0:41
  • 2
    You could just copy-paste the old Seagate logo, since yours is so similar. – Eric Duminil Nov 7 '19 at 8:14
  • Can you clarify what spacing you are talking about @Dee? Do you need help getting the concentric circles evenly spaced, or spacing between the beginning and ending points of each line? – apex Nov 14 '19 at 11:13
7

Instead of working with circle arcs, do it with complete circles with dashed strokes and change the dash and gap sizes.


In this example, starting with two circles blend (left), expanded and ungrouped it, add a dashed stroke and change the dash and gap size individually. Rotate the circles to match the position. Expand appearance when it's ready.

circles

| improve this answer | |
  • 1
    You don't even need to rotate the shapes, just make a dash-gap-dash-gap with the first dash=0 and just change the first gap until the arc looks rotated enough... – Luciano Nov 7 '19 at 10:06
4

You can check the lengths of existing paths from Document info panel. There's subdialog Objects for it:

enter image description here

You can make circles with a wanted path length difference by drawing equally spaced full circles. The easy way is to draw 2 circles, align them to the same centerpoint, make a blend, expand the blend and ungroup it to get separate circles.

Then draw 2 straight lines from the common centerpoint. With the rotation tool you can get the angle between the lines to be a wanted one.

Cut off the sector between the lines from every circle. That's done in the next image. You can rotate every circle around the original centerpoint (=the common point of the lines) as needed. In the next image the rotations are random with no design idea.

Let's assume there's N circles, the smallest has diameter D1 and the biggest has diameter D2. Let the removed sector be X degrees. The lengths of the remaining arcs are

Pi(1-X/360))(D1+m(D2-D1)/(N-1)) where m gets values 0, 1, 2,...(N-1).

the length difference of 2 adjacent arcs is Pi(1-X/360)(D2-D1)/(N-1).

enter image description here

There are a few tricks which should be known for smooth working. At first have smart guides and snap to point non, no other snaps!

With the rotate tool you can set numerically the needed rotation and make a rotated copy. Select the object to be rotated, Alt+click with the rotate tool the wanted rotation center, type the wanted angle and press Copy to get a rotated copy. The next image shows the dialog which opens when you click holding the Alt key at the same time:

enter image description here

Here's a short cartoon of the process after you have blended the 2 circles, expanded the blend and ungrouped.

enter image description here

1.-2. Draw a line from the centerpoint, make a rotated copy

  1. Select all, split all paths in the crossings with Pathfinder panel function Outline. All strokes vanish.

  2. Ungroup. Insert a stroke color and width. Select the wanted parts and move them apart. You will need the centerpoint, do not lose the crossing of the lines! It's your only remaining centerpoint reference.

I guess you want something like the black shape in the next image:

enter image description here

The innermost circle has diameter = 25 mm, the outermost has 50 mm. The removed sector is 136 degrees. The rotations are calculated to cause equal arc end shifts along the arc. In addition the outermost ring has its clockwise end towards the right from the beginning of the innermost arc. The rotation difference must decrease proportionally to outwards for the same shift. The innermost arc is not rotated after it was clipped. The outermost is rotated -136 degrees. The rest of the rotations are calculated.

Both ends will have automatically the same shifts if the arcs are made by removing the same sector angle.

All this math is elementary, but to see it one must recall the arc length = Pi * D * (X/360) where D is the diameter and X is the arc sector in degrees.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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