Advertise    Write for Us


How to Create Clothing Zipper in Adobe Illustrator – Part 2

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Illustration/ Comments: 1
Final Image Preview

Click here for part 1...

In the second part of the tutorial we will color the vector objects of the Clothes Zipper using traditional techniques, and create a fabric texture with the help of Phantasm. The Width Selector Tool (part of the great WidthScribe plug-in) will help us create highlights. Find out more at the jump!

Step 1

Let’s start with creating the background. With coloring, I always move from the lower and larger objects to higher and smaller objects. This rule allows us to select a color scheme and set the direction of the light in the composition. So, create a rectangle with the help of the Rectangle Tool (M), then fill it with an elliptical gradient from white to gray.

Copy and paste the rectangle in front (Cmd / Ctrl + C; Cmd / Ctrl + F). Fill the new object with a light gray color.

Step 2

Duplicate the object one more time. Fill the upper rectangle with a darker shade of gray.

Create a texture with the help of the Phantasm. Keeping the last rectangle selected, go to Effect > Phantasm > Halftone…. In the open dialog box, set the parameters shown in the picture below.

As you can see, we quickly created a fabric texture. (The effect can be subtle on some monitors)

In addition, the resulting effect is dynamic and you can always change its settings, getting a different texture. To do this, click on the name of the Effect in the Appearance panel.

Step 3

Create a new rectangle with a radial gradient fill from white to gray, then apply the Multiply blending mode to it. Thus, we have created lightening on the fabric

Step 4

Using the Pen Tool (P) create a path, shape, and location of which is shown in the following picture.

Select the path and three upper rectangles created in the previous steps, then go to Object > Clipping Mask > Make or use the Cmd / Ctrl + 7 shortcut.

You can read full version of this tutorial on

Total comments: 0
Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Recent Consultations
Vector Drawing in Adobe Illustrator (Vector Inking)
SubScribe - Take the Guess Work Out of Drawing