These days I was interested in the UI, so I made this little clock, the overall effect is very gorgeous, the parameters of the layer style I have given, only for everyone's reference, Shao Fei teacher said to "multiple test parameters, no one can one-step, spend more time to debug different parameters, can help improve design experience, the details by toss, Instead of relying on a lot of effect "I am doing this now, although sometimes it will take a lot of time, but really will accumulate experience, look forward to the work of everyone!"
First, let's break down this icon, observe its various components, and then we make it layered.
Second, we first make "clock base."
This layer looks very complex, and in fact the entire effect can be done with just one layer. The following screenshot parameters are for reference only, because the size of your new circle will affect the values of these parameters, specific test it, new canvas, drag into the background material, use the Ellipse tool to create an ellipse, double-click this layer to add a layer style for it.
Third, the effect of the clock base everyone has seen it, and below we will make the dial base.
It is also a layer complete, create a new layer, create a smaller, rounded circle on the canvas and place the layer above the clock base layer, and double-click to add a layer style.
Iv. The making of the dial.
This step is like the number on the dial, the hour hand, the minute hand, the second hand these are very easy to make, the color of the hand hand is #724042, the layer mode is superimposed, the second hand color value of #f62020, especially note that the three needle shadow direction, the light source in the upper left corner here I only post a metal cap layer style, For your reference
Finally, we will make the high light, the entire high light layer is composed of two parts.
Final effect:
Category:
- PS Mouse Painting Tutorial