亲宝软件园·资讯

展开

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

可靠的jy0078 人气:1

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

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

效果如图

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

效果如图

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

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

为圆添加图层样式-投影

效果如图

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

效果如图

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

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

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

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

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

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

为圆添加图层样式-投影

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

效果如图

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

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

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

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

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

加载全部内容

相关教程
猜你喜欢
用户评论