Navigation
Resources
Tutorials » Clock
Step 1
Open a new document around 355 x 355 px. Now fill the document with #3A3A3A. In this tutorial, we will be using Guides. Once we have used them, if you want to show/hide them, press Ctrl + H.
Step 2
We need to find the exact centre of the document. To do this, press Ctrl + R to show your rulers. Now go to the View tab and make sure Snap is on. Now, click and drag your mouse from the far left of your screen, where you can see your ruler. Drag your mouse to the centre of the document and the ruler should snap to the centre. Do the same horizontally, using the ruler at the top of the document. Your document should have two aqua lines running through the centre, one vertical and one horizontal.
Step 3
Now, grab the Circular Marquee tool and hold Alt and Shift and drag outwards from the exact centre of the two lines, to make a circle as big as you want your clock to be - I made mine nearly the whole size of the document. Fill this with whatever colour you like. Apply a simple Gradient Overlay with #D5D5D5 to #F7F7F7 as your colours.
Step 4
Duplicate that circle by pressing Ctrl + J. Now press Ctrl + T to go into Transform mode. Hold Alt + Shift and drag one of the corners inwards to make the circle smaller, but only by about 10 pixels or so.
Step 5
Change the Gradient Overlay colours of your duplicated, smaller circle to #828282 to #989898.
Step 6
Now have your Layers palette open, and Ctrl + click your smaller circle. This will make a selection of your circle. Move the selection (you'll need to have your Marquee tool selected) towards the top left, and fill it with #FFFFFF.
Step 7
We need to get rid of the excess white covering the outside of the circle. Ctrl + click your grey circle again, and press Ctrl + I to invert your selection. Press Delete.
Step 8
Now that we've gotten rid of the excess white part, lower the opacity (in your Layers palette) to 5%.
Step 9
Like when we made the first large circle, hold Alt + Shift and drag outwards from the centre of your document with the Circle Marquee tool. Make this circle fairly small, about 5-10 pixels wide. Fill the selection with #DADADA.
Step 10
This is the part where we start making the points and hands. In my design, I like to keep things simple and only use four points, but you can use more if you like. Make a new layer, then grab your Rectangle Marquee tool and change the Style to Fixed Size and also change the width to 2 px and the height to 18 px. Click, and your selection will appear. Line this selection up with the centre of your dot in the middle, and then hold Shift and drag it up to move it exactly to where you want it. Press Ctrl + D to deselect your selection.
1 2 Next »
Open a new document around 355 x 355 px. Now fill the document with #3A3A3A. In this tutorial, we will be using Guides. Once we have used them, if you want to show/hide them, press Ctrl + H.
Step 2
We need to find the exact centre of the document. To do this, press Ctrl + R to show your rulers. Now go to the View tab and make sure Snap is on. Now, click and drag your mouse from the far left of your screen, where you can see your ruler. Drag your mouse to the centre of the document and the ruler should snap to the centre. Do the same horizontally, using the ruler at the top of the document. Your document should have two aqua lines running through the centre, one vertical and one horizontal.
Step 3
Now, grab the Circular Marquee tool and hold Alt and Shift and drag outwards from the exact centre of the two lines, to make a circle as big as you want your clock to be - I made mine nearly the whole size of the document. Fill this with whatever colour you like. Apply a simple Gradient Overlay with #D5D5D5 to #F7F7F7 as your colours.
Step 4
Duplicate that circle by pressing Ctrl + J. Now press Ctrl + T to go into Transform mode. Hold Alt + Shift and drag one of the corners inwards to make the circle smaller, but only by about 10 pixels or so.
Step 5
Change the Gradient Overlay colours of your duplicated, smaller circle to #828282 to #989898.
Step 6
Now have your Layers palette open, and Ctrl + click your smaller circle. This will make a selection of your circle. Move the selection (you'll need to have your Marquee tool selected) towards the top left, and fill it with #FFFFFF.
Step 7
We need to get rid of the excess white covering the outside of the circle. Ctrl + click your grey circle again, and press Ctrl + I to invert your selection. Press Delete.
Step 8
Now that we've gotten rid of the excess white part, lower the opacity (in your Layers palette) to 5%.
Step 9
Like when we made the first large circle, hold Alt + Shift and drag outwards from the centre of your document with the Circle Marquee tool. Make this circle fairly small, about 5-10 pixels wide. Fill the selection with #DADADA.
Step 10
This is the part where we start making the points and hands. In my design, I like to keep things simple and only use four points, but you can use more if you like. Make a new layer, then grab your Rectangle Marquee tool and change the Style to Fixed Size and also change the width to 2 px and the height to 18 px. Click, and your selection will appear. Line this selection up with the centre of your dot in the middle, and then hold Shift and drag it up to move it exactly to where you want it. Press Ctrl + D to deselect your selection.
1 2 Next »
Random Tutorials
