今天逛贴吧的时候，有个吧友在问时钟图标的教程，我就自己做了一个给他。感觉做起来不是很复杂，在这里给大家出个教程！
今天在这里给大家出一个时钟图标的教程，操作非常非常简单，不会的各位可以学起来！！！
本次教程提供源文件，在文章的底部进行下载自取！
老规矩：先上效果图，供大家参考参考
- 先在PS里面新建一个800*800的画布，颜色用#f3fbff（淡蓝色）铺满！
- 新建一个图层画出560*560的圆角矩形（颜色为纯白色），圆角为90！参数如下
- 然后调整图层形状的斜面浮雕参数和投影参数
3.画出时钟的内表盘，新建一个318*318的正圆并调整它的斜面浮雕参数、内阴影参数以及渐变叠加参数，如图：
4.调整完内表盘和外表盘的效果图如下：
5.接下里我们画时间刻度；新建一个7*7的正圆（颜色为#595f70），给它加个内阴影，具体参数如下
现在我们要画12个刻度让他平均分配到对应的时间点上，怎么画呢？我们可以用动作来实现它
操作步骤：F9打开动作窗口，新建一个动作，开启录制——选中一个圆点执行ctrl+t，然后按住Alt键拖动中心点至画布的中心，然后松开alt，按住shift，旋转30°，结束动作录制即可——最后再复制多个图层，分别执行动作即可
最后我们再把四个点替换成文字，就可以得到如下图象：
6.最后我们再来做指针（指针我参考的是DW经典款的指针），指针用形状堆叠而成，再给指针加上投影就好了，最后旋转复制时针、分针、秒针即可；
指针颜色为#69728b，投影看参数
指针的轴是用了三层员堆叠而成，大家可以看看细节
把这些全部整合到一块即可，别忘了每个图层命名，最终效果如图
总结：
1.图层样式的运用
2.动作录制的运用运用
3.心态，心态，心态很重要，不要半途而废，加油！
欢迎加入UI设计大神交流群：587751709
分享到:
閱讀更多 UI設計創意分享 的文章
