使用photoshop制作发光的电源按钮

作者:佚名 出处: 网 这个PS教程将会为大家介绍使用photoshop制作一个发光的电源按钮。 1、运行Photoshop创建一个500*500px的新文档,由于我们是制作一个图标按钮,所以在形状上一定要使用标准对称的几何图案。选择编辑首选项参考线、网格和切片,如图所示。 2、打开首选项窗

PS制作玻璃水晶按钮

制作一个水晶按钮图片


作者:佚名   出处:
使用photoshop制作发光的电源按钮插图

这个PS教程将会为大家介绍使用photoshop制作一个发光的电源按钮。

使用photoshop制作发光的电源按钮插图(1)

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

使用photoshop制作发光的电源按钮插图(2)

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

使用photoshop制作发光的电源按钮插图(3)

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

使用photoshop制作发光的电源按钮插图(4)

 


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

使用photoshop制作发光的电源按钮插图(5)

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

使用photoshop制作发光的电源按钮插图(6)

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

使用photoshop制作发光的电源按钮插图(7)

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

使用photoshop制作发光的电源按钮插图(8)

 


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

使用photoshop制作发光的电源按钮插图(9)

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

使用photoshop制作发光的电源按钮插图(10)

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

使用photoshop制作发光的电源按钮插图(11)

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

使用photoshop制作发光的电源按钮插图(12)

 

使用photoshop制作发光的电源按钮插图(13)

 


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

使用photoshop制作发光的电源按钮插图(14)

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

使用photoshop制作发光的电源按钮插图(15)

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

使用photoshop制作发光的电源按钮插图(16)

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

使用photoshop制作发光的电源按钮插图(17)

 


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

使用photoshop制作发光的电源按钮插图(18)

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

使用photoshop制作发光的电源按钮插图(19)

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

使用photoshop制作发光的电源按钮插图(20)

 


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

使用photoshop制作发光的电源按钮插图(21)

 

使用photoshop制作发光的电源按钮插图(22)

 

使用photoshop制作发光的电源按钮插图(23)

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

使用photoshop制作发光的电源按钮插图(1)




作者:佚名   出处:
使用photoshop制作发光的电源按钮插图

这个PS教程将会为大家介绍使用photoshop制作一个发光的电源按钮。

使用photoshop制作发光的电源按钮插图(1)

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

使用photoshop制作发光的电源按钮插图(2)

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

使用photoshop制作发光的电源按钮插图(3)

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

使用photoshop制作发光的电源按钮插图(4)

 


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

使用photoshop制作发光的电源按钮插图(5)

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

使用photoshop制作发光的电源按钮插图(6)

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

使用photoshop制作发光的电源按钮插图(7)

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

使用photoshop制作发光的电源按钮插图(8)

 


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

使用photoshop制作发光的电源按钮插图(9)

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

使用photoshop制作发光的电源按钮插图(10)

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

使用photoshop制作发光的电源按钮插图(11)

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

使用photoshop制作发光的电源按钮插图(12)

 

使用photoshop制作发光的电源按钮插图(13)

 


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

使用photoshop制作发光的电源按钮插图(14)

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

使用photoshop制作发光的电源按钮插图(15)

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

使用photoshop制作发光的电源按钮插图(16)

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

使用photoshop制作发光的电源按钮插图(17)

 


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

使用photoshop制作发光的电源按钮插图(18)

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

使用photoshop制作发光的电源按钮插图(19)

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

使用photoshop制作发光的电源按钮插图(20)

 


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

使用photoshop制作发光的电源按钮插图(21)

 

使用photoshop制作发光的电源按钮插图(22)

 

使用photoshop制作发光的电源按钮插图(23)

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

使用photoshop制作发光的电源按钮插图(1)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部