ps制作质感的开关按钮

2025-05-11 03:08:58

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

ps制作质感的开关按钮

2、效果如图

ps制作质感的开关按钮

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

ps制作质感的开关按钮

4、效果如图

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

7、为圆添加图层样式-投影

ps制作质感的开关按钮

8、效果如图

ps制作质感的开关按钮

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

ps制作质感的开关按钮

10、效果如图

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

17、为圆添加图层样式-投影

ps制作质感的开关按钮

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

ps制作质感的开关按钮

19、效果如图

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮

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

ps制作质感的开关按钮
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