之前群里有发这样的图片：

这个是江小白的广告，是做的霓虹灯字体的动图。看着挺有意思，不过大家知道之前野郎已经分享过一篇霓虹灯字体特效的制作文章啦：

如果只是再把它做成动图，难免没啥新颖，思来想去，看看自己的鼠标和键盘...有了！

今天我们来一起制作一个键盘上的发光按钮动态图吧：

首先用ps打开素材图，ctrl+j复制一层：

我想在回车键上做，所以先把“ENTER”文字搞掉吧，用啥方法都可以，我用的是选区-填充-内容识别：

接着二次构图裁剪一下吧，让视线更集中在回车键上：

接下来把咱野鹿志的鹿头拖进来，调整好大小和位置：

栅格化图层以后，按住ctrl键点击图层缩略图载入选区，填充成黑色：

打上文字：

将文字和头像图层合并，转为智能对象，准备工作就做的差不多了：

调出图层样式，分别添加斜面和浮雕、内发光、颜色叠加以及外发光，参数大家看着办吧：

再复制一层出来，把颜色叠加的效果关掉，仅仅加强斜面和浮雕以及内外发光的效果。

并且将填充改为0，搞掉本来的黑色：

再复制一层出来，执行滤镜-模糊-动感模糊，参数稍微大一点，弄出点字的光效：

接着再降低不透明度，我觉得百分之50左右比较合适：

再搞掉光影出来，在文字层的下面新建一个透明图层，套一个选区出来：

填充一个和你选择的光相符的颜色，填充，再执行滤镜-模糊-高斯模糊把颜色打散，参数给大点，100都不为过：

接着再降低不透明度：

字体的效果就差不多了，费了那么大劲，其实就是想顺便做一个样机按钮出来，方便大家使用。

所以把每个字体图层重命名好打个组：

复制一层刚才的光效图层，拖到组的外面，重命名为样机按钮，把图层样式和智能滤镜都删除掉，并把填充和不透明度改为0：

测试一下按钮吧，双击样机按钮图层缩略图，然后输入自己想要的文字，大小和位置角度大家可以参照原来的文字来：

本来应该在刚输入文字的时候就转智能对象，这样双击样机按钮之后就不用调整位置了。

嘛~我也是做着做着才想起来干脆做成样机的，所以大家就凑合着用吧：

最后再给画面加个青色的照片滤镜调色以及拉个S曲线增加一下对比度：

这样再打上名字就搞定了....

慢着！今天我们好像是要做动图啊！

啊啊啊！忘记重点了，好吧！将光影、光效以及复制出来的文字图层全部隐藏掉。

原本的文字图层的图层样式除了颜色叠加以外，其余全部隐藏，并且将图层的不透明度降低一点，让它的颜色和旁边的按键上字母颜色尽量一致：

ctrl+shift+alt+e盖印所有可见图层：

隐藏掉图层1，将刚才隐藏了的图层全部显示出来以后，再盖印一次得到图层2：

在窗口里打开时间轴：

接着对图层1创建帧动画：

点击复制所选帧，再把图层2的眼睛打开，这样第二帧就弄好了：

多复制出来几帧，将间隔时间设置的不规律点：

最后再将图片存为gif格式导出来看看吧：

好了，大概就这样吧，快猝了！我得睡了！

想要练习的童鞋后台撩我获取素材和psd文件吧！

本文由“野鹿志”发布

转载前请联系作者“马鹿野郎”

私转必究