按钮制作

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 按钮制作 >

ps怎么设计一组按钮开关以及按下时候的状态?

可靠的jy0078

之前我们介绍过绘制单一按钮的方法,今天我们就来看看使用ps设计一组按钮的教程,请看下文详细介绍。

新建文件,创建径向渐变背景

效果如图

新建图层,创建一个圆形样式设置为叠加,为圆添加图层样式-渐变叠加

效果如图

新建图层,再创建第二个圆,这个圆要比上一个小一点,为圆添加图层样式-渐变叠加

为圆添加图层样式-外发光

为圆添加图层样式-投影

效果如图

复制第二个圆,清除图层样式,填充设置为0; 不透明度设置为17%;为圆添加图层样式-渐变叠加

效果如图

复制第三个圆,清除图层样式,为圆添加图层样式-内发光

填充设置为0;为圆添加图层样式-渐变叠加

复制第四个圆,清除图层样式,为圆添加图层样式-内阴影

填充设置为0;为圆添加图层样式-内发光

再绘制一个圆,这样圆要比之前的要小,为圆添加图层样式-内发光

为圆添加图层样式-渐变叠加

为圆添加图层样式-投影

绘制停止图标,添加图层样式-颜色叠加

效果如图

为停止图标添加图层样式-颜色叠加为绿色

添加图层样式-外发光为绿色

效果如图,按钮就为开启状态

同理设置停止图标和圆的颜色 创建关闭状态

以上就是ps设计按钮的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

PS怎么设计一款圆形的环保按钮?

ps怎么设计一款圆角透明水晶按钮?

ps怎么设计圆形的中间凸起的水晶按钮?