图标教程,设计钟表UI图标教程(3)

来源:站酷 作者:全栈UI笔记 学习:11496人次

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

步骤十:

现在来绘制刻度,使用矩形工具、绘制一个5px*35px的矩形,重复复制旋转并为它添加图层样式。

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

步骤十一:

重复上次操作、绘制一个3px*20px的矩形,重复复制旋转并为它添加相同图层样式。

图标教程,设计钟表UI图标教程_www.16xx8.com

步骤十二:

现在添加文字N.E. S.W字体样式Bebas Neue Regular ,字体大小46点并添加上述图层样式。

图标教程,设计钟表UI图标教程_www.16xx8.com

步骤十三:

接下来为钟表修饰高光和暗部,利用椭圆工具绘制二个515px*515px的正圆,填充设置为0,不透明度70%,并分为其添加图层样式,最后添加投影效果。

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

图标教程,设计钟表UI图标教程_www.16xx8.com

以上就是钟表图标的设计方法,步骤虽然多,难度不算太大,大家要特别主意一下高光和暗部的处理,认真学习,希望大家喜欢该教程。如果你学懂了,欢迎大家投稿分享自己的经验。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
Elyvan2020-05-06 12:31
我的作业:

12018-04-26 01:49
钟我的作业:
joker2018-04-23 11:25
大神
损友2017-09-30 02:41
我的作业:
冲刺在爱情前方2017-08-13 11:38
时钟图标作业我的作业:
IMWIM2017-08-11 04:05
感谢大神分享!顺便提一下,左边应该是W,右边是E是吧?
我辣么萌是不是爱上我辣2017-08-09 02:29
我的作业:
何为无不曾有2017-08-07 02:54
我的作业: 学习了,没想到镜面还可以这么做的
和尚不恰肉2017-07-26 03:13
想仔细了解一下
凉城旧爱i2017-07-26 11:22
谢谢老师 多多学习
骨头收集狂2017-07-26 11:14
学习学习
眼角的夏沫秋凉2017-07-26 08:53
感觉就是在装B
天上的太阳之歌2017-07-26 07:33
谢老师分享!!!!!!
小白白脸2017-07-26 04:19
签到
角落里的寂静2017-07-26 04:19
签到

关注大神微博加入>>

网友求助,请回答!