优艾设计网

播放按钮,设计视频音乐播放按钮教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:全栈UI笔记
本篇教程跟大家讲解如何设计一枚简洁白色风格的播放按钮,难度不算大,整体效果都是由图层样式来制作,各位新手设计师可以跟着教程一起学习。

步骤四:

继续复制外圆图层命名为灰圆,将颜色改为#c8c8c8添加新的图层样式

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

步骤五:

现在用矩形选框工具绘制到需要遮挡的位置,之后为灰圆添加图层蒙版,为蒙版填充黑色。

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

步骤六:

现在我们来绘制按键部分,使用椭圆工具绘制二个正圆,大小分别295px*295px、172px*172px将两个形状图层合并形状,使用小黑工具单击选中内圆,并减去顶层形状。

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

步骤七:

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

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

步骤八:

现在继续绘制按键,选择合并形状,绘制两个正圆,选择添加锚点工具,在圆的两侧位置添加俩个锚点,选择直接选择工具,选中锚点,将锚点移动到合适位置,其他三角操作方式相同。

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

播放按钮,设计视频音乐播放按钮教程

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

精彩评论

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