图标教程 | 简约拟物时钟 | 源文件自取
上海/UI设计师/7年前/545浏览
版权
图标教程 | 简约拟物时钟 | 源文件自取
今天逛贴吧的时候,有个吧友在问时钟图标的教程,我就自己做了一个给他。感觉做起来不是很复杂,在这里给大家出个教程!
今天在这里给大家出一个时钟图标的教程,操作非常非常简单,不会的各位可以学起来!!!
本次教程提供源文件,在文章的底部进行下载自取!
老规矩:先上效果图,供大家参考参考

先在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.心态,心态,心态很重要,不要半途而废,加油!
最后,源文件再里面,大家可以自取看看!
9
举报
声明
19
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
9登录即可同步推荐记录哦
19登录即可加入我的收藏
评论登录即可评论想法
分享分享
1





































