优艾设计网

按钮教程,设计一个圆形的点击按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:xueuisheji
本篇按钮教程跟大家分享如何设计一枚由条纹组成的圆形按钮,制作方法不难,用到几个图层样式来制作质感,喜欢设计的同学来学习一下吧。最终效果:

 

斜面浮雕

样式:内斜面

方法:平滑

深度:100%

方向:上

大小:10

角度:90°

高度:30°

高光模式:滤色

颜色:#ffffff

不透明度:34%

阴影模式:正片叠底

颜色:#000000

不透明度:29%

按钮教程,设计一个圆形的点击按钮

渐变叠加

模式:正常

不透明度:100%

渐变:这里你可以自己调整

样式:线性

角度:90°

缩放100%外发光

按钮教程,设计一个圆形的点击按钮

模式:正片叠加

不透明度:60%

颜色:#000000

方法:柔和

大小:160

按钮教程,设计一个圆形的点击按钮

投影

模式:正片叠加

颜色:#000000

不透明度:59%

角度:90°

距离:5

大小:10

按钮教程,设计一个圆形的点击按钮

最后,我这边就添加一个UI,效果如下。

按钮教程,设计一个圆形的点击按钮

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

精彩评论

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