Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计

制作动画之前，需要先把霓虹字分层做出来，每一个字母安排在一个组里面，同时每一个字母有多个图层分别表示灯管、霓虹、墙壁高光，做好后再按照一定的规律设置动画即可。
最终效果

1、打开背景图素材。

图片[2]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

<点小图查看大图>

2、霓虹灯一般只在夜晚工作，所以这个场景显然太亮了。我用色阶工具把它变暗点。

图片[3]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

3、再给一点冷色系。

图片[4]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

4、现在这个背景符合我的要求了。既然我们不再需要修正背景图，最好把它们都合并起来，因为到后面会有非常非常多的图层，尽量保持图层的简洁明了。

图片[5]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

5、输入大小为50的ADOBE默认黑体。最好是英文，笔画越简单越好。中文显然不好处理。这里非常重要，我的霓虹灯GIF不是所有的字都一起变化，而是单独的。有时这个字是亮的，有时相反。

所以我们必须要让每个字母单独成为一个层。这里我只输入一个字母，然后复制N层，你需要几个字母就复制几层。然后用移动工具把它们均匀的排列开来。

图片[6]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

6、把字母修改成你需要的，再将每个字母按排列位置给相对应的层重新命名，这个很重要，以后找起来方便啊，对不对。

图片[7]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

7、点击最上面的图层，按SHIFT再点最下面的字母图层，右键把全部字母格栅化。现在字母还要调整一下，它们的透视跟砖墙显然不一致。保持所有字母层处于被选中状态，用自由变换工具来模拟透视。注意到砖墙上的横向缝隙吗？它就是参考线。

图片[8]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

8、下面的工作会非常的繁琐，我希望你会有跟我一样的耐心来完成。霓虹灯没有直角，也就是说它们转弯的地方都带有一定的圆弧。而这里的字母不符合这个要求。下面我要把这些字母处理一下，让它们尖锐的直角变得圆滑一点。选中第一个字母，高斯模糊5。然后挨个按CTRL+F给同样的处理。

图片[9]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

9、最后应该是这样。

图片[10]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

10、现在的字母还不是我想要的，它们的边缘应该非常清晰，因为我要用它们的选框来描边做霓虹灯的灯管。它们需要锐化，点击滤镜-USM锐化。

图片[11]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

11、边缘还是有点虚，继续锐化一次，觉得满意后把全部字母都处理一遍，做起来很简单，你只需要给每个字母按两次CTRL+F。

图片[12]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

12、下面开始做霓虹灯的灯管。在此之前还有工作要做，建立N个组，把字母放入各个组里，重新按字母排列命名组的名字。再把填充减低，让后面的工作好做点。

图片[13]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

13、按CTRL+左键获取选框，在字母组里新建给个7像素的描边，任何颜色都可以，挨个都做一次。

图片[14]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

14、这是完成后的效果。接着我还要处理这些灯管，你注意到了，霓虹灯没有封闭的，它有开始和结尾的地方，就是说有空隙。我要模拟这个。其实很简单，用橡皮擦一下就行了。但是两头好像要稍微粗点。擦出一个口子，然后用画笔把灯管头描粗点。

图片[15]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

15、接下来我用图层样式模拟熄灭时的灯管效果。很简单，内阴影加浮雕几乎可以完美的模拟这个效果。

图片[16]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

图片[17]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

16、后面简单了，复制图层样式，给所有的灯管都黏贴一次，把后面的字母先隐藏掉，面前我们还不需要它们，ok了。

图片[18]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

17、继续按CTRL+左键获取灯管选区，在对应的组里新建一层填充淡蓝色。每个字母都要操作一次。

图片[19]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

18、这个我打算用来制作发光的灯管，只是发光，还不包括周围的光辉。

图片[20]-Photoshop制作漂亮的蓝色霓虹字闪动动画-精品-易看设计 - 专业设计师平台

19、继续深化这个效果，复制每一个新建的字母，也就是淡蓝色的字母。在新建的每个字母层里CTRL+左键得到选区，收缩2个像素，羽化1个像素，填充白色，模拟灯管的高光。这个过程非常繁琐，不过也有捷径，打开动作可以录制，录制方法：打开界面右侧（如果界面是默认的话）的动作控制面板，如果没有，在窗口里把它找出来。

点新建动作——录制（类似于录音机似的播放，暂停，的按钮，很好懂地）

然后进行你想要录制的操作，操作完成点停止按钮就可以了。

如果要在其他图片上播放，点刚才新建的动作播放就可以了，图片就会被刚才新建的动作处理一遍，达到你想要的效果。