Advertise    Write for Us

Vectorboom

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 AstuteGraphics.com....

Total comments: 0
Recent Consultations
Realistic Vector Sand and Pebble Texture Tutorial Using Phantasm CS and Adobe Illustrator
Creation of Realistic Female Vector Portrait in CorelDRAW
How to Create a Realistic Vector Feather Using Adobe Illustrator
How to use Rasterino and Illustrator in web design
SubScribe Designer — (Plugin for Adobe Illustrator) - My Top 5 Favorite Features