Today we will create a figure inspired by the Celtic Knots.

For the example we will repeat a module 10 times and make its parts interleave.

1- Start

We start with a 12 x 12 cm document, CMYK mode. Horizontal and vertical center guides was placed.

With DynamicShapes (A tool within VectorScribe) we draw a regular decagon with an internal diameter of 10 cm, angle of 0º, so that it lays on one of its bases. In my example, the decagon is in the absolute center of the document.

 

We copy the object and place it exactly over the original using: Copy > Paste in Front. We are going to modify the copy so that it represents a “Slice” of the Decagon, changing the angles 342º y 18º in the DynamicShapes panel.

We draw a circle of 7 cm, which will also be in the center of the document.

Select the 3 figures and convert them into a guides using View > Guides > Make Guides.

 

 

2- Outlining the module

Using InkScribe we draw the half of the module using the guides as reference. (Note that we only the left side of the figure stick to the guide). Try to keep simple as possible.

 

With the Reflect Tool we create a copy of the outline using vertical axis and clicking the "Copy" button in the dialog box.

 

We will move this copy so that it coincides with the inferior anchor point of each figure. (See the image)

 

Even though the left and right sides of the figure are perfectly aligned to the outline, we are going to extend them a little bit using the Extend Path Tool of VectorScribe. This step is important for the moment in which we are going to repeat the modules with MirrorMe, because we have already guaranteed the accuracy of each overlap.

 

The next step is a "little weird" but is necessary because we need the pieces of the outline separated at each intersection. Select the objects then apply the Outline option in the Pathfinder panel. Now we have individual segments. Ungroup the result.

We assign a stroke of 4 pts to each path.

 

3- Creation of the Module

We select the object and in the Object Menu we assign the function Outline Stroke (Object > Path > Outline Stroke).

This way we have a series of “Shapes” that will convert into our module.

 

It's important that in this moment to do some “fine tuning” to the module.

Note that in the intersections more figures than required are created. I recommend to work in Outline Mode (View > Outline) in this moment for more precision.

The objective is that each sector (Marked) becomes a complete figure.

 

The Shape Builder tool makes the process in a more efficient way. You just have to take the tool and pressing “Shift” select the sections you want to add.

 

Using PathScribe we adjust the inferior zone of the module, moving the central point down and then eliminating the exceeding points at the left and right.

 

 

We can eliminate some of the points in the external zone of the figure.

 

 

Note: Even though you feel tempted, don’t try to simplify the central zones of the module, as it will cause several complications when you have to apply LivePaint.

 

4- Final Creation

Using MirrorMe we repeat the module 10 times using the following parameters:

Angle: 72º, Number of Axes: 5, Apply to Layer. X= 6 Y=6.

Once we have positioned MirrorMe we can click in the option “Remove axes”

 

We assign a stroke of 0.5 pts, black color to the whole figure:

 

With help from Live Paint Bucket and using Paint Strokes, only we will create the overlapping effect that you can review in the previour Part 1 tutorial.

The sequence is repeated in each of the 9 modules left.

 

As a final effect we can place a background add a shadow, etc.

 

 

Or…

As an alternative we can overlap other objects over the original design using the Live Paint option named Merge and create a more intricate designs.

For the example I create a 10 point star with DynamicShapes. After convert the stroke to an outline I apply the Merge command.

Then you can spend a few minutes (or hours) painting every stroke and fill!

 

You can download the original files here.

 

!

A big thank you to Carlos for this second part of his tutorial, some great designs!

You can check out Carlos’s design on his Bechance profile here https://www.behance.net/cgarro.

Pin It on Pinterest

Share This

Sign up for Tips, Tricks, Discounts + Updates!

 

You have Successfully Subscribed!

I didn't know Illustrator could do that!

Sign up forTips, Tricks, Updates + Discounts straight to your inbox!

High Fives! You're now successfully subscribed