超级简单的霓虹灯字体效果-Photoshop教程

在本教程中我将告诉大家如何用Photoshop创建一个不错的冷色灯光效果。我们将使用图层样式和混合模式来模拟霓虹灯文字。

步骤1
打开Photoshop，创建一个新文档。我使用的是1920×1200像素。之后导入砖纹理，我使用的是Shutterstock中的一个，你可以在这里下载download it here（可惜呀，又是需要付费滴）

步骤2
选中纹理层到图像>调整>色相和饱和度。使用0色调，45的饱和度和-85的亮度。

步骤3
添加一个新层，去滤镜>渲染>云。确保你的前景色是黑色，背景色是白色。使用橡皮擦工具（E）擦除边缘的区域，只剩下图像的中心。之后改变混合模式为颜色减淡。

步骤4
输入你要使用的霓虹灯效果的文字内容。我使用的是ZEE。复制图层，隐藏它，因为我们需要在后面的教程使用副本。选择可见的标志层，去滤镜>模糊>高斯模糊。使用15像素的半径。

步骤5
按下图设置图层样式。我们将使用到投影，内阴影，外发光，斜面和浮雕以及颜色叠加。

步骤6
下图是你设置完图层样式之后得到的效果。

步骤7
复制一遍带有图层样式的这一图层，使得效果更强烈些，但不透明度要降低到50%。

步骤8
现在我们需要另一个没有应用任何图层样式的文字图层（也就是咱们最开始保留的第5步之前的那个字体层）。把这个文字图层放在其它层之上，然后去滤镜>模糊>高斯模糊。使用100像素的半径。改变它的混合模式为颜色减淡。

步骤9
现在使用画笔工具修改霓虹灯的头部和尾部使它与墙壁符合。使用黑色，把它放在霓虹灯层的后面（放在第8步那个层的后面）。之后去层>图层样式>斜面和浮雕。设置如下图。“E”的尾部要使用-160 °的角，“Z”的头部使用0 °角。（还有其他方法能做到这一步，自己想想哦。）

步骤10
再次使用画笔工具（B），用一个硬度为0的软笔刷，在上一步创建的图层下方添加一个新层。这样就描绘出了一个非常柔和的阴影。

结论
灯光效果总是很酷的，我真的沉迷于这些类型的效果。在这个教程中，我向大家展示了如何创建一个霓虹灯的效果。基本上，效果都是由图层样式和混合模式实现的。现在就看你怎么做了。你可以尝试不同的颜色和背景，但技术不会改变太多的。

文章翻译的不好 看不太明白的同学可以下载本教程最终PSD文件：点我瓦咔咔～

原文来自：abduzeedo.com  翻译：活力盒子 如需转载 请注明：来自活力盒子以及原文出处。

国外最新最酷的photoshop教程 国外ps教程 由活力盒为您呈现。

1. 

   左岸读书 说：

   2009-10-23于1:40 下午

   重温我的ps~
2. 

   619 说：

   2009-10-24于7:21 下午

   嗨!盒子 ..还记得我么?
3. 

   曾珍 说：

   2009-10-25于10:11 上午

   最近终于看到更新了，呵呵，好赞
4. 

   Hobo 说：

   2009-10-25于3:27 下午

   不错的教程
5. 

   canaan 说：

   2009-10-25于7:09 下午

   正好有空，照着练练
6. 

   牛鸣鸣 说：

   2009-11-04于12:40 下午

   试过了，步骤2应该是-45饱和度。好像还有什么漏掉了，照着设置出来的结果不一样，自己稍稍调整一下做出差不多的了

   步骤2
   选中纹理层到图像>调整>色相和饱和度。使用0色调，45的饱和度和-85的亮度。
7. 

   angel.z 说：

   2009-11-05于6:53 下午

   回复牛鸣鸣：灰常感蟹提出异议，做出来就好 ：）
8. 

   chhichi 说：

   2009-11-25于1:36 上午

   为什么那个文件下载不了呢？
9. 

   angel.z 说：

   2009-11-25于8:08 上午

   回复chhichi ：你说的是哪个文件？第一个是需要付费才能下载的，最后那个PSD文件是可以下的哦～
