![53007ee6d82c7e2ddbfaea3a2e5942a3.png](https://i-blog.csdnimg.cn/blog_migrate/42711f4db5441084945fd47470c0dae4.jpeg)
本篇教程通过PS制作一款干净清新的时钟图标教程,做起来也不复杂,但是不管复杂不复杂的东西,都必须动手制作才行,会用到图层样式,图层样式基本上一直是图标或者字体制作的常客,同学们根据教程来学习一下吧,相信可以完成的很好,但是要动起手来噢。
你未来会是一名专业的设计师吗?60秒完成性格测试获取免费学习资料:
http://t.cn/Aipa2ADP
(如无法点击,复制到浏览器打开即可,完成测试可获得相关学习资料一份)
效果图:
![06414891ecc8c70caa4cffa52459f11f.png](https://i-blog.csdnimg.cn/blog_migrate/932e65953ce6c9f4436708dea64d51d3.png)
先在PS里面新建一个800*800的画布,颜色用#f3fbff(淡蓝色)铺满!
1.新建一个图层画出560*560的圆角矩形(颜色为纯白色),圆角为90!参数如下
![eb5c82b189dcef47a967f1c4afacdce7.png](https://i-blog.csdnimg.cn/blog_migrate/a40aa23fa0411af9de02f2448399260b.png)
2.然后调整图层形状的斜面浮雕参数和投影参数
![0a7cf9c5409d1805aec55668e824dafc.png](https://i-blog.csdnimg.cn/blog_migrate/c5be83f20e2b14016eddb43f807cd0b6.jpeg)
3.画出时钟的内表盘,新建一个318*318的正圆并调整它的斜面浮雕参数、内阴影参数以及渐变叠加参数,如图:
![2e18eb1cf534f9379a6f29a4f3cca9e5.png](https://i-blog.csdnimg.cn/blog_migrate/5db4701419037b42442f079680bb622c.jpeg)
![52aeb6682bb0467d353f95f4a89aa16d.png](https://i-blog.csdnimg.cn/blog_migrate/6ff5208349d4029a96c08015b0471ffe.png)
![197678769c1a2c65a50df50829fc425e.png](https://i-blog.csdnimg.cn/blog_migrate/3dae95288f50bfe9839d8b51c5189ee6.png)
4.调整完内表盘和外表盘的效果图如下:
![3f7f781ba5ca1daec7c18fd89fd23e26.png](https://i-blog.csdnimg.cn/blog_migrate/8501d63ac691208f8e85fc7aa5b51c2d.png)
5.接下里我们画时间刻度;新建一个7*7的正圆(颜色为#595f70),给它加个内阴影,具体参数如下
![1baa91e8857fcc7dacac1f3625a119c6.png](https://i-blog.csdnimg.cn/blog_migrate/a455771e0367a3eff6b344bd622e5ebd.png)
现在我们要画12个刻度让他平均分配到对应的时间点上,怎么画呢?我们可以用动作来实现它
操作步骤:F9打开动作窗口,新建一个动作,开启录制——选中一个圆点执行ctrl+t,然后按住Alt键拖动中心点至画布的中心,然后松开alt,按住shift,旋转30°,结束动作录制即可——最后再复制多个图层,分别执行动作即可
![60ed26725fac2adbe18205e74bf75c5d.gif](https://i-blog.csdnimg.cn/blog_migrate/e5008dc110b5ffdc6c2c0bcad66666b1.gif)
最后我们再把四个点替换成文字,就可以得到如下图象:
6.最后我们再来做指针(指针我参考的是DW经典款的指针),指针用形状堆叠而成,再给指针加上投影就好了,最后旋转复制时针、分针、秒针即可;
![e3e543031f05be113dda1e485eb0700f.png](https://i-blog.csdnimg.cn/blog_migrate/48fbe8551b922f8831d56ccc820c8b67.png)
指针颜色为#69728b,投影看参数
![92aac342afe0f6c485ec0d51c8861b8f.png](https://i-blog.csdnimg.cn/blog_migrate/0c444e070fa8c1e9d31c29990c793bc7.png)
7.指针的轴是用了三层员堆叠而成,大家可以看看细节
![be413030a8e0043e1c8c0e7339fe5300.png](https://i-blog.csdnimg.cn/blog_migrate/7dd8c395172d85e8f4906915785a4eb4.png)
8.把这些全部整合到一块即可,别忘了每个图层命名,最终效果如图
、
![966056323992113d187261dce0e06e90.png](https://i-blog.csdnimg.cn/blog_migrate/f37beac0bc875eeec37d88b491f18d55.png)
![06414891ecc8c70caa4cffa52459f11f.png](https://i-blog.csdnimg.cn/blog_migrate/932e65953ce6c9f4436708dea64d51d3.png)
本篇要主要的就是图层样式的运用和动作录制的运用,心态也很关键,不要中途觉得难就不做了,练习一下吧。