2016 - 2024

感恩一路有你

用PS制作一个立体效果的开关按钮

浏览量:3434 时间:2024-08-08 21:49:10 作者:采采

新建文档并复制背景图层

1. 打开Photoshop并新建一个文档,大小可以根据需要自定义。

2. 复制背景图层,以备后续操作使用。

设置图层样式

3. 双击“图层1”打开图层样式对话框,选择颜色并添加渐变效果。也可以直接添加颜色而不使用渐变。

绘制圆角矩形

4. 使用圆角矩形工具绘制一个圆角矩形,并填充上一步设置的颜色。

设置圆角矩形样式

5. 双击圆角矩形图层打开图层样式对话框,根据需要调整参数,如阴影、发光等效果。注意,内发光的颜色应该略淡于填充的颜色。右边设置透明底。

添加渐变叠加效果

7. 在图层样式对话框中选择渐变叠加,根据需要调整参数。

绘制圆形

9. 使用椭圆工具绘制一个圆形。

设置圆形样式

10. 双击刚绘制的圆形图层,打开图层样式对话框,选择内阴影并根据需要调整参数。然后选择描边,设置渐变为左边灰白,右边白色。接着选择内发光和投影,并设置相应参数。

添加渐变叠加效果

14. 选择渐变叠加,并根据需要调整参数。

关闭圆形图层并添加背影

16. 关闭圆形图层的可见性,新建一个图层并将其拖放到圆形图层下方。

17. 将前景色设为黑色,在背影图层上使用柔边画笔绘制一个背影效果。

绘制按钮头部

18. 使用椭圆工具再次绘制一个圆形,作为按钮的头部。

设置按钮头部样式

19. 双击按钮头部图层,打开图层样式对话框,选择渐变叠加并根据需要调整参数。渐变的颜色使用灰白色。

20. 接着选择内阴影,设置颜色为黑色。

21. 完成后得到按钮头部的效果。

输入文字和添加投影

22. 输入需要显示的文字,并设置文字的颜色为比较深的色彩。

23. 双击文字图层,给文字添加投影效果,根据需要调整参数。

完成!

24. 至此,立体效果的开关按钮制作完成!你可以尝试使用不同颜色的图层样式来制作各种风格的按钮效果。如果你已经制作好了,请在评论区分享你的效果!

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。