优艾设计网

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

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

本篇教程教大家设计一个蓝色纹理的播放主题按钮,主要分几个部分完成,全都是利用图层样式做出立体感,步骤有点多,但难度不算高,有耐性就能跟着做出来。

最终效果:

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

www.16xx8.com

老规矩,先来分析一下。这里我们主要分为四个部分:底座、外圆、内圆、半圆,问题都不大,主要是外圆部分、需要用到多个图层及图层样式,来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!!

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

步骤一:

首先新建画布1000px*1000px画布,命名为播放按钮,为背景添加渐变叠加图层样式。

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

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

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

步骤二:

使用圆角矩形、绘制一个600px*600px,圆角半径为90px的底座,并为它添加图层样式。

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

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

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

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

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

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

步骤三:

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

精彩评论

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