钟表图标UI设计教程,锤子时钟UI图标设计教程(2)

来源:网络   作者:热心网友   发布时间:2016-07-23    浏览次数:220


第三步,底板做好了之后,我们开始要表盘里面的凹下去的效果,我们这一块分为两大块做,选中椭圆工具,按住Shift键,新建一个420px X 420px的正圆,命名为表盘1,并添加相应的图层样式。

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

接着复制一层,命名为表盘2,选择清除图层样式,重新添加新的图层样式。

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

第四步,做完以上之后,我们做指针,用圆角矩形工具绘制一个160px X 32px的圆角矩形,圆角设置成15px ,颜色为白色。命名为指针1

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

拉出辅助线,放到圆心的位置,摆放好位置,并设置指针1的图层样式。

UI教程,设计锤子时钟图标教程_设计先锋网

做完指针1之后,我们要做指针2,设置参数为:

UI教程,设计锤子时钟图标教程_设计先锋网

UI教程,设计锤子时钟图标教程_设计先锋网

教程未完,请看下一页!


1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4453.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通