Photoshop制作发光的电源按钮教程

寻找幸福753

寻找幸福753

2016-02-16 08:45

有了下面这个Photoshop制作发光的电源按钮教程教程,不懂Photoshop制作发光的电源按钮教程的也能装懂了,赶紧get起来装逼一下吧!

先看看最终效果图

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

1、运行Photoshop创建一个500*500px的新文档,由于我们是制作一个图标按钮,所以在形状上一定要使用标准对称的几何图案。选择编辑首选项参考线、网格和切片,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

2、打开首选项窗口后我们开始设置网格作为辅助。由于前面创建了500px的文档,所以我们可以设置网格线间隔:100像素、子网格:4,如图所示

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

3、完成设置后,按下Ctrl+'快捷键,就可打开网格了,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

4、选择椭圆工具,然后按着Shift+Alt,在图片的中心处按下左键并拖动,得到一个黑色的圆形,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

5、使用想同的方法,再创建一个白色的同心圆,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

6、在属性栏中选择排除重叠形状按钮,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

7、以前面步骤创建的圆心下面一格的位置作为圆心,再创建一个圆形,效果如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

8、右键单击图层面板中的形状2图层,选择删格化图层,然后使用矩形选框工具选择下方的弧形,并清除,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

9、选择滤镜模糊高斯模糊,设置半径为11像素,如图所示。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

10、设置形状2的不透明度为30%左右,效果如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

11、单击形状1的图层调色板,打开拾色器,设置颜色,然后添加内阴影图层样式,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

12、使用钢笔工具,创建下图所示的路径。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

13、单击右键,选择建立选区命令,设置羽化为0,选择消除锯齿,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

14、在弧形图层的上方新建一个图层,并使用渐变工具在选区内拉出白色到透明的渐变效果,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

15、按着Ctrl键单击形状1的蒙板缩略图载入圆形选区,按下Ctrl+Shift+I反选,按下Delete清除图层1中选区的内容,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

16、设置图层1的不透明度为40%,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

17、双击形状1图层,打开图层样式对话框,设置投影图层样式,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

18、把电源素材复制到图片中,你也可以使用自定形状工具自己制作一个,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

19、最后为电源素材图层添加外发光、内发光两种层样式,如图所示。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

加上背景素材,这个发光的电源按钮就完成了,photoshop教程完毕。

Photoshop制作发光的电源按钮教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop制作发光的电源按钮教程

PS PS基础
Photoshop制作发光的电源按钮教程

用Photoshop图层样式制作发光按钮

PS PS教程
用Photoshop图层样式制作发光按钮

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop教程:制作发光的台灯图标

PS PS教程
Photoshop教程:制作发光的台灯图标

Photoshop制作发光的台灯图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作发光的台灯图标教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作发光灯泡字教程

电脑网络
Photoshop制作发光灯泡字教程

photoshop滤镜制作按钮教程

PS
photoshop滤镜制作按钮教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作精美的软件包装盒三维效果图

Photoshop制作精美的软件包装盒三维效果图

Photoshop简单快速制作复古色调艺术图

Photoshop简单快速制作复古色调艺术图
下拉加载更多内容 ↓