Twitter Facebook RSS Logo Logo

Create an Alarm Clock in Adobe Illustrator

In this tutorial, we will learn how to create an alarm clock vector in Adobe Illustrator.

Learn How to Create an Alarm Clock in Adobe Illustrator

Tutorial Details

Program: Illustrator CS5

Estimated Completion Time: 40-45 Minutes

Step 1

Create a new document with width 1000px and height 1000px in adobe illustrator.

Learn How to Create an Alarm Clock in Adobe Illustrator

It would be convenient if you make the color swatch of shades which we will be using in the creation of alarm clock.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 2

Select the ‘ellipse tool’ and draw a circle while pressing ‘Shift’ key. After that, select the ‘gradient tool’ and apply following gradient using shades 1 and 2.

Learn How to Create an Alarm Clock in Adobe Illustrator

Create a new layer and draw the shape using ‘pen tool’ to form highlights on the clock. Use shade 3 for it. Once you are done, duplicate this layer and arrange it on the right lower corner using ‘selection tool’.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 3

Draw another smaller size circle using ‘ellipse tool’. Use shade 4 for it.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 4

Select ‘ellipse tool’, set the fill color to ‘none’ and stroke to shade 5. Now draw two circular strokes 2pt thick inside the gray circle in separate new layers.

Learn How to Create an Alarm Clock in Adobe Illustrator

Now go to View > Rulers > Show Rulers. Once rulers appear, drag horizontal and vertical guides downward and set them intersecting each other exactly in the center of your clock. This will make marking easy on the clock. Now select the ‘line tool’ and use same settings of fill color to none and 2pt stroke of shade 5 to draw small lining partition between circular strokes. Draw lines at top, bottom, right, and left at the level of guides as shown below.

Learn How to Create an Alarm Clock in Adobe Illustrator

Now create a new layer and focus on one quarter of the alarm clock to draw the lines as shown below. Make 2 lines of 2pt thickness inside the quarter and rest of the lines should be of 1pt. Once one quarter area lines are done, collect them in a new layer and then duplicate that layer to arrange lines all around the clock. For proper position, go to Object > Transform > Reflect and arrange each duplicated layer with its help.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 5

Select the ‘type tool’ and write down the numbers. We are using Georgia font 48pt size for this tutorial.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 6

Next, we’ll draw the clock needles using ‘pen tool’. After that, create two circles above the joining edges of needles using ‘ellipse tool’ as shown below.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 7

Now we’ll make the hammer. Select the ‘rectangle tool’ and draw two rectangular shapes. Place this layer at the bottom and apply following gradient on both rectangles.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 8

Next, draw shapes forming bell of the clock using pen, ellipse and rectangle tools. Details are shown below.

Learn How to Create an Alarm Clock in Adobe Illustrator

Now collect these shapes in a new layer and duplicate this layer. After that, go to Object > Transform > Reflect and reflect it vertically 90 degree. Place these layers at the bottom of rest of the layers.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 9

Next, we’ll draw alarm clock’s legs. Select the ‘pen tool’ and draw the shape on a new layer. After that, apply the following gradient on it.

Learn How to Create an Alarm Clock in Adobe Illustrator

Duplicate this layer and reflect it 90 degree vertically as we did in step 8.

Learn How to Create an Alarm Clock in Adobe Illustrator

Step 10

Now we’ll create shadow of the alarm clock. Create two ellipses on separate new layers. Place these layers below the rest of layers. After that, go to Effect > Blur > Gaussian blur and apply the value of 20px for lighter gray ellipse and 30px for the darker gray ellipse. Reduce the opacity of both layers to 80%.

Learn How to Create an Alarm Clock in Adobe Illustrator Learn How to Create an Alarm Clock in Adobe Illustrator Learn How to Create an Alarm Clock in Adobe Illustrator

We are all done. Hope you enjoyed the creation of this alarm clock. We’ll be waiting for your feedback.