全部素材

UI设计教程之快速绘制小闹钟UI图标教程(1)

升级会员,全站资源免费下载

来源:站酷 作者:星辰空间
教程的绘制过程有点简略,每一个构件一张示意图,各部件的绘制及一些细节(高光,暗部)的处理没有详细说明,大家可以根据示意图去摸索。
最终效果

<点小图查看大图>
1、新建大小自定的文档,背景填充暗灰色。新建一个图层,画一圆形框,填充淡黄色:#f3eecd。然后添加图层样式,设置斜面和浮雕,如下图。

2、画形状图层添加高光和暗部(我是用形状图层加蒙版,你也可以用画笔,看个人习惯),高光太实了,可以给1像素左右的羽化。

3、把外框及高光合并,在背景图层上面新建一个图层,画一圆做表盘,添加内阴影和内发光样式,可以多尝试下不同的方法。

4、用形状加蒙版为表盘添加暗部。然后加上数字和表针(表针就是简单的形状,秒针中心那部分用描边加渐变叠加就可以了)。

5、新建图层,用钢笔勾形状画闹钟的脚。加渐变叠加,画高光。然后复制一个,得到左右两只脚。


12共2页
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

http://new.shejixf.com/shejijiaocheng/uisheji/5334.html
右侧广告

相关推荐