How to Create a Cool Watch in Illustrator

Adobe Illustrator can be a little tricky to get your hands around, particularly after getting used to the workflow of applications like Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand.

How to Create a Cool Watch in Illustrator

In this tutorial you will learn how to create a very realistic and detailed watch using simple tools and techniques like the Pathfinder, Blend, Clipping Mask, etc. in Adobe Illustrator. Let’s start!

Final Result

Let’s see what you will be creating in this tutorial.

instantShift - Create a Cool Watch in Illustrator

Create a Cool Watch in Illustrator

Step 1

Double click on the Ellipse tool (L) from the Tool palette. In the Ellipse box, enter the data as show in the first image below. While the result selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -10px Offset and then click OK. Keep the result selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -25px Offset and then click OK.

instantShift - Create a Cool Watch in Illustrator

Double click on the Polygon tool from the Tool palette. In the Polygon box, enter the data as shown below and then click OK. Keep the result selected, hold down the Shift key, click on the biggest black object and then click on the Intersect button from the Pathfinder palette.

instantShift - Create a Cool Watch in Illustrator

Now show the Ruler (press Ctrl +R). Pick the Selection tool (V), move the mouse to the Ruler, click hold and drag the Horizontal Guide and the Vertical Guide to the correct positions as shown in the first image below. The intersection of the Guides is also the center of the black circle object.

instantShift - Create a Cool Watch in Illustrator

Reselect the red object, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

Now select all red objects and the the bigger black circle object and then click on the Unite button from the Pathfinder palette.

instantShift - Create a Cool Watch in Illustrator

Select the remaining black circle object and go to the Object menu/ Path/ Offset Path. Enter a -40px Offset and then click OK.

instantShift - Create a Cool Watch in Illustrator

Select the bigger black circle and the red object and then duplicate (Ctrl +C, Ctrl +F) them once time. While the copies selected, click on the Minus Back button from the Pathfinder palette.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 12px Length and a 90 degrees Angle and then click OK. Next add a 5px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Select and group (Ctrl +G) all six lines and then rotate this group an angle of about 30 degrees.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\). In the Line tool box, enter a 7px Length and a 90 degrees Angle and then click OK. Next add a 5px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a -6 degrees Angle and then click Copy. Next press ( Ctrl +D) twenty times to get the result as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Open the Character palette (Window/ Type/ Character) and then enter the values as shown in the image. Next pick the Type tool (T) from the Tool palette, click on the document and enter the text "60". Reselect the text "60" and go to the Effect menu/ Warp/ Arc…Enter a 10% Blend and then click OK. Next duplicate the result some times.

instantShift - Create a Cool Watch in Illustrator

Now select and place a text "60" to the correct position as shown below. Next duplicate (Ctrl +C, Ctrl +F) it once time and then hide the copy. Reselect the text "60" and then change it to "10". While the text "10" selected, go to the Object menu/ Expand.

instantShift - Create a Cool Watch in Illustrator

Rotate the result an angle of about -60 degrees around the center of the black circle.

instantShift - Create a Cool Watch in Illustrator

Now show the text "60" hidden in the previous step. Next duplicate the text once time and then hide the copy. Reselect the text "60" and then change it to "20". While the text "20" selected, go to the Object menu/ Expand. Next rotate the result an angle of about -180 degrees around the center of the black circle.

instantShift - Create a Cool Watch in Illustrator

Do the same as the previous step to get the results as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Remove the yellow objects highlighted with the arrows as shown below.

instantShift - Create a Cool Watch in Illustrator

Reselect the remaining yellow objects and change the stroke color of them to R= 35, G=31, B=32.

instantShift - Create a Cool Watch in Illustrator

Fill the object selected as shown below with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Select and then bring the bigger black object to front. Keep this object selected, go to the Object menu/ Path/ Offset Path. Enter a -7px Offset and then click OK. Now reselect two bigger black circles and duplicate (Ctrl+C, Ctrl+F) them once time. While the results selected, click on the Minus Back button from the Pathfinder palette. Next fill the result with R=230, G=231, B=232.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Fill the black circle selected as shown below with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Next duplicate the result once time and then go to the Effect menu/ Texture/ Gain. Enter the data as shown below and then click OK.

