PS怎么设计一组按钮开关以及按下时候的状态?
之前我们介绍过绘制单一按钮的方法,今天我们就来看看使用ps设计一组按钮的教程,请看下文详细介绍。
新建文件,创建径向渐变背景
效果如图
新建图层,创建一个圆形样式设置为叠加,为圆添加图层样式-渐变叠加
效果如图
新建图层,再创建第二个圆,这个圆要比上一个小一点,为圆添加图层样式-渐变叠加
为圆添加图层样式-外发光
为圆添加图层样式-投影
效果如图
复制第二个圆,清除图层样式,填充设置为0; 不透明度设置为17%;为圆添加图层样式-渐变叠加
效果如图
复制第三个圆,清除图层样式,为圆添加图层样式-内发光
填充设置为0;为圆添加图层样式-渐变叠加
复制第四个圆,清除图层样式,为圆添加图层样式-内阴影
填充设置为0;为圆添加图层样式-内发光
再绘制一个圆,这样圆要比之前的要小,为圆添加图层样式-内发光
为圆添加图层样式-渐变叠加
为圆添加图层样式-投影
绘制停止图标,添加图层样式-颜色叠加
效果如图
为停止图标添加图层样式-颜色叠加为绿色
添加图层样式-外发光为绿色
效果如图,按钮就为开启状态
同理设置停止图标和圆的颜色 创建关闭状态
以上就是ps设计按钮的教程,希望大家喜欢,请继续关注PSD素材网(www.PSD.cn)。
-
只需七步 PS快速创建个性化文字Logo标志
2022-10-09 5
-
PS怎么绘制圣诞按钮?PS绘制圣诞快乐按钮教程
2022-10-09 6
-
PS简单制作一个视频logo
2022-10-09 42
-
PS设计出比较好看的logo过程详解
2022-10-09 29
-
用Photoshop制作一个圆形的音乐图标按钮
2022-10-09 7
-
PS制作时尚美观的六边形LOGO
2022-10-09 7
-
PS2021怎么做漂亮的渐变按钮? PS按钮样式的设计方法
2022-10-09 5
-
怎么用PS制作按钮形状效果?
2022-10-09 6
-
PS怎么设计简单的矩形按钮?
2022-10-09 6
-
PS怎么设计配色干净扁平化按钮? PS按钮矢量图的设计方法
2022-10-09 7
-
PS怎么设计圆角矩形的添加按钮?
2022-10-09 6
-
PS怎么设计创意的圆形按钮?
2022-10-09 5
-
如何设计蓝色金属按钮?用PS设计蓝色科技金属质感按钮教程
2022-10-09 5
-
PS怎么设计立体按键式按钮?
2022-10-09 6
-
PS怎么设计逼真的玻璃质感按钮?
2022-10-09 6
-
PS怎么设计红色的圆形按钮? PS设计按钮的教程
2022-10-09 7
-
PS怎么设计红色的在线购买按钮图形?
2022-10-09 9
-
PS怎么设计立体的双色按钮?
2022-10-09 7
-
PS怎样设计一个色彩靓丽的方形按钮图标?
2022-10-09 8
-
PS怎么设计圆形的中间凸起的水晶按钮?
2022-10-09 7
-
Photoshop绘制扁平化风格索尼PSP游戏机图标教程
2022-10-09 13