PS teach you to draw a magic color of a beautiful clock

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.