instantShift - Create a Cool Watch in Illustrator

Create a green curve and then set values like you see in the image.

instantShift - Create a Cool Watch in Illustrator

Select two remaining black circles and then click on the Minus Back button from the Pathfinder palette.

instantShift - Create a Cool Watch in Illustrator

Now pick the Rectangle tool (M) and use it to created a 10px by 30px object. Next select the bottom-left anchor point and then move it 2px to the right. Do the same with the bottom-right anchor point (but move it to the left).

instantShift - Create a Cool Watch in Illustrator

Place the newly created object to the correct position as shown in the first image. Keep this object selected, go to the Object menu/ Path/ Offset Path. Enter a 3px Offset and then click OK.

instantShift - Create a Cool Watch in Illustrator

Reselect two both newly created objects, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the image below.

instantShift - Create a Cool Watch in Illustrator

Now select six bigger green objects and the "two black circles" object and then click on the Minus Front button from the Pathfinder palette.

instantShift - Create a Cool Watch in Illustrator

Fill the result with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Next add a Drop Shadow effect for the result.

instantShift - Create a Cool Watch in Illustrator

Next create six magenta objects and then set values like you see in the second image below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Fill green objects with R=205, G=230, B=197 and add a 1px Stroke (R=35, G=31, B=32) for them.

instantShift - Create a Cool Watch in Illustrator

Open the Character palette (Window/ Type/ Character) and then enter the values as shown in the image. Next pick the Type tool (T) from the Tool palette, click on the document and enter the text "05". Place the text to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Reselect the text "05", pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the first image below. Next select and group (Ctrl +G) all the text "05" and then rotate this group an angle of about 30 degrees.

instantShift - Create a Cool Watch in Illustrator

Next pick the Type tool (T) and then use it to change the text "05" as shown below.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 23px Length and a 90 degrees Angle and then click OK. Next add a 2px Stroke (R= 230, G= 231, B= 232) for this line. Now add a Drop Shadow effect for this line and then place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Reselect the newly created object, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the image below.

instantShift - Create a Cool Watch in Illustrator

Remove objects highlighted with the red arrows

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Step 2

Pick the Ellipse tool (L) and use it to create a 136px by 136px object. While the result selected, go to the Object menu/ Path/ Offset Path. Enter a -20px Offset and then click OK. Keep the result selected, go to the Object menu/ Path/ Offset Path. Enter a -5px Offset and then click OK. Next duplicate the result once time and then place the copy to the correct position as shown in the fourth image below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Continue pick the Ellipse tool (L) and use it to create a 70px by 70px object. While the result selected, go to the Object menu/ Path/ Offset Path. Enter a -10px Offset and then click OK

instantShift - Create a Cool Watch in Illustrator

Step 3

Now fill the green circle with the linear gradient. Reselect the result and go to the Object menu/ Path/ Offset Path. Enter a -2px Offset and then click OK. Next fill the result with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 7px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Continue double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (magenta color) for this line. Place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove the magenta objects highlighted with the arrows. Now reselect all remaining magenta objects and change the color of them to R=35, G=31, B=32.

instantShift - Create a Cool Watch in Illustrator

Now select a text "60" created in the previous step and scale it down to 40%. Next place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Now duplicate (Ctrl +C, Ctrl +F) the text "60" once time and then hide the copy. Reselect the text "60" and then change it to "15". While the text "15" selected, go to the Object menu/ Expand. Rotate the result an angle of about -90 degrees around the center of the newly created circle. Continue do the same as this step to get the results as shown below.

instantShift - Create a Cool Watch in Illustrator

Pick the Ellipse tool (L) and use it to create a 13px by 13px object. Fill the object with the radial gradient. Next create a red object as shown in the third image and then fill it with R=35, G=31, B=32. Reselect the result and scale it down to 50%. Next move the result 5px down.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Select two newly created object and go to the Object menu/ Blend/ Blend Option. Enter the data as shown below and then click OK. Next send the result to back.

