首页 > 设计 > 详细

Photoshop制作出绚丽的光束文字GIF动画

时间：2016-01-21 18:10:33      阅读：128      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享


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

技术分享
<图1>
 
2、把文字图层复制一层，然后右键选择“栅格化文字”。确定后新建一个组，把栅格化后的文字拖到组里面，并再复制一份，如图3。

技术分享
<图2>

技术分享
<图3>

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

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

技术分享
<图5>

技术分享
<图6>

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

技术分享
<图7>
 
6、执行：滤镜 > 锐化 > USM锐化，参数如下图。

技术分享
<图8>

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

技术分享
<图9>

技术分享
<图10>

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

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

技术分享
<图12>

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

技术分享
<图13>

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

技术分享
<图14>

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

技术分享
<图16>

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

技术分享
<图17>

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

技术分享
<图18>

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

技术分享
<图19>
 
16、选择第一帧，在图层面板只显示第一组，如下图。

技术分享
<图20>

17、在时间选择菜单中把时间设置为0.1秒。

技术分享
<图21>

18、点击新建按钮新建一个帧。

技术分享
<图22>

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

技术分享
<图23>
 
20、回到第一帧，点击面板下面的过渡按钮，参数设置如图24，效果如图25。

技术分享
<图24>

技术分享
<图25>

21、回到最后一帧，再新建一帧，图层只显示最上面的光束，如下图。

技术分享
<图26>

22、回到前一帧，同上的方法设置过渡，如下图。

技术分享
<图27>
 
23、回到最后一帧，新建一帧，只显示中间的光束，如下图。

技术分享
<图28>

24、同上的方法设置过渡，再回到最后一帧，新建一帧，只显示底部的光束，然后设置过渡。

技术分享
<图29>

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

技术分享
<图30>

最终效果：

技术分享

Photoshop制作出绚丽的光束文字GIF动画

原文：http://www.jb51.net/photoshop/40035.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！