Clock Icon

Clock Icon

We'll begin this tutorial, by creating a new canvas at a size of 283 x 152 then select the "Elipse Tool". Draw a circle as illustrated using f1f1f1 as the color. Name this layer "Gray Circle".

Using the "Elipse Tool" once again draw a circle this time using 3f84e2 as the color. Name this layer "Blue Circle".

Now "Ctrl" click the "Blue Circle" layer to create a selection around it and go to "Selection" then "Modify" and lastly "Contract" by 1.

Now go back to the "Grey Circle" layer and rasterize it by going to the main menu and selecting "Layer" then "Rasterize" and lastly "Shape". Next go to "Edit" and lastly "Cut" to rid the center of the "Grey Circle". Drag the "Blue Circle" so it is beneath the "Grey Circle" in the Layers Palette.

Now right click the "Grey Circle" layer and select, "Blending Options...". Now click on "Inner Glow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Bevel and Emboss". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Gradient Overlay". use settings at left and in Fig. 1. You may click "OK" after settings in Fig. 1 have been used.

Fig. 1

You should now have the below image.

Now right click the "Blue Circle" layer and select, "Blending Options...". Now click on "Inner Shadow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Satin". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Gradient Overlay". use settings at left and in Fig. 2. You may click "OK" after settings in Fig. 2 have been used.

Fig. 2

You should now have the below image.

Now select the "Rounded Rectangle Tool". Draw a rectangle as illustrated below with a radius of 3 pixels using the color 3f84e2. Name this layer "Bell".

Now right click the "Bell" layer and select, "Blending Options...". Now click on "Drop Shadow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Inner Shadow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Inner Glow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Satin". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Gradient Overlay". use settings at left and in Fig. 3. You may click "OK" after settings in Fig. 3 have been used.

Fig. 3

You should now have the below image.

As you can see, I have two bells and they are angled. To angle the "Bell" layer, go to the main menu and choose "Edit" then "Free Transform". While holding in the "Shift" key on your keyboard, rotate the "Bell" layer till it reaches -30 degrees in the options palette. Duplicate the "Bell" layer then go to the main menu and select "Edit" then "Transform" and lastly "Flip Horizontally". Move to it's appropriate spot and place beneath the "Grey Circle" layer in the layer palette.

Then select the "Elipse Tool". Draw a circle as illustrated using 3f84e2 as the color. Name this layer "Clock Legs". Place beneath the "Grey Circle" layer in the layer palette. Next we will need to move the bottom anchor point of the "Clock Legs" layer. To do this select the "Direct Selection Tool" and select the bottom anchor point as I have done below. Now, using the up arrow key and "Shift" key on your keyboard, move that anchor point up three times as illustrated below. Then move the outside anchor points in once while holding in the "Shift" key as well.

Now right click the "Clock Legs" layer and select, "Blending Options...". Now click on "Drop Shadow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Inner Shadow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Inner Glow". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Satin". use settings at left You may now click OK.

You should now have the below image.

Now select the "Pen Tool" and draw the hands of the clock. For those unfamiliar with the "Pen Tool" you may download the custom shape here that I made for you. For those of you who are taking the time creating them yourself, when satisfied, merge the hands together so the hands are on one layer. Then give it a "Drop Shadow" by right clicking the merged clock peices layer and selecting, "Blending Options...". Now click on "Drop Shadow". Settings for that are: Angle: 113 Distance:1 Size: 2

Then select the "Elipse Tool". Draw a circle as illustrated using Black as the color. Name this layer "Shadow". Place beneath the "Clock Legs" layer in the layer palette.

Now right click the "Clock Legs" layer and select, "Blending Options...". use settings at left Do not click "OK" as of yet. Still more to do.

Now click on "Outer Glow". use settings at left You may now click OK.

You should now have the below image.

The Results!!!

I've added some gloss to the face of the clock to give it a bit more life.To do this, I used the "Elipse Tool" with White as the color. I then turned the Fill down. The curved glossy part, I used the "Pen Tool" and that's it. I hope you enjoyed this tutorial.