instantShift - Create a Cool Watch in Illustrator

Now select and group (Ctrl +G) two newly created objects. Next add a Drop Shadow effect for this group. Rotate the result an angle of about -45 degrees. Finally named this group is " Hand" and then duplicate it some times.

instantShift - Create a Cool Watch in Illustrator

Select a "Hand" group and place it to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 4

Now remove the bigger blue circle. Next select the remaining blue circle and fill it with the linear gradient. Reselect the result and go to the Object menu/ Path/ Offset Path. Enter a -1.5px Offset and then click OK. Next fill the result with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 4px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Select and group (Ctrl +G) all six lines and then rotate this group an angle of about 30 degrees.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 3px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press (Ctrl +D) four times to get the result as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

Select a text "60" created in the previous step and scale it down to 32%. Next change the result to "02" and go to the Effect menu/ Warp/ Arc…Check in the Horizontal and enter a 30% Blend and then click OK. Next place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

While the "02" object selected, duplicate it once time and then hide the copy. Reselect the remaining "02" object and change "02" to "06". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -150 degrees and then click OK. Next show the "02" object hidden in the previous step and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about -30 degrees and then click OK.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 4px Length and a 90 degrees Angle and then click OK. Next add a 2px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the black circle. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) twice times to get the result as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

Select a text "60" created in the previous step and scale it down to 35%. Next change the result to "12" place the result to the correct position as shown in the first image below. While the "12" object selected, duplicate it once time and then hide the copy. Reselect the remaining "12" object and change "12" to "08". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about 150 degrees and then click OK. Next show the "12" object hidden in the previous step, duplicate it once time and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about 90 degrees and then click OK. Continue do the same as the previous step to get the results as shown in the final image below.

instantShift - Create a Cool Watch in Illustrator

Select a "Hand" group created in the step 3 and then rotate it an angle of about 90 degrees. Next scale the result down to 60%.

instantShift - Create a Cool Watch in Illustrator

Finally place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 5

