开关按钮设计一个滑动的控件开关图标是什么(开关按钮设计一个滑动的控件开关图标叫什么)

本文主要介绍开关按钮设计滑动控件的开关图标是什么(开关按钮设计滑动控件的开关图标是)，下面跟着东辰网详细了解一下吧。

设计一个滑动开关按钮，主要是AI和PS做的。AI负责设计外形，PS负责按钮的质感。有兴趣可以跟着教程练习。

在AI中搭建一个1200px*800px的画板。

画一个400像素*70像素的矩形。

角设置为35px。好像只有cc版可以直接设置圆角。

向外偏移一个矩形，向内偏移一个3px矩形(在中设置负)。

最后，画一个这样的图

然后释放层导出psd格式(如果你不t发布它，它将全部在一个层)

在背景中拉一个e7e3dc到f7f5f3的渐变。

从小圈拉一个c2c0be到d6d6d6。

按钮做笔画渐变叠加投影处理

中风

梯度叠加

项目

里面的风格

渐变叠加f28b00，e75300，db7500

内部发光

在a4a4a4到e8d7be的圆内

d0d0d0至ffffff的最外侧坡度

方法差不多，细节需要处理。

最好是完成图表

教程到此结束。本教程的主要学习点是图层样式的应用。你可以用这个方法制作更多的按钮样式。

设计一个滑动开关按钮，主要是AI和PS做的。AI负责设计外形，PS负责按钮的质感。有兴趣可以跟着教程练习。

在AI中搭建一个1200px*800px的画板。

画一个400像素*70像素的矩形。

转角设置35px，好像只有cc版可以直接设置圆角。

向外偏移一个矩形，向内偏移一个3px矩形(在中设置负)。

最后，画一个这样的图

然后释放层导出psd格式(如果你不t发布它，它将全部在一个层)

在背景中拉一个e7e3dc到f7f5f3的渐变。

从小圈拉一个c2c0be到d6d6d6。

按钮做笔画渐变叠加投影处理

中风

梯度叠加

项目

里面的风格

渐变叠加f28b00，e75300，db7500

内部发光

在a4a4a4到e8d7be的圆内

d0d0d0至ffffff的最外侧坡度

方法差不多，细节需要处理。

最好是完成图表

教程到此结束。本教程的主要学习点是图层样式的应用。你可以用这个方法制作更多的按钮样式。

了解更多开关按钮设计滑动控件的开关图标是什么(开关按钮设计滑动控件的开关图标是什)相关内容请关注东辰网。