html 粒子效果 gif,利用PS制作带有粒子效果的gif动画字体效果!

这篇教程详细介绍了如何在Photoshop中通过动画帧功能创建一个粒子字体动画。步骤包括制作文字背景、添加颜色、制作粒子光效,以及利用时间轴设置动画帧实现动画效果。最终通过调整和过渡帧的添加,完成了一个循环播放的GIF动图。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天我们学习利用PS的动画帧来制作一个粒子字体的动画效果,步骤有点多,耐心看下去!

先看下效果图:

140310487_1_2018080410141591

做动画首先学会拆分,这个动画中腊八粥字效是不动的,粒子效果是动的,我们分开来处理,先制作不动的文字部分。

1. 创建900*500像素的文档

140310487_2_20180804101415450

2. 输入“八宝粥”几个字,并栅格化文字图层。

140310487_3_20180804101415575

3. 将文字图层的填充调整为0,添加图层样式【描边】

140310487_4_20180804101415700

4. 创建一个新图层,将新图层与文字层合并,目的是合并样式效果,使其变成一个不带样式的描边文字效果。

140310487_5_20180804101415778

5.向上复制两个文字层,分别命名为上中下

140310487_6_20180804101415888

6.选中中间层进行【动感模糊】,如果一层光效比较淡可以多复制几层,最后合并为一层

140310487_7_20180804101415981

140310487_8_2018080410141691

7. 下面为文字添加颜色。在图层的上方创建一个空白图层,填充上渐变里面的彩虹渐变,颜色可以自己随意设置。

140310487_9_20180804101416200

8. 将渐变层的颜色更改为【颜色】模式。

140310487_10_20180804101416325

9. 纯白色是不能通过颜色模式上颜色的,所以我们将上下两层的透明度适当降低来进行改变。

140310487_11_20180804101416419

10. 继续对中间的光效进行修整,多复制几层,用橡皮擦将多余的擦掉。最后记得将这些合并到一个图层,完成文字背景的制作。

140310487_12_20180804101416497

11. 下面来制作粒子光效,在顶层文字的下方创建一个新图层,将图层填充为黑色。

140310487_13_20180804101416638

12. 为图层添加杂色。

140310487_14_20180804101416919

13. 白点太多,需要适当减少粒子,先进行高斯模糊。

140310487_15_2018080410141744

14. 继续通过色阶调整黑白场,保留个别的粒子。

140310487_16_20180804101417122

15. 将颜色层打开,可以看到星光也会带上颜色。

140310487_17_20180804101417231

16. 星光不需要全图都有,我们在星光层下方做色块,通过剪贴蒙版限制上方星光的区域。首先在星光层下方创建一个空白图层,利用多边形工具将需要显示光效的地方建立选区。

140310487_18_20180804101417325

17. 将图层填充黑色,将粒子图层创建剪贴蒙版,剪贴到这个图层上,并将混合模式更改为【滤色】。完成光效的制作。

140310487_19_20180804101417403

18. 准备工作完成,下面通过【窗口-时间轴】打开时间轴,选择动画帧

140310487_20_20180804101417513

19. 将最上方的彩色层放大,放到左下角,将粒子星光向下拖拽。

140310487_21_20180804101417638

20. 复制所选帧,将彩色层拖拽到右上角,将粒子星光向上拖拽。

140310487_22_20180804101417716

21. 继续复制第一帧,将第一帧拖拽到最后,这样首尾相同可以形成循环。

140310487_23_20180804101417810

22. 选中第一帧,按住Shift加选第二帧,选中两帧添加20张过度帧。

140310487_24_20180804101417903

23. 同样第二帧到第三帧帧也添加20帧的过度,将循环更改为永远。

140310487_25_20180804101417981

24. 最后导出GIF格式文件,完成动图的制作。

140310487_26_2018080410141891

140310487_27_20180804101418231

我是小勇,喜欢就关注,转发分享咯!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值