Select and remove the medium red ellipse. Next select and fill the small red ellipse with the linear gradient. While the result selected, open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Next fill the result with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 4px Stroke (R= 35, G= 31, B= 32) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below. Finally select and remove three lines as shown in the third image.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (magenta color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove some lines as shown in the third image. Finally reselect all remaining magenta lines and change their color to R= 35, G= 31, B= 32.

instantShift - Create a Cool Watch in Illustrator

Select a text "60" created in the previous step and scale it down to 32%. Next change the result to "45" and go to the Effect menu/ Warp/ Arc…Check in the Horizontal and enter a 15% Blend and then click OK. Next place the result to the correct position as shown below. While the "45" object selected, duplicate it once time and then hide the copy. Reselect the remaining "45" object and change "45" to "35". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -60 degrees and then click OK. Next show the "45" object hidden in the previous step, duplicate it once time and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about 60 degrees and then click OK. Next show the "45" object hidden in the previous step and go to the Object menu/ Expand Appearance.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 6px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (red color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 30 degrees Angle and then click Copy. Next press ( Ctrl +D) ten times to get the result as shown in the second image below. Next remove five lines as shown in the third image. Finally reselect all remaining red lines and change their color to R= 35, G= 31, B= 32.

instantShift - Create a Cool Watch in Illustrator

Continue double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 3.5px Length and a 90 degrees Angle and then click OK. Next add a 1px Stroke (yellow color) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the newly created ellipse. In the Rotate box, enter a 6 degrees Angle and then click Copy. Next press ( Ctrl +D) a lot of times to get the result as shown in the second image below. Next remove lines as shown in the third image. Finally reselect all remaining yellow lines and change their color to R= 35, G= 31, B= 32.

instantShift - Create a Cool Watch in Illustrator

Pick the Ellipse tool and use it to create a 60px by 60px object. Next place the ellipse to the correct position as shown in the first image. Open the Character palette (Window/ Type/ Character) and set values as you see in the image. Next pick the Type on the Path Tool and click on the magenta ellipse. Enter the text you want (In here, I enter the text " illustrator tutorial "). Next keep the text selected, pick the Direct Selection tool. Now move the mouse to the central handle, click hold and drag the mouse to the center of the path. When the text flipped, release the mouse. In the end your object should look roughly like the fourth image.

instantShift - Create a Cool Watch in Illustrator

Step 6

Select the biggest red ellipse and open the Offset Path (Object/ Path/ Offset Path). Enter a -20px Offset and then click OK. Next double click on the Polygon tool button from the Tool palette. Enter the data as shown in the second image and then click OK. Rotate the result an angle of about 30 degrees. Finally place the result to the correct position as shown in the fourth image.

instantShift - Create a Cool Watch in Illustrator

Duplicate the polygon object once time. While the copy selected, hold down the Shift, click on the big red ellipse and then click on the Minus Front button from the Pathfinder palette. Next select the remaining polygon object and the small red ellipse and then click on the Minus Front button.

instantShift - Create a Cool Watch in Illustrator

Select and fill newly created objects as shown below.

instantShift - Create a Cool Watch in Illustrator

Bring two newly create objects backward as shown in the first image. Next create a curve and then set the values like you see in the third image. Finally send the result backward as shown in the fourth image below.

instantShift - Create a Cool Watch in Illustrator

Double click on the Line tool (\) from the Tool panel. In the Line tool box, enter a 11px Length and a 90 degrees Angle and then click OK. Next add a 3px Stroke (R= 147, G= 149, B= 152) for this line. Place the result to the correct position as shown below. Keep the line selected, pick the Rotate tool (R), hold down the Alt key and click on the center of the circle path. In the Rotate box, enter a 60 degrees Angle and then click Copy. Next press ( Ctrl +D) four times to get the result as shown in the second image below. Next select and remove three lines as shown in the third image.

instantShift - Create a Cool Watch in Illustrator

Select a text "60" created in the previous step and scale it down to 30%. Next change the color of the result to R=109, G=112, B=113 and then place the result to the correct position as shown below. While the "60" object selected, duplicate it once time and then hide the copy. Reselect the remaining "60" object and change "60" to "20". Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the center of the newly created circle. In the Rotate tool box, enter an angle of about -30 degrees and then click OK. Next show the "60" object hidden in the previous step, duplicate it once time and the hide the copy. Reselect the remaining "60" object and change "60" to "30"and go to the Object menu/ Expand Appearance. Next go to the Object menu/ Expand Appearance. While the result selected, pick the Rotate tool (R), hold down the Alt and click on the newly created circle. In the Rotate tool box, enter an angle of about -90 degrees and then click OK. Next show the "60" object hidden in the previous step and go to the Object menu/ Expand Appearance. Finally rotate the result an angle of about 90 degrees.

instantShift - Create a Cool Watch in Illustrator

Select and group (Ctrl +D) all objects created in the step 6. Next rotate this group an angle of about -30 degrees.

instantShift - Create a Cool Watch in Illustrator

Create objects and then set their values as you see in the images below.

instantShift - Create a Cool Watch in Illustrator

Select a "Hand" group created in the step 3 and rotate it an angle of about 45 degrees. Ungroup this group. Next select the object as shown in the third image and then double click on the Reflect tool button from the Tool palette. Check in the Horizontal and then click Copy. Move the copy to the position as shown in the fourth image. Next resize it to get the result as shown in the fifth image. Finally reselect and group all objects created in this step and then rotate it an angle of about -15 degrees.

instantShift - Create a Cool Watch in Illustrator

Place the newly created group to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 7

Pick the Rectangle tool (M) and use this tool to create a 20px by 60px object. Select the top-left anchor point and move it 5px to the right. Next select the top-right anchor point and move it 5px to the left. Continue pick the Rectangle tool (M) and use this tool to create a 10px by 48px object. Select the bottom-left anchor point and move it 2px to the right. Next select the bottom-right anchor point and move it 2px to the left.

instantShift - Create a Cool Watch in Illustrator

Place two newly created objects as shown below. Next reselect two both objects and click on the Unite button from the Pathfinder palette. Now pick the Ellipse tool (L) and use it to create two 15px by 15px objects. Next place two ellipse objects to the correct position as shown in the third image. Select all three newly created objects and then click on the Minus Front button.

instantShift - Create a Cool Watch in Illustrator

Keep the result selected, go to the Effect menu/ Stylize/ Round Corner. Enter a 1px Radius and then click OK. While the result selected, go to the Object menu/ Expand Appearance. Named the result is "Hand_0" and then duplicate it some times.

instantShift - Create a Cool Watch in Illustrator

Double click on the Rounded Rectangle tool button from the Tool palette. Enter the data as shown below and then click OK. Now select a "Hand_0" object and place it to the correct position as shown in the second image. Reselect two both newly created objects and click on the Minus Front button. Named the result is "Hand_00" and then duplicate it some times.

instantShift - Create a Cool Watch in Illustrator

Now use the Ellipse tool to create a 25px by 25px object. Next select a "Hand_00" and place it to the correct postion as shown below. Select two these objects and click on the Unite button.

instantShift - Create a Cool Watch in Illustrator

Create a 5px by 18px object by the Rectangle tool (M) and then place the result to the correct position as shown below. Next fill two newly created objects as shown in the second image.

instantShift - Create a Cool Watch in Illustrator

Reselect two newly created objects and duplicate it once time. Fill the copies as shown in the first image. Next move the copies 1px down and then move them 0.5px to the left.While the copies selected, send them to back. Now select and group all objects created in the step 7. Next add a Drop Shadow effect for this group and then named it is " Hand_01".

instantShift - Create a Cool Watch in Illustrator

Step 8

Select a "Hand_00" and then resize it as shown below..

instantShift - Create a Cool Watch in Illustrator

Create a 18px by 18px ellipse object and then place it to the correct postion as shown below. Reselect two these objects and click on the Unite button.

instantShift - Create a Cool Watch in Illustrator

Create a 5px by 18px object by the Rectangle tool (M) and then place the result to the correct position as shown below. Next fill two newly created objects as shown in the second image. Reselect two newly created objects and duplicate it once time. Fill the copies as shown in the third image. Next move the copies 0.5px down and then move them 1px to the right. While the copies selected, send them to back.

instantShift - Create a Cool Watch in Illustrator

Pick the Rectangle tool and use it to create two objects (2px by 110px and 2px by 42px). Next fill newly created objects as shown in the first image and second image. Reselect two newly created objects and duplicate them once time. Fill the copies as shown in the third image. Next move them 0.5px down and then move them 0.5px to the right. Finally send two newly created objects to back.

instantShift - Create a Cool Watch in Illustrator

Now select and group all objects created in the step 8. Next add a Drop Shadow effect for this group and then named it is " Hand_02".

instantShift - Create a Cool Watch in Illustrator

Step 9

Select a "Hand_0" object and go to the Effect menu/ Stylize/ Round Corners. Enter a 3px Radius and then click OK. Next go to the Object menu/ Expand Appearance. Scale the result down to 75%.

instantShift - Create a Cool Watch in Illustrator

Create a 13px by 13px object by the Ellipse tool (L) and then place the result to the correct position as shown in the first image. Keep the ellipse selected, open the Offset Path box (Object/ Path/ Offset Path). Enter a -5px Offset and then click OK. Now reselect the bigger ellipse object and the red object and the click on the Unite button.

instantShift - Create a Cool Watch in Illustrator

Fill the newly created object with R=167, G=169, B=172. Reselect the result and duplicate it once time. Next move the copy 0.5px down and 0.5px to the right. Then fill the copy with R=109, G=110, B=113 and then send it to back. Reselect the small green and set values as shown in the fourth image.

instantShift - Create a Cool Watch in Illustrator

Select and group all objects created in the step 9. Next add a Drop Shadow effect for it and then named it is " Hand_03".

instantShift - Create a Cool Watch in Illustrator

Place the groups ("Hand_01", "Hand_02", "Hand_03") to the correct positions as shown in the first image. Next pick the Selection tool (V), move the mouse to the Ruler, click hold and drag the Horizontal Guide and the Vertical Guide to the correct positions as shown in the first image below. The intersection of the Guides is also the center of the smallest circle object. Now select and rotate the "Hand_03" group an angle of about -35 degrees around the center of the smallest circle object.

instantShift - Create a Cool Watch in Illustrator

Select and rotate the "Hand_02" group an angle of about -45 degrees around the center of the smallest circle object.

instantShift - Create a Cool Watch in Illustrator

Continue select and rotate the "Hand_01" group an angle of about 55 degrees around the center of the smallest circle object. Now select and group (Ctrl + G) all objects created from beginning step 7 to this time.

instantShift - Create a Cool Watch in Illustrator

Place the newly created group to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Now select and group (Ctrl + G) all objects created from beginning step 1 to this time. While the result selected, open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click OK.

instantShift - Create a Cool Watch in Illustrator

Step 10

Pick the Ellipse tool and use it to create a 22px by 22px object. Next fill the ellipse with the linear gradient. Reselect the ellipse and open the Offset Path box (Object/ Path/ Offset Path). Enter a -3px Offset and then click OK. Next fill the result with R=35, G=31, B=32.

instantShift - Create a Cool Watch in Illustrator

Now open the Character palette (Window/ Type/ Character) and then set values as shown in the first image. Next pick the Type tool (T), click on the document and enter the text "3". Reselect the text "3" and go to the Object menu/ Expand. Next place the result to the correct position as shown in the second image. Change the color of the "3" object to R=230, G=231, B=232. Now select and group all objects created from beginning step 10 to this time.

instantShift - Create a Cool Watch in Illustrator

Now we’ll create a logo for the watch. You can use the logo you like. In this tutorial, I’ll use the "Instantshift" logo. The logo image have a white background. I’ll remove this background by
the Adobe Photoshop program. Now open the Photoshop and then open the logo image. Pick the Quick Selection Tool (W) and select the logo part as shown in the image below. Next press (Ctrl +J) to create a new layer have only the logo part. And then remove the background layer.

instantShift - Create a Cool Watch in Illustrator

Click on the Create new fill or Adjustment layer button at the bottom of the Layer palette. Next select Black & White….

instantShift - Create a Cool Watch in Illustrator

Click on the Auto button.

instantShift - Create a Cool Watch in Illustrator

Finally save the file with .PNG format.

instantShift - Create a Cool Watch in Illustrator

Continue open the Character palette and then set values as shown in the first image. Next pick the Type tool (T), click on the document and enter two text "Instant" and " Shift". Reselect two text and click on the Horizontal Align Right button from the Pathfinder palette. Finally go to the Object menu/ Expand.

instantShift - Create a Cool Watch in Illustrator

Now place the "3" group and the logo to the correct position as shown below. Next select and group all objects created in the step 10.

instantShift - Create a Cool Watch in Illustrator

Place the newly created group to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 11

Select the red object and move it 10px to the right. Next remove some anchor points at the top and at the bottom of the red object.

instantShift - Create a Cool Watch in Illustrator

Fill this object with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Step 12

Now pick the Ellipse tool (L) and use it to create a 5px by 38px object. Next fill the result with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Duplicate (Ctrl +C, Ctrl +F) the newly created object once time and then move the copy 7px to the right. Next duplicate the newly created object once time and then hide the copy. Now reselect two newly created objects and go to the Object menu/ Blend/ Blend Options. Enter the data as shown belown and then click OK.

instantShift - Create a Cool Watch in Illustrator

Show the object hidden in the previous step and then fill it with the linear gradient. Reselect the result and go to the Object menu/ Transform/ Scale. In the Scale box, check in the None-Uniform. Enter a 100% Horizontal and enter a 85% Vertical and then click Copy. Nex move the result 1px to the right and then fill it with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the newly created object and duplicate it once time and then move the copy 7px to the right. Duplicate the newly created object once time and then hide the copy. Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

instantShift - Create a Cool Watch in Illustrator

Show the object hidden in the previous step and then fill it with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the object just edited and then open the Scale (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next fill the result with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the object just edited and then duplicate it once time. Next move the copy 9px to the right. Duplicate the newly created object once time and then hide the copy. Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make. Now show the object hidden in the previous step and then fill it with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the object just edited and then open the Scale (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next fill the result with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Next select two both newly created objects and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

instantShift - Create a Cool Watch in Illustrator

Create two curves and then set the values as you see in the image below.

instantShift - Create a Cool Watch in Illustrator

Select and group (Ctrl +G) all objects created in the step 12 . Next rotate this group an angle of about 30 degrees.

instantShift - Create a Cool Watch in Illustrator

Place the newly created group to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Create a curve and then set the values as you see in the second image.

instantShift - Create a Cool Watch in Illustrator

Reselect this curve and the newly created group and then group them. While this group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy. Next move the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 13

Pick the Ellipse tool (L) and use it to create a 10px by 62px object. Next select the top anchor point and the bottom anchor point and then move them 1px to the right.

instantShift - Create a Cool Watch in Illustrator

Fill the newly created object with the linear gradient. Next duplicate the result once time, move the copy 15px to the right and then fill it with the new linear gradient. Now duplicate the object just edited once time and then hide the copy.

instantShift - Create a Cool Watch in Illustrator

Reselect two newly created object and open the Blend Options (Object/ Blend/ Blend Options). Enter the data as shown below and then click OK. Next go to the Object menu/ Blend/ Make.

instantShift - Create a Cool Watch in Illustrator

Show the object hidden in the previous step and then fill it with the new linear gradient.

instantShift - Create a Cool Watch in Illustrator

Create the horizontal lines as shown in the first image. Next create a red object as shown in the second image.

instantShift - Create a Cool Watch in Illustrator

Select all horizontal lines and the red object and then go to the Object menu/ Clipping Mask/ Make.

instantShift - Create a Cool Watch in Illustrator

Reselect the newly created ellipse object and open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next move the result 3px to the right.

instantShift - Create a Cool Watch in Illustrator

While the newly created object selected, open the Scale box (Object/ Transform/ Scale). Enter the data as shown below and then click Copy. Next move the result 1.5px to the right and then fill it with the new linear gradient..

instantShift - Create a Cool Watch in Illustrator

Create two curves and then set the values as you see in the image below. Next add a Blur effect for these curves.

instantShift - Create a Cool Watch in Illustrator

Continue create a curve and then set the values as you see in the image below. Next add a Blur effect for this curve.

instantShift - Create a Cool Watch in Illustrator

Create a curve and then set the values as you see in the image below. Next send this curve to back. Now select and group (Ctrl +G) all objects created in the step 13.

instantShift - Create a Cool Watch in Illustrator

Place the newly created group to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 14

Now create a 88px by 526px ellipse and then place it to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Continue create three curves and three horizontal lines as shown below.

instantShift - Create a Cool Watch in Illustrator

Step 15

Now create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Add the Inner Glow effect and the Drop Shadow effect for the newly created object.

instantShift - Create a Cool Watch in Illustrator

Select and group (Ctrl +G) all objects created from beginning step 15 to this time. Next send this group to back.

instantShift - Create a Cool Watch in Illustrator

Continue create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Add the Inner Glow effect and the Drop Shadow effect for the newly created object. Select and group (Ctrl +G) four newly crated objects. Next send this group to back.

instantShift - Create a Cool Watch in Illustrator

Continue create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Add the Inner Glow effect and the Drop Shadow effect for the newly created object.

instantShift - Create a Cool Watch in Illustrator

Select and group (Ctrl +G) four newly crated objects. Next send this group to back.

instantShift - Create a Cool Watch in Illustrator

Step 16

Create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Create a red object and fill it with the linear gradient. Select and group (Ctrl +G) three newly created objects and then send this group to back.

instantShift - Create a Cool Watch in Illustrator

Step 17

Continue create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Create objects as shown in the first image and then fill with R=88, G=89, B=91. Now select and group (Ctrl +G) six newly created objects and then send this group to back.

instantShift - Create a Cool Watch in Illustrator

Continue create objects and then fill them as shown below. Next select and group two newly created objects and then send this group to back.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Step 18

Create object and then fill it with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the newly created object and open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Now select two both newly created objects and open the Blend Options box (Object/ Blend/ Blend Options). Enter the data as shown in the second image and then click OK.

instantShift - Create a Cool Watch in Illustrator

Continue create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Now create a curve and then add a 2px Stroke (R=65, G=64, B=66) for it. Next send this curve backward as shown in the second image below.

instantShift - Create a Cool Watch in Illustrator

Create object and then fill it with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Reselect the newly created object and open the Offset Path box (Object/ Path/ Offset Path). Enter a -2px Offset and then click OK. Now select two both newly created objects and open the Blend Options box (Object/ Blend/ Blend Options). Enter the data as shown in the second image and then click OK.

instantShift - Create a Cool Watch in Illustrator

Continue create object and then fill it with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Now create an object, fill it with the R=65, G=64, B=66. Select and group three newly created objects and then send this group to back.

instantShift - Create a Cool Watch in Illustrator

Step 19

Continue create objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Reselect five newly created objects and duplicate them once time. While the results selected, go to the Effect menu/ Sketch/ Halftone Pattern. Enter the data as shown below and then click OK. Next lowered the Opacity of the results to 30%.

instantShift - Create a Cool Watch in Illustrator

Create five objects and then fill them with the linear gradient. Next select all objects created from beginning step 19 to this time and then send them to back.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Continue create three objects and then fill them as shown below.

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

instantShift - Create a Cool Watch in Illustrator

Reselect three newly created objects and then send them to back.

instantShift - Create a Cool Watch in Illustrator

Step 20

Now select and group (Ctrl +G) all objects created from the beginning step 15 to this time. While the group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy.

instantShift - Create a Cool Watch in Illustrator

Place the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Create a curve and then add a 1px Stroke (R=109, G=110, B=113) for it. Now select and group (Ctrl +G) all objects created from the beginning step 1 to this time.

instantShift - Create a Cool Watch in Illustrator

Step 21

Pick the Rectangle tool (M) and use this tool to create a 850px by 1100px object. Next fill the result with the linear gradient.

instantShift - Create a Cool Watch in Illustrator

Now place the "watch" group to the position as shown below.

instantShift - Create a Cool Watch in Illustrator

Keep the "watch" group selected, open the Reflect box (double click on the Reflect tool from the Tool palette). Check in the Horizontal and then click Copy. Next move the result to the correct position as shown below.

instantShift - Create a Cool Watch in Illustrator

Pick the Rectangle tool and use it to create a 850px by 200px object.

instantShift - Create a Cool Watch in Illustrator

Fill the newly created object with the linear gradient as shown below.

instantShift - Create a Cool Watch in Illustrator

The final image is below.

Final Result

This is the final result. I hope you enjoyed reading this tutorial.

instantShift - Create a Cool Watch in Illustrator

Conclusion

As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.

Download Result Files

Like it? Share it.

8 Comments

  1. Excellent Tutorial, very detailed and informative. I look forward to these when I see them. Keep up the great work, I know how much time it takes not only to put together the actual work but in addition to create the tutorial. As always very impressive work and attention to detail.

  2. fantastic tuts & awesome.now I can make it easily.thanks for share the helpful tips.

  3. fantastic tutorial.helpful & awesome.

  4. Nossa! Dá muito trabalho!!

  5. awesome & very detailed and informative , thanks

Leave a Comment Yourself

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>