图标设计,教你用图层样式设计一个时钟图标

主要通过图层样式设计时钟底座,然后用绘制方法画出表盘等组件,教程不难,新手可以跟着练一下。

这几天突然对UI很感兴趣,于是就做了这个小时钟,整体效果很绚丽,图层样式中的参数我已经给出,仅供大家参考,邵飞老师说得对“多试参数,没有人可以一步到位,多花时间去调试不同的参数,可以帮助提高设计经验,细节靠折腾,而不是靠大量效果”我现在就是这样做的,虽然有时候会花很多时间,但真的是会积累经验的,期待大家的作品!

一、首先我们来分解这个图标,观察其各个组成部分,然后我们分层制作。

图标设计,教你用图层样式设计一个时钟图标

二、接下来我们先制作“时钟底座”。

这个图层看起来很复杂,实际上整个效果只用了一个图层便能搞定,以下截图的参数仅供参考,因为你新建圆的大小将会影响这些参数数值,具体大家自行测试吧,新建画布,拖入背景素材,使用椭圆工具建立一个椭圆,双击此图层为其添加图层样式。

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

图标设计,教你用图层样式设计一个时钟图标

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

最新评论
落英满裳:
务合作免[/鼓掌]
2018-02-24回复
(:
在这里
2016-02-26回复
赵彦润:
那个光斑素材在哪里
2015-12-15回复
酒醉:
2015-05-04回复
风随愿我:
傻逼东西
2015-05-04回复
年少不多情王洋:
只有傻逼才说好
2015-05-04回复
图碧:
狗屁教程
2015-05-04回复
可丽可心alie:
草,写这教程?
2015-05-04回复
枫花雪月:
破教程
2015-05-04回复
海涂弹鱼:
鸡巴教程
2015-05-04回复
阿拉斯加丿挚爱:
垃圾的不行
2015-05-04回复
一人漫步人生路:
SB教程
2015-05-04回复
阡陌大地:
SB东西
2015-05-04回复
花度时光:
我没有看懂
2015-05-04回复

  网友求助,请回答!