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

2016-02-16 08:45 171 1 收藏

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

【 tulaoshi.com - PS 】

先看看最终效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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教程,图老师教程网

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1570397.html

延伸阅读
本教程介绍霓虹字的制作方法。大致过程:打上文字后用图层样式做出简单的发光字效果,然后添加一些灯泡等素材装饰在文字中间,再渲染一下颜色即可。 最终效果 1、打开Photoshop,创建一个新文档,大小是 1113x1440像素,黑色背景。然后竖向添加一个文本。 2、选择文字层,去 图层图层样式投影。使用下面的阴影值。随后设置其他数值,参...
标签: PS PS基础
最终效果 1、新建文档,并且填充黑色背景。 2、编辑文本,字体颜色选为白色,并将文字层的填充设置为0%。 3、复制文字层,双击文字层转化为选区。 4、在文本层与背景层之间创建新图层,命名为"返回"层,将文本层所选文字选区执行选择--修改--扩展(5px)操作。 5、填充文字选区#9b7e4f,取消选择。 6、修改...
标签: PS PS基础
最终效果 图00 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 图01 2.复制圆角矩形图层并缩小 图02 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 图03 4.这是是具体的简便颜色设置 图04 5.给上边的矩形添加样式 图05 6.设置前景颜色为白色,用...
Photoshop制作绿色水晶按钮教程 1.在photoshop中新建文件背景黑色;使用圆角矩形工具,圆角半径为10px;填充颜色绿色,    tulaoshi photoshop教程 2.设置图层混合模式如下: Photoshop制作绿色水(图老师整理)晶按钮教程(2) Photoshop制作绿色水晶按钮教程(3) 3.按住ctrl选择图层;...
本教程的效果图制作得非常完美,有点类似白炽灯发光效果。大致过程:先选好相应的字体,填色后多复制几层,底层文字需要扩边处理,然后用图层样式把边缘的高光渲染出来,中间的光丝需要单独用钢笔勾路径描边来完成。 最终效果 1、新建文档,并且填充黑色背景。 2、编辑文本,字体颜色选为白色,并将文字层的填充设置为0%。 3、复...

经验教程

296

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部