Copy link to clipboard
Copied
Hello! I can't for the life of me figure out how I made this design a while ago. Can anyone help me work backwards?
I'm pretty sure I made it from radiating circles with just a stroke and no fill, using either transform or rotate/copy and Ctrl+D.
I can't figure out how I got the lines to cross uniformly like this to make the triangle shapes but I believe once I got the lines set up, I joined them all and then it let me select different rows of them easily so I could fill with alternating colors.
Copy link to clipboard
Copied
You need a circle and a curve. Then duplicate/rotate around the center and then mirror and duplicate.
Then use Live paint to fill this:
Copy link to clipboard
Copied
Thanks! I have got to this point but I am missing how to make the lines that create the triangles aside from manually creating circles from the center.
Copy link to clipboard
Copied
You would use Live paint or shapebuilder afterwards, but using a brush would be much more efficient
Copy link to clipboard
Copied
The spirograph part can be created with a simple script.
Select a circle (the count can be changed in the first line):
var count = 25;
var doc = app.activeDocument;
var source = doc.selection[0];
var r = source.width / 2;
var first = doc.pathItems.ellipse(source.top - r / 2, source.left, r, r);
first.stroked = true;
first.filled = false;
for (var i = 0; i < count; i++) {
var duple = first.duplicate();
duple.rotate(360 / count * (i + 1), undefined, undefined, undefined, undefined,
Transformation.RIGHT);
}
I can't find a formula for the concentric circles.
Copy link to clipboard
Copied
With some work, I got this.
Will describe later this evening (if I have more time) how I got this result.
Copy link to clipboard
Copied
Looking at that - right. Pattern brush would be the easiest.
From this kind of element
Copy link to clipboard
Copied
This is a cool alternative!
Copy link to clipboard
Copied
amazing! yes I would love to know the steps you took
Copy link to clipboard
Copied
Sorry if it is a little long. I try to work as non destructive as possible, but the last part needs some manual edits to get the distorted triangle effect.
Half a circle (75 px)filled with a dark global color is rotated from the lower right corner with a Transform effect: 35 copies, angle -10°. To get clean filled objects, a Pathfinder effect Exclude was applied and moved to the bottom of the Appearance panel stack. This only works when the Stroke is hidden.
A second Transform Effect is applied, 1 copy is reflected along the X axis.
The result is grouped and a new fill with a light global color is added and dragged below the Contents item in the Appearance panel. The fill is converted to a circle with the Convert to Shape > Ellipse effect. An Absolute size is specified to match the size of the object. A final Pathfinder > Divide Effect is applied as the last item in the Appearance Panel.
I saved the project under a different name because the next steps are destructive.
Use Object > Expand Appearance and Object> Ungroup to get separate individually editable shapes.
Remove the objects to get a single dark colored and a single light colored column. I made them into 2 colored groups.
This is the boring part, you need to split every object in two and give it different colors. You can make it faster by recording 2 actions. This is where global colors are useful. Zoom in and Double click the dark colored group to get into Isolation mode.
Direct Select only the bottom part of a shape (drag over the 2 lower sides). Cut them. Paste in Front. Join. Fill
Repeat to create the other triangles.
The 2 triangle groups are transformed separately. The vertical one is transformed from the bottom center. The rotated one is transformed from the bottom right. Both are transformed 10°.
Copy link to clipboard
Copied
Nice approach, Ton.
If I had to do it with basic tools, I'd just multiple copy rotate a stroked circle around a centre point, create the concentric circles by multiple copy scaling one circle with the Scale tool (assisted by smart guides snapping at intersecting circles).
Then I'd convert the stroked objects to filled objects, select all and apply Pathfinder Exclude. Takes half a minute.
Copy link to clipboard
Copied
That looks good and faster, Kurt. Can you show/share the intermediate steps?
Copy link to clipboard
Copied
Sure, here are the steps.
Copy link to clipboard
Copied
Thanks, Kurt.