Photoshop设计制作漂亮的闪动蓝色霓虹字动画

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





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



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



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


 
19、继续深化这个效果，复制每一个新建的字母，也就是淡蓝色的字母。在新建的每个字母层里CTRL+左键得到选区，收缩2个像素，羽化1个像素，填充白色，模拟灯管的高光。这个过程非常繁琐，不过也有捷径，打开动作可以录制，录制方法： 打开界面右侧（如果界面是默认的话）的动作控制面板，如果没有，在窗口里把它找出来。
点新建动作——录制（类似于录音机似的播放，暂停，的按钮，很好懂地）
然后进行你想要录制的操作，操作完成点停止按钮就可以了。
如果要在其他图片上播放，点刚才新建的动作播放就可以了，图片就会被刚才新建的动作处理一遍，达到你想要的效果。




20、利用动作我非常快的完成了这些工作。



21、现在我要整理一下图层栏。选择那些加了图层样式的层，也就是我准备用来做熄灭时的灯管的层全部拉出来放在一个单独的组内。我们不用再去理睬他们了，因为不管是灯亮着还是熄灭，他们都应该在那里。



22、字母组里现在清净多了，一个发光的灯管层，一个蓝色的我要用来做光晕的蓝色描边层，还有一个白色的字母。


 
23、我要开始做光晕了，很简单，高斯模糊就行了当然要改下模式。顾忌到工作量的庞大程度，我打开动作来录制过程，像刚才给灯管加高光那样，我只需要制作一个就行了，后面用动作来完成。

点击蓝色描边层，高斯模糊8.5，感觉有点淡，复制一层。合并之后把模式改为“滤色”。注意蓝框里的动作过程接下来你直接可以按播放键重复后面的工作了。



24、完成效果。



25、这里开始做投射到墙上的亮光，现在那些白色的字母派上用场了。打开隐藏的白色字母，按CTRL+鼠标左键点击所有的白色字母层，往右边稍稍移动一些距离。霓虹灯不是贴在墙上的，它跟墙之间还有不远也不近的距离。所以墙上的光跟霓虹灯会有些透视效果。



26、开始做墙上的光。点击白色字母，按CTRL+鼠标左键得到选区，填充跟发光灯管一样的蓝色。取消选区，高斯模糊63.0，复制一层，合并之后把模式改为“颜色减淡”，ok了~用录制好的动作完成后面所有的字母改造工程。蓝色框内是我录制的制作流程。



27、把这些经过严重高斯模糊的光晕图层移到最上面，现在效果更逼真了。


 
28、静态图完成得差不多了。还有地板，当霓虹灯亮起来的时候地板上也有点光。复制墙上的光晕，逐个移到地板上。减低填充百分百，差不多到70就行了。这里还有个问题，我感觉熄灭时的灯管颜色太亮了，好像还通着电一样。



29、用色阶稍微调暗点。也用动作录制方法快速高效的完成后面的工作。



30、静态图完成了，开始GIF制作。 打开时间轴，首先头脑里有个概念，我想让它们以按什么样的次序开闭。我的思路是这样的：P，V还有J还有中间的A运转正常，R字估计不行了，偶尔会亮一下，而且亮度会经常变化。O字闪个不停。最后一个A还好点，亮的时间比较长，偶尔会闪一下。




31、打开时间轴，除了R字以外全部点亮，因为它只是偶尔量一下。复制一帧，点击下面的“过渡动画帧”增加到25帧。现在一共有27帧。



32、接下来几乎不用我来说说明了，只要你按着你想的思路来开关各个帧就行了。比如我要在第二帧里让O字闪一下，就点击图层栏的眼睛状图标。点击第三帧的时候它会自动亮起来。

或者我打算让R在5帧开始慢慢的暗下去。点击第五帧，将R组的透明度降低。然后点击“过渡动画帧”过度个3,4帧就差不多了。

最后导出GIF动画格式图片，完成最终效果。

最新评论