优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:全栈UI笔记
本篇UI教程跟大家分享如何设计一枚旋转风格的开关按钮,主体由灰白色组成,简单漂亮,想学UI设计的同学就跟着练习一下吧。

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

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

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

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

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

步骤八:

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

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

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

步骤九:

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

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

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

步骤十:

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

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

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消