正在阅读:Photoshop文字特效:快速打造霓虹灯文字Photoshop文字特效:快速打造霓虹灯文字

2009-11-10 09:37 出处:PConline 作者:活力盒子 编译 责任编辑:lizhiyan
1Photoshop快速打造霓虹灯文字(1)回顶部

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

Photoshop文字特效:快速打造霓虹灯文字
最终效果

  1、打开Photoshop,创建一个新文档。我使用的是1920×1200像素。之后导入砖纹理,我使用的是Shutterstock中的一个,你可以在这里下载(可惜呀,又是需要付费滴)

Photoshop文字特效:快速打造霓虹灯文字
图1 

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

Photoshop文字特效:快速打造霓虹灯文字
图2

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

Photoshop文字特效:快速打造霓虹灯文字
图3

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

Photoshop文字特效:快速打造霓虹灯文字
图4

2Photoshop快速打造霓虹灯文字(2)回顶部

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

Photoshop文字特效:快速打造霓虹灯文字
图5

Photoshop文字特效:快速打造霓虹灯文字
图6

Photoshop文字特效:快速打造霓虹灯文字
图7 

Photoshop文字特效:快速打造霓虹灯文字
图8

Photoshop文字特效:快速打造霓虹灯文字
图9

Photoshop文字特效:快速打造霓虹灯文字
图10

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

Photoshop文字特效:快速打造霓虹灯文字
图11

3Photoshop快速打造霓虹灯文字(3)回顶部

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

Photoshop文字特效:快速打造霓虹灯文字
图12

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

Photoshop文字特效:快速打造霓虹灯文字
图13

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

Photoshop文字特效:快速打造霓虹灯文字
图14

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

Photoshop文字特效:快速打造霓虹灯文字
图15 

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

Photoshop文字特效:快速打造霓虹灯文字
图16

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

  原文来自:abduzeedo.com  翻译:活力盒子

关注我们

最新资讯离线随时看 聊天吐槽赢奖品