优艾设计网

UI图标,设计旋转风格播放图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:全栈UI笔记
本篇UI教程跟大家分享了设计播放器图标的设计案例,制作思路主要用到图层样式来制作出图标的质感,步骤有点多,请大家认真学习。

继续来绘制内圆的位置吧,用椭圆工具、绘制一个205px的正圆颜色为#040404,并为它添加图层样式。

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

步骤十:

我们继续来绘制内圆的部分,先绘制一个188px的正圆,在绘制一个三角形,合并为一个形状,使用直接选择工具移动锚点,颜色改为#d5d5d5并为它添加图层样式。

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

步骤十一:

继续绘制内圆的部分,用椭圆工具、绘制一个40px的正圆,并为它添加图层样式。

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

步骤十二:

继续绘制内圆的部分,用椭圆工具、绘制一个25px的正圆,颜色为#272121。

UI图标,设计旋转风格播放图标教程

步骤十三:

现在我们来绘制最后一个小圆吧,用椭圆工具、绘制一个17px的正圆,并为它添加图层样式就完成这个案例了哦。

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

UI图标,设计旋转风格播放图标教程

以上就是本次教程的全部内容,虽然步骤有点多,大家细心跟着教程做,一定能成功做出来。

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

精彩评论

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