图标教程:用PS设计清新风格时钟图标(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:韶华流逝

关键词


5.接下里我们画时间刻度;新建一个7*7的正圆(颜色为#595f70),给它加个内阴影,具体参数如下


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

现在我们要画12个刻度让他平均分配到对应的时间点上,怎么画呢?我们可以用动作来实现它

操作步骤:F9打开动作窗口,新建一个动作,开启录制——选中一个圆点执行ctrl+t,然后按住Alt键拖动中心点至画布的中心,,然后松开alt,按住shift,旋转30°,结束动作录制即可——最后再复制多个图层,分别执行动作即可


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

最后我们再把四个点替换成文字,就可以得到如下图象:


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

6.最后我们再来做指针(指针我参考的是DW经典款的指针),指针用形状堆叠而成,再给指针加上投影就好了,最后旋转复制时针、分针、秒针即可;

指针颜色为#69728b,投影看参数


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

7.指针的轴是用了三层员堆叠而成,大家可以看看细节


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

8.把这些全部整合到一块即可,别忘了每个图层命名,最终效果如图


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网


图标制作:用PS设计清新风格的始终图标,PS教程,思缘教程网

本篇要主要的就是图层样式的运用和动作录制的运用,心态也很关键,不要中途觉得难就不做了,练习一下吧。

 收藏