The Cutting Edge Tech Blog

Illustrator Vector watch Tutorial by Xptiger

VECTOR TUTORIAL January 25 2009

This tutorial should show you how to create a vector watch like the one in the banner on the top of this site. You should end up with something like the one below. This tutorial is written for illustrator CS3 and on a mac so some shortcuts may be incorrect for pc.


Start off by opening a new document in illustrator


Select the eclipse tool and create a circle while holding alt and shift.


Copy the circle you just created by pressing control/  c and the paste it onto of the previous circle by pressing control/ command f.

Then shrink that circle to form the rim of the watch by pressing alt and shift and dragging one of the corners in.

Then send the smaller circle to the back by right clicking and going to arrange and send to back.


Then go to window, pathfinder and select the two circles

Click on the minus back button in the bottom left hand corner.



Now select the rectangle tool and create a rectangle, which will hold the watchstrap.


create a duplicate of this and move it out the way for later

Create a smaller rectangle and place it over the top of the larger rectangle.


Send the smaller rectangle to the back and using the pathfinder window again press the minus back button.


Now place this new shape over the top of the watch face and select the add anchor point tool.


Select the rectangle shape and add a new anchor point in the middle of the longest face.

Now using the direct selection tool position the new point as shown.


copy and past the rectangle object and go to object, transform, reflect.

select horizontal and press ok.


position this on the opposite side of the watch face

select all the shapes and open the pathfinder window select the top left-hand button “add shape area”


press the expand button.



Now grab the rectangle you duplicated earlier


now create a smaller rectangle that can fit easily between the two prongs on the watch face



Now duplicate the smaller rectangle and position the same depth into the larger rectangle as the other one is poking out the larger rectangle

now make the rectangle slightly wider by holding alt and dragging one of the sides out

Send the new rectangle to the back then select the larger rectangle as well and open the pathfinder window and and press the minus back button


Next select the new shape and the smaller rectangle and using the pathfinder window press the add shape to area button and then the expand button


and then position as shown.


now select the watch strap shape and copy it and paste it using control/command C then control/ command F

now the difficult bit, drag the new shape in one action onto the end of the watch-strap shape. this must be in one action to make the rest easier.


Now press control/ Command F again to past another one and then press control/Command D and the shape will move on top of your last shape now press control/ Command D again and the object will move up again.



repeat this until you have about 9 sections on the watch strap


then select all of these section and copy and paste them. then got into object, transform, reflect and set it to horizontal and press ok.


now drag the selection to the bottom of the watch face and position opposite the other watch strap section


now all we need to do is make the clock hands

First we need to create a small rectangle to be a hand


Next position the end in the centre of the clock face


Then copy and past it with control/ Command F

now using the transform tool rotate it 90 degrees and position the end in the centre of the clock face




if you want you can adjust the hand sizes or even create your own design

the final thing I did to mine was to add a small circle over the centre of the clock face to make the hand look less square. and finally used the pathfinder tool to combine the three shapes.


If you like this tutorial and wish to purchase a growing selections of vectors link this please visit the link below:


Add to Technorati Favorites Paypal


4 Comments so far
Leave a comment

[…] your very own vector watch – your Times starts NOW!! Illustrator Vector Watch Tutorial View Full Tutorial How To Build A Vector Clock Graphic In Illustrator View Full Tutorial How To Create An Alarm Clock […]

Pingback by Antaras Diary » Blog Archive » Tutorial: Make Clocks And Watches In Illustrator

[…] Saat Ders […]

Pingback by 30 Adet Muhteşem Vektörel Çizim Dersi


Comment by neha

[…] Vector Watch Tutorial Vector Tutorial […]

Pingback by 30 Amazing Vector Tutorials from 2009, so far anyway… : Speckyboy Design Magazine

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: