Home > Web Front-end > PS Tutorial > body text

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

PHP中文网
Release: 2016-06-01 14:34:06
Original
1860 people have browsed it

最终效果

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


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

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

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

jc111116_4.jpg

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

jc111116_5.jpg

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

jc111116_9.jpg

jc111116_6.jpg

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

jc111116_7.jpg

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

jc111116_8.jpg

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

jc111116_9.jpgjc111116_10.jpg

图10

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

jc111116_11.jpg

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

jc111116_12.jpg

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

jc111116_13.jpg

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

jc111116_14.jpg

图14

jc111116_15.jpg

图15

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

jc111116_16.jpg

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

jc111116_17.jpg

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

jc111116_18.jpg

15、光束部分基本完成,下面来制作动画,选择菜单:窗口 > 动画。
jc111116_19.jpg

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

jc111116_20.jpg

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

jc111116_21.jpg

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

jc111116_22.jpg

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

jc111116_23.jpg

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

jc111116_24.jpg

图24

jc111116_25.jpg

图25

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

jc111116_26.jpg

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

jc111116_27.jpg

23、回到最后一帧,新建一帧,只显示中间的光束,如下图。

jc111116_28.jpg

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

jc111116_29.jpg

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

jc111116_30.jpg

最终效果:

jc111116_1.gif


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template