Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Clock Icon
rss

Clock Icon

Author: EmpireDezign More by this author


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 ".

image 1

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

image 2

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

image 3

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.

image 4

Now right click the "Grey Circle " layer and select, "Blending Options... ". Now click on "Inner Glow ".

image 5

Do not click "OK " as of yet. Still more to do.

Now click on "Bevel and Emboss ".

image 6

Do not click "OK " as of yet. Still more to do.

Now click on "Gradient Overlay ".

image 7

You may click "OK " after settings below have been used.

image 8

You should now have the below image.

image 9

Now right click the "Blue Circle " layer and select, "Blending Options... ". Now click on "Inner Shadow ".

image 10

Do not click "OK " as of yet. Still more to do.

Now click on "Satin ".

image 11

Do not click "OK " as of yet. Still more to do.

Now click on "Gradient Overlay ".

image 12

You may click "OK " after settings below have been used.

image 13

You should now have the below image.

image 14

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 ".

image 15

Now right click the "Bell " layer and select, "Blending Options... ". Now click on "Drop Shadow ".

image 16

Do not click "OK " as of yet. Still more to do.

Now click on "Inner Shadow ".

image 17

Do not click "OK " as of yet. Still more to do.

Now click on "Inner Glow ".

image 18

Do not click "OK " as of yet. Still more to do.

Now click on "Satin ".

image 19

Do not click "OK " as of yet. Still more to do.

Now click on "Gradient Overlay ".

image 20

You may click "OK " after settings below have been used.

image 21

You should now have the below image.

image 22

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.

image 23

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.

image 25

Now right click the "Clock Legs " layer and select, "Blending Options... ". Now click on "Drop Shadow ".

image 26

Do not click "OK " as of yet. Still more to do.

Now click on "Inner Shadow ".

image 27

Do not click "OK " as of yet. Still more to do.

Now click on "Inner Glow ".

image 28

Do not click "OK " as of yet. Still more to do.

Now click on "Satin ".

image 29

You may now click OK.

You should now have the below image.

image 30

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

image 31

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.

image 32

Now right click the "Clock Legs " layer and select, "Blending Options... ".

image 33

Do not click "OK " as of yet. Still more to do.

Now click on "Outer Glow ".

image 34

You may now click OK.

You should now have the below image.

image 35

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.

Clock Icon Tutorial: Final Result



Author's URL: www.empiredezign.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Read/Add comments to "Clock Icon"

comments  maysamp July 09, 2007 says:
Clock Icon
Images Not Show !!! Sad