10. 

    鱼肉丸子找猫吃 说：

    2009-12-03于4:13 下午

    一开始给字体设置图层样式的时候应该是有什么地方不对。。出来的效果很不一样的说==Dodge是减淡 burn是加深没错吧。。。好晕@@
11. 

    鱼肉丸子找猫吃 说：

    2009-12-03于4:16 下午

    试下牛鸣鸣的做法先
12. 

    angel.z 说：

    2009-12-03于4:47 下午

    回复鱼肉丸子找猫吃：怎么样了?
13. 

    鱼肉丸子找猫吃 说：

    2009-12-04于11:42 上午

    嘿嘿。。才发现她说的和我出错的地方 不是同一步骤哈
    待会儿重新调调
14. 

    鱼肉丸子找猫吃 说：

    2009-12-04于2:11 下午

    恩 我的机器上做第二步 饱和度调到45是OK的 效果差不多 不用改成-45
15. 

    鱼肉丸子找猫吃 说：

    2009-12-04于2:29 下午

    做出来的效果好像聚光灯打在融化的冰雪字母上的效果。。。汗
16. 

    angel.z 说：

    2009-12-04于6:33 下午

    回复鱼肉丸子找猫吃:我晕… 最后有源文件，你下载看看。
17. 

    鱼肉丸子找猫吃 说：

    2009-12-04于7:08 下午

    你们做出来的都和原文件一样的效果哦？
    我已经下了那个PSD文件了。
18. 

    angel.z 说：

    2009-12-04于7:38 下午

    回复鱼肉丸子找猫吃：这个教程我们没有做唉…如果发现哪里有错误请给我们指出来哦~
19. 

    鱼肉丸子找猫吃 说：

    2009-12-04于7:47 下午

    T-T 俺是来学习的。。。这个。。
    慢慢研究先。
20. 

    angel.z 说：

    2009-12-04于8:51 下午

    回复鱼肉丸子找猫吃：你的ID很酷！：）
21. 

    鱼肉丸子找猫吃 说：

    2009-12-04于9:16 下午

    嘿。。 我没法在论坛注册。一直提示验证码错误，难道是浏览器的问题?
    瞧瞧你们 个个都有头像 啧啧啧。。。我只有大G
22. 

    angel.z 说：

    2009-12-05于10:02 上午

    回复鱼肉丸子找猫吃：

    没办法注册吗？我检查一下去…

    留言时候显示的头像不是在论坛注册的。你去这个网站 http://www.gravatar.com 注册一个用户，并上传头像，那么你再留言的时候就会显示头像咯 ：）明白了吗？
23. 

    鱼肉丸子找猫吃 说：

    2009-12-05于12:13 下午

    像这样？ 试验试验
24. 

    鱼肉丸子找猫吃 说：

    2009-12-05于12:19 下午

    是的 用的TT和IE都提示我验证码错误。。还没试FIREFOX==
25. 

    angel.z 说：

    2009-12-05于1:45 下午

    回复鱼肉丸子找猫吃：

    嘿，头像出来咯 ：）

    iE我上午试过了，可以注册呀…
26. 

    鱼肉丸子找猫吃 说：

    2009-12-05于2:18 下午

    还是不行 == 我找了个用360的 也注册不了 提示验证码错误
    IE是哪个版本的呢？
27. 

    鱼肉丸子找猫吃 说：

    2009-12-05于2:31 下午

    非常好 firefox也阵亡了 哦ho～
28. 

    angel.z 说：

    2009-12-05于4:43 下午

    鱼肉丸子找猫吃：已给你邮件，请查收 : )
29. 

    鱼肉丸子找猫吃 说：

    2009-12-05于10:22 下午

    恩 收到了
30. 

    corey 说：

    2010-01-13于8:36 下午

    请问那个ZEE是什么字体啊？
31. 

    angel.z 说：

    2010-01-14于8:01 上午

    回复corey:非常抱歉，我也不知道这是什么字体，你可以去www.dafont.com看看，那里有很多不错的字体，都是免费下载的。
32. 

    y&j 说：

    2010-05-10于8:03 下午

    字体设置完后和你的不一样~不知道是哪里的问题 反复弄了很多遍也不行~
33. 

    ss 说：

    2010-06-25于10:59 上午

    sa