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

2016-02-16 08:45 160 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教程,图老师教程网

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教程,图老师教程网

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

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

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

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

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、最后为电源素材图层添加外发光、内发光两种层样式,如图所示。

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

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

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

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

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

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

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

延伸阅读
虽然是一些简单的方块拼贴字,不过制作的时候不是那么简单的。首先需要用方块拼成想要的图形或文字,这些需要自己去慢慢调整,而且拼成的文字风格要统一。最好是制作之前做出一些参考效果,然后依照轮廓去拼合这些方块。 制作过程有任何疑问可以加作者的 QQ:562844847 。 最终效果 新建一个600 * 450,分辨率为300像素的文档,具体参...
本教程介绍霓虹字的制作方法。大致过程:打上文字后用图层样式做出简单的发光字效果,然后添加一些灯泡等素材装饰在文字中间,再渲染一下颜色即可。 最终效果 1、打开Photoshop,创建一个新文档,大小是 1113x1440像素,黑色背景。然后竖向添加一个文本。 2、选择文字层,去 图层图层样式投影。使用下面的阴影值。随后设置其他数值,参...
标签: PS PS基础
最终效果图 步骤1、准备Photoshop画布。 创建一个新的Photoshop文件(按Ctrl + N)。在这里我们使用的是600 * 400大小。 使用油漆桶工具,用深灰蓝色填充画布#535559。 步骤2:选择字体 我个人比较喜欢50年代流行的字体,最喜欢的字体是Bello。它不是免费的,但你可以在线购买(用其他字体代替吧)。 步骤3、添加图层样式。 现在...
标签: PS PS基础
最终效果 1、新建文档,并且填充黑色背景。 2、编辑文本,字体颜色选为白色,并将文字层的填充设置为0%。 3、复制文字层,双击文字层转化为选区。 4、在文本层与背景层之间创建新图层,命名为"返回"层,将文本层所选文字选区执行选择--修改--扩展(5px)操作。 5、填充文字选区#9b7e4f,取消选择。 6、修改...

经验教程

85

收藏

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