24 replies to this topic

[Danut]

as this is an element often used in theme making i thought it would be good a tutorial about how to make analog clocks using photoshop
i wil use the same disclaimer i have used in my first tutorial How To Make A Navi Pane In Photoshop
I am no pro in Photoshop and all that I am sharing now are the results of reading hundreds of tutorials (thanks to all that created them).
I decided that instead of linking members to other sites that we should have our own here.
Before starting, I am making a request to the skilled MMC members to share their tutorials here too.


Step 1

open a new document
i have chosed sizes 500x500 for better view but you can start with a smaller size
background transparent

Step 2

take your Ellipse Tool or using shortcut U and make a circle
color #b2b2b2

go to blending options by double clicking on the layer 1 or right click >blending options and make the following settings


Step 3

duplicate layer number 1
go to edit >transform>scale
Hold Alt +Shift and scale down the duplicated layer
clear the effects
take the Paint Bucket Tool and make the circle color #e4e4e4

go to Blending options and set it as i did



Step 4

duplicate layer 2 and scale it down like we did previously
again do not forget so clear layer style
use this blending options for the third layer



Step 5

hold CTRL and click on the first layer to make a selection
make a new layer over the first one and chose gradient tool
pay attention to the following settings of the gradient tool
the gradient to be set to linear
foreground to transparent
reverse not activated
if all this ok drag from up to down

Step 6

take Rectangle tool and draw a shape like i did
color used #9d9d9d

Duplicate this shape and move the duplicates as i did


you will have to do this several times depending hoe many hours you want to have on your clock 4 or 12


Step 7

duplicate one of the circle layers and scale it down

use color #a9a9a9 to fill it
go to blending options and add this ones



that should be all
of course all this were my choices in colors you can play with whatever color you want like i did

[the light]

thanks buddy :thumbsup:
very good! :whistling:
when i have time, i'll share some........
bad times :console:

[fonzi]

Nice one danut,this one should even help a photoshop dummy like me

[parano!d]

very nice & detailed tutorial

[shalu2173]

Hey the tutorial is awesome..BUt i am not able to understand the step 3..What does it mean to scale down n clear effect ..I m sorry i sound so dumbo but i want to learn it..If u can find some time to tell me abt this..I m not able to do this step.

Thanks In advance

[Goose]

Superb tutorial!

shalu2173, on Dec 22 2008, 02:01 PM, said:

Hey the tutorial is awesome..BUt i am not able to understand the step 3..What does it mean to scale down n clear effect ..I m sorry i sound so dumbo but i want to learn it..If u can find some time to tell me abt this..I m not able to do this step.

Thanks In advance

Scale down - if You hold Alt+Shift you'll be able to change size of desired layer into the middle of it.
Clear effect - simple turn off all effects.

Edited by Goozys, 22 December 2008 - 01:39 PM.

[Danut]

exactly like Goozys said

[arifin_lp]

very nice..
thanks a lot bro.. :thumbsup:

[simonpender]

Brilliant. Thanks.

Si. :geek:

[Mandeep2u]

Very very helpful,great work. waiting for more

Edited by Mandeep2u, 04 March 2009 - 08:05 AM.

[nitin423]

Danut, on Dec 20 2008, 09:17 PM, said:

as this is an element often used in theme making i thought it would be good a tutorial about how to make analog clocks using photoshop
i wil use the same disclaimer i have used in my first tutorial How To Make A Navi Pane In Photoshop
I am no pro in Photoshop and all that I am sharing now are the results of reading hundreds of tutorials (thanks to all that created them).
I decided that instead of linking members to other sites that we should have our own here.
Before starting, I am making a request to the skilled MMC members to share their tutorials here too.
Step 1

open a new document
i have chosed sizes 500x500 for better view but you can start with a smaller size
background transparent

Step 2

take your Ellipse Tool or using shortcut U and make a circle
color #b2b2b2

go to blending options by double clicking on the layer 1 or right click >blending options and make the following settings


Step 3

duplicate layer number 1
go to edit >transform>scale
Hold Alt +Shift and scale down the duplicated layer
clear the effects
take the Paint Bucket Tool and make the circle color #e4e4e4

go to Blending options and set it as i did



Step 4

duplicate layer 2 and scale it down like we did previously
again do not forget so clear layer style
use this blending options for the third layer



Step 5

hold CTRL and click on the first layer to make a selection
make a new layer over the first one and chose gradient tool
pay attention to the following settings of the gradient tool
the gradient to be set to linear
foreground to transparent
reverse not activated
if all this ok drag from up to down

Step 6

take Rectangle tool and draw a shape like i did
color used #9d9d9d

Duplicate this shape and move the duplicates as i did


you will have to do this several times depending hoe many hours you want to have on your clock 4 or 12


Step 7

duplicate one of the circle layers and scale it down

use color #a9a9a9 to fill it
go to blending options and add this ones



that should be all
of course all this were my choices in colors you can play with whatever color you want like i did

hi, not able to do step 3------------------

[Danut]

what exactly from step 3 bothers you?

[nitin423]

Danut, on Apr 1 2009, 04:40 AM, said:

what exactly from step 3 bothers you?

HI BIG BRO,
' go to edit >transform>scale ' AFTER THIS STEP I CAN'T DO THE NEXT,
PLEASE SHOW IT STEP BY STEP , THANKS

[Danut]

scale option is used to resize a layer

-Hold Alt +Shift and scale down the duplicated layer

Hold down these two keys to perform a scaling "operation"

-clear the effects

means to click on that eye that is under layer on layers palette
this will disable all the effects applied on that layer previously
tell me if you need to go further
the rest seems clearly explained but waiting for your reply

[nitin423]

Danut, on Apr 1 2009, 07:33 PM, said:

scale option is used to resize a layer

-Hold Alt +Shift and scale down the duplicated layer

Hold down these two keys to perform a scaling "operation"

-clear the effects

means to click on that eye that is under layer on layers palette
this will disable all the effects applied on that layer previously
tell me if you need to go further
the rest seems clearly explained but waiting for your reply

this is my first try , how is it ?

Attached Files

•  345.jpg   46.12K   2 downloads

Edited by nitin423, 05 April 2009 - 09:47 AM.

[nitin423]

nitin423, on Apr 5 2009, 09:45 AM, said:

this is my first try , how is it ?

and these more

Attached Files

•  dddddddddddddddddddddddddddddddd.jpg   20.18K   0 downloads

[RobJM]

Very nice nitin :thumbsup:

[Danut]

very good indeed
seems like u got the trick :thumbsup:

[DustyJaneway]

nitin, those clocks look awesome! :woot: