欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Photoshop制作一个漂亮清新的立体感开关

程序员文章站 2022-05-18 18:31:16
今天小编教大家用ps打造一个漂亮的立体感开关,推荐到萬仟网,不会的朋友可以参考本文,来看看吧。 最终效果图: 1、首先打开ps软件,新建一个文档,我们还是用a4大小,分辨率72,填充画布颜...

今天小编教大家用ps打造一个漂亮的立体感开关,推荐到,不会的朋友可以参考本文,来看看吧。

最终效果图:

Photoshop制作一个漂亮清新的立体感开关

1、首先打开ps软件,新建一个文档,我们还是用a4大小,分辨率72,填充画布颜色为灰色。

Photoshop制作一个漂亮清新的立体感开关

2、设置前景色为白色,点击左侧工具栏的椭圆工具,按住shift键在画布绘制一个正圆形。

Photoshop制作一个漂亮清新的立体感开关

3、按快捷键ctrl+j复制一个图层副本,点击工具栏中的钢笔工具,按住ctrl键同时,单击圆形路径,出现节点后,拖动下面的节点向上移动出一个距离,如图。

Photoshop制作一个漂亮清新的立体感开关

4、双击形状副本图层,打开图层样式对话框,勾选【投影】【斜面与浮雕】【内发光】【渐变叠加】选项,分别设置参数如图。

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

5、设置好后,开关上层效果如图。

Photoshop制作一个漂亮清新的立体感开关

6、选中原形状图层,双击打开图层样式设置,同样勾选设置【描边】【内阴影】【渐变叠加】【投影】参数。

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

7、开关底层侧面效果如图。

Photoshop制作一个漂亮清新的立体感开关

8、复制图层副本,填充颜色#6d6d6d, 放到前两个图层下方。按ctrl+t调整圆放大一点比例,然后双击图层,增加图层样式效果,如图。

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

Photoshop制作一个漂亮清新的立体感开关

9、新建一个图层,绘制一个椭圆形如图,按shift+f6打开羽化,输入值15,确定。然后填充黑色作为阴影。

Photoshop制作一个漂亮清新的立体感开关

10、最后,给开关敲上文字,设置下颜色大小,制作完成,效果如图。

Photoshop制作一个漂亮清新的立体感开关 

教程结束,以上就是photoshop制作一个漂亮清新的立体感开关方法介绍,操作很简单的,大家学会了吗?希望能对大家有所帮助!