【原创】Photoshop制作绚丽的光束文字动画 高手勿喷【24P】

性吧小苦

动画制作关键是要向构思好动画的展示方式，至于怎样实现，可以自己慢慢摸索。Photoshop制作特效是非常出色的，因此在动画中加入这些特下，可以做出非常绚丽的GIF动画效果。
最终效果



1、新建一个700 * 500像素的画布，背景填充黑色，选择文字工具，打上想要的文字，字体颜色用蓝紫色：#8316fe，效果如下图。


2、把文字图层复制一层，然后右键选择“栅格化文字”。确定后新建一个组，把栅格化后的文字拖到组里面，并再复制一份，效果如下图。


3、把文字移到画布的靠右位置，如下图。

4、对文字执行：滤镜 > 模糊 > 径向模糊，参数设置如图5，效果如图6。注意好径向模糊的中心位置也是靠右的。


5、按Ctrl + F 6次左右加强光束，效果如下图。

6、执行：滤镜 > 锐化 > USM锐化，参数如下图。

7、执行：滤镜 > 模糊 > 径向模糊，参数设置跟第一次一样，确定后按Ctrl + F 3次加强光束，效果下图。

8、把做好的光束移到文字上面，效果如下图。

9、把光束图层复制一层，底部的光束图层锁定图层不透明度像素后填充白色，如下图。

10、顶部的光束图层混合模式改为“叠加”，效果如下图。

11、新建一个组，同上的方法制作其它光束，光束的中心点需要自己调整，效果如图下图。



12、把底部文字图层复制一层，按Ctrl + Shift + ] 置顶，混合模式改为“滤色”，如下图。

13、在图层的最上面新建一个图层，用椭圆选框工具拉出下图所示的椭圆选区，按Ctrl + Alt + D 羽化15个像素后填充白色。

14、把当前图层复制一层，锁定图层不透明度像素后填充蓝紫色：#8316fe，混合模式改为“叠加”，效果如下图。

15、光束部分基本完成，下面来制作动画，选择菜单：窗口 > 动画。


16、选择第一帧，在图层面板只显示第一组，如下图。

17、在时间选择菜单中把时间设置为0.1秒。 效果如下图
18、点击新建按钮新建一个帧。 效果如下图


19、在新建的帧上设置，光束部分只显示中间的，如下图。

20、回到第一帧，点击面板下面的过渡按钮，参数设置如下图，效果如下图。





21、回到最后一帧，再新建一帧，图层只显示最上面的光束 回到前一帧，同上的方法设置过渡。回到最后一帧，新建一帧，只显示中间的光束。同上的方法设置过渡，再回到最后一帧，新建一帧，只显示底部的光束，然后设置过渡。效果如下图



22. 动画基本设置完成，可以点击播放按钮预览一下，然后保存：选择菜单：文件 > 存储为Web所有格式，然后命名即可导出GIF动画。

最终效果：


注：有什么不懂 不明白随时发消息给我  我们一起努力学习！

超级二傻

支持一下[s:76][s:76]

天帝宙斯

兄弟~继续努力~东西不错~谢谢分享

性吧小苦

那就给个红字吧 嘿嘿

hbsznzc

楼主高手啊，我确实没怎么看懂哦……

性吧小苦

有什么没看懂 哪一步都可以问我

axluo

真不错，学习之后可以举一反三呐。
不论是以后工作上，还是自己做来玩，都是很好的帮助。

dwmssj00

PS确实不怎么容易学。

aidong888420

我想学PS皮图谁教我啊，有没有可以教的帅哥，美女。先谢谢

xsq6688

支持，学习中