Another Way of Creating a Clock Icon
Tutorial in Advanced, Designing, Drawing, Web
This is another way of creating a cool clock icon. You will use ((Elliptical Marquee Tool)), ((Layer Styles)), such as ((Drop Shadow)), ((Inner Shadow)), ((Gradient Overlay)), ((Bevel and Emboss)), ((Rounded Rectangle Tool)), ((Free Transform)), ((Pen Tool)), layer styles, ((Brush Tool)), and ((Shape Tool)).
Open a new document, 400×400px, and white background.
Create a ((New Layer)).
Select ((Elliptical Marquee Tool)) and, pressing and holding Alt + Shift, trace a circle as the one you see below.
Double click the layer to apply ((Layer Styles)).
((Drop Shadow)).
((Gradient Overlay)). Use these colors: #0f69a9 and #187cec.
Create a ((New Layer)).
Trace a smaller black circle.
Double click the layer to apply ((Layer Styles)).
((Gradient Overlay)). Use these colors: #0f69a9 and #187cec.
((Inner Shadow)).
Accept the changes.
Create a ((New Layer)) and place it below the other circles.
Select ((Rounded Rectangle Tool)), 6px to trace a black rectangle as the one that appear below.
Use ((Free Transform)) (Ctrl + T) to rotate the object.
Double click the superior layer to open ((Layer Styles)) and apply ((Gradient Overlay)). For this gradient use: #0f69a9 and #187cec.
Accept the changes.
Duplicate this layer (Ctrl + J).
Stand in the duplicated layer and go to ((Edit))-((Transform))-((Flip Vertical)) to place the layer to the other side.
Check out the result in the following image.
Create a ((New Layer)) and also place it under the circles.
Select ((Pen Tool)) to trace the support.
Press Ctrl + Enter to transform the trace into selection.
Fill in the selection with black.
Double click the layer to apply ((Layer Styles)).
((Drop Shadow)).
((Bevel and Emboss)).
((Gradient Overlay)). Use these colors: #1fb0f3 and #1fb0f3.
Accept the changes and see the partial result in the following image.
Create a ((New Layer)) and bring it to the front.
Choose #6bd8fc as the foreground color.
Select ((Brush Tool)) with the styles that are pointed out with the red arrows.
After you paint, the center of the clock to give some shine to it, you will get this result.
Ctrl + Click the layer to activate the selection.
Then, with ((Elliptical Marquee Tool)), ((Subtract From Selection)), trace a circle as the one that appears below.
Create a ((New Layer)).
Fill it in with white.
Change the layer style to ((Soft Light)).
Create another ((New Layer)).
Draw another circular selection as the one that appears below.
In this selection, trace a linear gradient from white to transparent.
Create another ((New Layer)).
Select ((Pen Tool)) to trace the clock needles.
Fill them in with white.
Select ((Shape Tool)) and choose the arrow to add it to the needles.
In a ((New Layer)), draw 4 white points placed as shown in the following image. Apply ((Drop Shadow)) using the default values.
Finally, write the numbers of the clock and…done! The clock is ready.
