Mobile app version of vmapp.org
Login or Join
Samaraweera207

: How to create this pattern? How can this pattern be recreated? Pay attention that it has round lines in the bottom and straight line at the top. I tried to use blend tool (in Illustrator)

@Samaraweera207

Posted in: #AdobeIllustrator #Patterns

How can this pattern be recreated?
Pay attention that it has round lines in the bottom and straight line at the top.



I tried to use blend tool (in Illustrator) on two arcs and one dot with dotted stroke, but result is far away from original picture.

Trick is to calculate size of arcs, distances, dots frequency, but guys.. there should be another way to to it.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Samaraweera207

2 Comments

Sorted by latest first Latest Oldest Best

 

@Caterina889

Be aware there is an optical illusion taking place due to the shine of the metal making it possibly appear that there are 2 center points in the pattern. There aren't.



What follows is far from perfect I realize. I did not spend a great deal of time in order to precisely figure out blend steps and spacing. But this would achieve the pattern with relative ease. You just have to factor in distance and blend steps more than I took the time to do. In addition, working on much larger shapes helps the transitions a great deal. This answer is to show the overall technique not get you directly to a perfect solution. The end result will take refinement for each use case.



This is merely a blend using a dotted path (with 3 anchor points) and a semi circle with the same dotted path. For the center of the pattern you need a separate blend in order to control spacing.

(Note the straight path has 3 anchors. Just select the path and choose Object > Path > Add Anchors to add a center anchor. It needs 3 anchors because the semi-circle has 3 anchors.)





To be honest, the longer the straight path is, the smoother the transition is going to be. For the sake of these screenshots I didn't extend the path as long as I actually would have. The path works better at about twice the length shown here.

Then you create a second blend for the center.



With this in place, you merely add a clipping mask to hide portions resulting in a final "circle: shape. If you need that actual center dot, add that manually.

Because of the transitions you can't really pull this off with a single blend. You get too many steps between the center and not enough on the outside. Not to mention the fact that blending a full circle to a straight path really makes one part of the blend "wonky" because it's got to move from the bottom anchor of the circle to be parallel with the other anchors.

10% popularity Vote Up Vote Down


 

@Alves566

The curve that have stroke = the small circles is an obvious idea. But the whole series of those curves is not Illustrator's blend. It's a series of cutting circles that cut grill's perimetr with evenly spacing (=as the minutes on a clock-face) The angle between the cutters and the perimeter is sharper than 90 degrees to allow cutters to exist above the diameter of the perimeter. A few topmost cutters altough are straight lines to be able to reach high enough.

ADDENDUM: In the following example we construct one curve of holes geometrically. The cutter meets the grill's perimeter circle with 60 degrees angle.



In practice a programmed script should be used. It's straightforward job to calculate the cutters (=centerpoints, radiuses, sectors that remains in the grill area) into an Excel worksheet.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme