In this tutorial we will learn how to make accurate vector constructions using Arc start-end direction Tool (SubScribe plug-in), Dynamic Corners Tool (VectorScribe plug-in), Dynamic Shapes Tool (VectorScribe plug-in), Line tangent to two paths Tool (SubScribe plug-in), PathScribe Tool (VectorScribe plug-in), Snap to Collisions Tool and Rotate At Collision Tool (ColliderScribe plug-in). Such an arsenal of wonderful tools provides us with complete control and comfort while creating Clothing Zipper. Have fun learning our new Adobe illustrator tutorial!
Now proceed to the creation of the slider body. Create a path, which consists of two straight-line segments as it is shown below.
Create a vertical guide that defines the position of the center of the slider body.
Select the path, then take the Reflect Tool (O) and click on the guide while holding the Opt / Alt key. Select the Vertical Axis in the dialog box, then click on the Copy button.
Take Arc start-end direction Tool (SubScribe plug-in) and create an arc between the upper points of the paths.
Connect the lower points of the paths using the Pen Tool (P).
Select all the created objects, take the Shape Builder Tool and click inside the slider body shape.
This action leads to the connection of the paths at the points A and B.
Round off the corners of the resulting shape with the help of the Dynamic Corners Tool (VectorScribe plug-in). To control the rounding radii open the tool panel .
Using the Dynamic Shapes Tool (VectorScribe plug-in), create a Dynamic Donut. To open the . Center of the object should be located on the vertical axis of the slider body.
Now create another Dynamic Donut with new parameters.
As you can see, compound paths can be easily created using the Dynamic Shapes Tool. In addition, you can control the parameters of any dynamic shape after its creation.
Duplicate both of the compound paths, then temporarily turn off their visibility in the Layers panel.
Take the Line tangent to two paths Tool (SubScribe plug-in) and create two tangent lines to the compound paths.
Select the compound paths and tangents that take the Shape Builder Tool, then we click between these objects.
Now click on Unite in the Pathfinder panel.
Turn on the visibility of the Dynamic Donuts.
Create Dynamic Rectangle using the Dynamic Shapes Tool and set the radius of rounding of its corners in the Dynamic Shapes panel.
Thus, we have created all the shapes of the Pull Tab.
Now proceed to the creation of the zipper teeth. Draw a sloping straight line segment, as it is shown in the following picture.
, which will lead to the creation of a new point in the middle of the segment.
Further manipulations will be done using the PathScribe Tool (VectorScribe plug-in). Open the panel of this tool .
Convert all the points into smooth ones by pressing the Smooth point in the PathScribe panel.
Rotate the handles of the extreme points, holding down Shift, so they took a vertical position and were located in the direction towards each other.
Now rotate the handles of the center point counterclockwise.
In order zipper teeth were connected without gaps and overlapping the left and right side of the s-shaped path must have the same curvature. We can easily solve this problem with the help of the PathScribe panel. Set the same length of handles at points A and C.
Handles at the point B should also have the same length.
Select the entire path, take the Reflect Tool (O), holding Opt / Alt, click at point A. Select the Horizontal Axis, and then click Copy in the dialog box.
Select the point A with the help of the Direct Selection Tool (A), then go to.
Continue the path with help of the Pen Tool (P) in order to obtain the shape shown in the picture below.
Select the shape of the tooth, then go to… and set the offset value.
Shift the points A and B of the upper shape to the right until it connects with the edge of the lower shape.
Copy the upper shape and paste it in front. Recolor the new object.
Duplicate the last shape again, then move the new object a few pixels down.
Select both shapes of light gray color, then click on the Minus Front in the Pathfinder panel.
Thus we got a highlight on the tooth.
Group up all the elements of the tooth.
Create a mirror copy of the tooth with the help of the Reflect Tool (O). This tool allows us to accurately collide objects as if they had a physical shape. Collision markers tell us about such collision.
Now connect the teeth with the help of the Snap to Collisions Tool (ColliderScribe plug-in).
We also see that due to manipulations in step 10, the teeth connect with no gaps or overlappings.
Group up the teeth. Now move the new group straight down with Snap to Collisions Tool, hold down Shift + Opt / Alt that will lead to its duplication. You must move the group until it connects with Pre – Drag Position of the group.
Here I would like to note that this option should be included into the Snap to Collisions Preferences dialog box that opens by pressing the Return / Enter key. Repeat the actions of this step a few times. Now we have a zipped up part of a zipper.
Proceed to the creation an unzipped part of the zipper. Create a curved path with the help of the Pen Tool (P).
Let's create a Scatter brush, which will create zippers from a single tooth. The parameters of this brush are shown in the picture below.
Apply the brush to the curvilinear segment.
Unfortunately, the distribution of objects along a curve using the Scatter brush is not ideal. Some of the teeth of the zipper are not located at the right position, and you will not be able to fix this defect by playing with the parameters of the brush.
Now let's distribute the teeth using the Rotate At Collision Tool (ColliderScribe plug-in), which allows you to slide with the selected objects on the surface of another object, without losing a touch. Hold the Opt / Alt key while moving to duplicate.
Now we have an ideal distribution.
Group up all the teeth on the arc, create a mirror copy of the group by using the Reflect Tool (O) the same way as we have already done it multiple times in this tutorial.
The main vector objects are created. We will color them in the next part of this tutorial, that means we will give a final look to our artwork.