优艾设计网

播放按钮,设计圆形白色播放按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:全栈UI笔记
本篇教程教大家设计一个蓝色纹理的播放主题按钮,主要分几个部分完成,全都是利用图层样式做出立体感,步骤有点多,但难度不算高,有耐性就能跟着做出来。

高逼格的底座一下就出来了,有木有!!!接下来使用椭圆工具、绘制一个500px*500px的正圆命名为外圆,并为它添加图层样式。

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

步骤四:

接下来是绘制半圆,使用椭圆工具绘制二个正圆,大小分别为500px*500px、440px*440px将两个形状图层合并形状,使用小黑工具单击选中内圆,并减去顶层形状。

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

步骤五:

继续绘制半圆现在继续使用布尔运算按住alt键当箭头出现“-”号绘制矩形,剪切不需要的地方。右侧方法操作一样绘制完成后将形状合并为组件。

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

步骤六:

接下来我们继续使用布尔运算按住shift键当箭头出现“+”号绘制俩30px*30px的正圆操作完成后命名为蓝圆,并添加图层样式。

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

播放按钮,设计圆形白色播放按钮

步骤七:

接下来是比较复杂的按钮,使用椭圆工具绘制一个440px*440px的圆,并为它添加图层样式命名为内圆。

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

精彩评论

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