如何用PS制作霓虹灯效果的文字
最简单的效果往往也独具吸引力,霓虹灯文字就是这样的。其实,创造一个逼真的霓虹灯效果并不难,本教程只使用一张背景图片作为素材,但你看到成品时,就会把它想象成日常中的霓虹灯——这得益于Photoshop CC强大的图层样式。
我们将从头开始制作某个项目,从字体到发光颜色,再到最终动画。这意味着你有很大的创作空间,并在每个部分都可以选择自己想要的效果。
霓虹灯在网页制作上很受欢迎,这种高饱和的色调和黑暗背景的对比,是登陆页面、Logo展示或突出标题的极好方式,并且你可以轻松地将其做成动画,并保存为体积较小的gif文件使用。下面就是制作方式:
01.开始制作字体(可省的步骤,你可以直接绘制所需字体)

打开Photoshop,创建一个500×500像素的画板,按下【Ctrl+‘】调出网格。然后创建一个空白图层,用钢笔工具勾勒出第一个字母,注意留下空白空间,因为你需要加入霓虹效果。如果你愿意,你可以打开路径标签,并在画笔来勾画路径。
02.创建一个字母表(可省的步骤)

根据需要创建字符,记得每次都使用新的图层。如果你需要,还可以加入货币符号、标点符号或加粗字母等。请遵循最开始的风格,保证字体的一致性。
03.打开FontCreator(可省的步骤)

如果你使用High-Logic FontCreator(有免费版本),可以将字符转化为一个字体库。将每个字符黏贴到FontCreator中,就可以创作一个字体以供Photoshop使用。
04.优化字距(可省的步骤)

字距(Kerning)是字母间空间的大小,FontCreator会自动调整并将字母隔开,但又让单词显得是一个整体。但你可以进一步调整,确保每个字母的组合看起来更好。
染成后,导出这个字体,将它安装到计算机中。重启Photoshop CC,你就可以用它了。
05.设置Photoshop文档

在Photoshop中创建一个新的文档,在新图层上使用画笔创建一个调色板。教程中使用的色值有:#501d26,#af273d,#f74663,#ffdae1,#35e985和#b2dcc4。
然后,找到一个合适的背景图片置入Photoshop。创建一个新图层,填充深红色并制作副本。图层演示一个设置为叠加,另一个设置为颜色。然后创建调整图层亮度/对比度,将亮度设置为-75。制作一个副本,可以适当叠加一些纹理装饰。
06.输入文字

是用文字工具选择并输入您的字体,如果你没有创建字体你可以单独把字母黏贴进来。摆放好你的文本,然后使用Ctrl+右键单击图层,把字体栅格化。
07.制作辉光

Ctrl+右键单击图层,选择混合选项→外发光。使用50%不透明度,5%偏移和63像素大小(根据你的实际字母大小调整)。现在你可以看到霓虹文本看起来有点意思了,选择一个明亮的颜色作为主光色。
点击斜面和浮雕,它也在图层样式选项里面。深度选择250%,尺寸选择5像素,柔化2像素。使用高光和阴影来为文本添加更多深度效果。多次调整上述的数值,直到找到你认为合适的组合。
08.添加阴影

选择和外发光相同的内阴影颜色,根据你的文本大小来改变这里的大小,其他选项设置为0即可。
由于霓虹灯是镶嵌在墙上的,所以我们需要一个微妙的阴影效果,但不能过多。阴影会影响外发光的效果,所以需要降低透明度,增大距离和大小。
09.让它开始发亮

转到文本图层,按住Ctrl+右键选择复制图层样式,然后点击动物图层,Ctrl+邮件黏贴图层样式。之后,点击fx图标,把动物图层的粉红色变为绿色(希望你还记得我们的调色板)这样就和文本有了对比。
选择钢笔工具,沿着文字的方向画一条线,确保它穿过所有的字符——这是电线!然后用#808080的颜色,2%的透明度和1%间距的笔刷来描边路径。
10.添加阴影

再打开刚刚制作的混合选项,在斜面和浮雕中给它一个微妙的角度,然后来一个相应的投影。这里你需要根据你的字符串的大小和形状来决定具体数值,试试看吧!
11.创建一个关灯版本

然后创建一个不发光的图层,这样我们就可以制作字母闪烁的动画效果了。复制文本图层,然后隐藏外发光样式,并将内阴影设置为#808080,然后添加色调饱和度调整图层,将这个图层的亮度改为-50。
在发光的文本图层上,框选一些你希望闪烁的字母,并复制它。多制作几份,直到你所有希望闪烁的字母都有自己的副本。
12.添加动画

打开Photoshop的时间轴窗口(或直接将工作区改为“动感”),这时你将看到底部的时间轴窗口。这里你可以设置图层显示或隐藏的时间。
沿着底部的时间轴,你可以设置图层可见与否,这样就可以让不同的字母发光或熄灭。在帧动画下方的小箭头中还有时间的设置。
完成后,选择“储存为Web所用格式”并存为gif动画即可。
英文来源:Creativebloq
英文标题:Create a glowing neon text effect
原作者:Mark White
翻译:卡米雷特