ps怎么设计一组按钮开关以及按下时候的状态?
发布时间：2021-03-20 编辑：√無∑情— 内容来源：收集于网络
之前我们介绍过绘制单一按钮的方法，今天我们就来看看使用ps设计一组按钮的教程，请看下文详细介绍。
新建文件，创建径向渐变背景
效果如图
新建图层，创建一个圆形样式设置为叠加，为圆添加图层样式-渐变叠加
效果如图
新建图层，再创建第二个圆，这个圆要比上一个小一点，为圆添加图层样式-渐变叠加
为圆添加图层样式-外发光
为圆添加图层样式-投影
效果如图
复制第二个圆，清除图层样式，填充设置为0； 不透明度设置为17%；为圆添加图层样式-渐变叠加
效果如图
复制第三个圆，清除图层样式，为圆添加图层样式-内发光
填充设置为0；为圆添加图层样式-渐变叠加
复制第四个圆，清除图层样式，为圆添加图层样式-内阴影
填充设置为0；为圆添加图层样式-内发光
再绘制一个圆，这样圆要比之前的要小，为圆添加图层样式-内发光
为圆添加图层样式-渐变叠加
为圆添加图层样式-投影
绘制停止图标，添加图层样式-颜色叠加
效果如图
为停止图标添加图层样式-颜色叠加为绿色
添加图层样式-外发光为绿色
效果如图，按钮就为开启状态
同理设置停止图标和圆的颜色 创建关闭状态
以上就是ps设计按钮的教程，希望大家喜欢，请继续关注57自学网。
网页按钮制作教程分类
热门教程
- ps中想要设计漂亮的玻璃按钮
- 怎么用PS制作按钮形状效果?
- 利用PS绘制非常有质感的立体按钮过程
- 使用PS快速绘制清新绿色的扁平化按钮
- PS鼠绘教程：绘制超精致《今日头条》立体图标
- 教你用Photoshop设计立体质感的盒子图标
- 用photoshop打造高光橘色水晶RSS按钮
- 教你用photoshop制作一款小巧的红色点击按钮
- 教你用photoshop制作一个浅蓝色高光按钮,ps高光按钮制作
- photoshop文件夹图标教程,ps电脑文件图标制作
- Photoshop简单制作漂亮质感的中国风按钮
- photoshop制作Itunes10图标,ps音乐图标教程
- 用PS制作简洁大气质感的圆形开关按钮图标的方法.ps开关按钮制作
- photoshop制作出逼真的动感雷达图标效果
- Photoshop制作颜色对半透明风格的网页导航条按钮过程
- photoshop利用钢笔和图层样式制作出护士图标效果
- PS路径和钢笔工具制作扁平化图标方法详解
- photoshop制作出黑色高光三维质感按钮
