For this monthly theme of daily Geometric Vector Art I decided to use the Astute Graphics AGOffset tool as much as I could to replace my normal ‘manual’ processes of making the designs using blend tools and repeating copied shapes. While it is similar, it did require approaching things in different ways but it fit nicely into my workflow. I would normally build the initial line shape with the default Illustrator blend tool, but in this case using the AGOffset gave me the control of the easing to make the lines fit together differently. In places I did have to ‘break’ the Offset objects to then disassemble the parts to make the desired look, but I do that with my normal designs as well.
I start off by drawing a line across the top of my square artboard. The weight of the line depends on personal preference and the size of your overall design, but I generally work at 3000x3000 px designs so in my case a 20px line worked.
With the AG Offset panel open, I set the distance to the size of the artboard (in this case 3000 px). I knew that I wanted to adjust the easing and line
weight so I set those around where I thought they would best work due to experience, but it’s really easy to adjust after applying as well.
I lock that layer to avoid accidentally editing it while I build on top and created a 1/4 circle using the Astute Graphics Dynamic Shapes tool in the
Vectorscribe plugin. I had already drawn one so my settings were already set to a 90 degree arc, but it would have worked to draw a full circle and
adjust the settings after.
As long as you are still in the same design session you can just apply the same AG Offset to the 1/4 circle, but if not, use the same settings you did for
the initial straight line.
With the 1/4 circle with the AG Offset applied to it selected select the Object menu and select Expand Appearance.
I used the Super Marquee tool in the video, but with any direct selection technique, select and delete the lines that extend past the center point of the
This step can be done later in the process, but as I find it easier to work with, I went ahead and did it here.
Lock the circle layers and duplicate the first line background layer.
Using the rotation tool, Option(Mac)/Alt(Windows) click the center of the artboard and select -90 degrees.
With that object still selected select the Object menu and select Expand Appearance.
Select the lines that don’t intersect with the 1/4 circle and delete them.
Using the direct select tool, drag select the top anchor points that set of lines and drag them down to align with the 1/4 circle.
In the video I adjusted that white Dynamic Donut using the default Offset Path function as I noticed the edge peeking out from behind the lines. This should have been done in the earlier step. I found it easier to turn off the background lines to work on these next steps.
Duplicate the vertical line group and select the lower anchor points on the first one and make them shorter.
Align the duplicated group to the center and adjust the anchor points to make this group shorter as well.
Select the Subscribe Connect tool and connect the lines that match up with the same line weight.
Using the Widthscribe Width Selector tool, hold down the Option(Mac)/Alt(Windows) and click on each line somewhere in the curved area to add a width marker. Use the same technique to add width markers on the anchor points on each side of the curved areas as well.
Click-drag to select the width markers in the middle of the curved lines and adjust the line weight there using the Width Selector panel until the lines
are not running together.
Select the two outer lines in the group of curved lines and duplicate them. Using the pen tool, connect those two lines to make a single path. Switch the stroke to a fill and make it white.
Move the recently created white fill shape behind the lines group and turn the background layer back on.
The techniques and tools that I have used in this are just some of what I use when creating my various vector geometric designs. Thanks for watching!
New AG Block Shadow ToolToday is the launch of our next new tool for... Read more »