UI图标,设计旋转开关UI图标教程(3)

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

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

步骤八:

继续使用椭圆工具,绘制一个180px*180px的正圆,并添加图层样式。

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

步骤九:

现在我们来绘制一下最后的小圆吧,绘制一个20px*20px的正圆,并添加图层样式。

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

步骤十:

就剩高光部分了哦,绘制一个大小为180px的正圆,将填充设置为0,添加图层样式吧。

UI图标,设计旋转开关UI图标教程_www.16xx8.com

UI图标,设计旋转开关UI图标教程_www.16xx8.com

本篇UI图标设计教程到这里就完整结束了,大家跟着做,应该能做出来。

学习 · 提示

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

Elyvan2020-04-30 06:04
我的作业:

刺猬yang2019-07-24 08:29
数值没严格按照楼主的做哦。
半温柔小姐mm2017-09-16 03:29
高光那里没弄懂,填充为0,那就是黑色,,做不出来那效果啊。看图层那里又是白色weixin872258832 的原帖:内阴影的颜色要改为白色
半温柔小姐mm2017-09-16 03:28
第一次进这个网站,做的第一个作业,嘻嘻。我的作业:
weixin8722588322017-09-01 02:54
高光那里没弄懂,填充为0,那就是黑色,,做不出来那效果啊。看图层那里又是白色
海豚有海2017-09-01 11:07
第四步怎么做的?卡住了娴疯睔鏈夋捣 的原帖:自己想出来了
海豚有海2017-09-01 11:01
第四步怎么做的?卡住了
qq8717074742017-08-31 05:29
我的作业:
qq8717074742017-08-31 05:29
交作业
逍遥南声2017-08-26 07:14
效果很好~~~~~~~~支持你
帅滴鬼哭神泣2017-08-26 09:33
有点不好弄
黑客大学吧务组2017-08-26 07:52
浪费时间
幸福百米跑2017-08-26 06:49
脱了裤子放屁!
梦或痛或心痛oO2017-08-26 06:28
给力

关注大神微博加入>>

网友求助,请回答!