前言

常有新朋友，刚玩svga，带着任务来比较着急，期待快速把已有效果转换成svga。

也有朋友看到友商的效果不错，拿过来一分析，照做得用一整套序列帧才好实现。

虽然总是强调不建议一个礼物就是一整套序列帧，但序列帧素材的引用在svga动画制作中仍是较为频繁的，

这一篇很干、但问的人比较多，调整了顺序。先谈谈序列帧的使用。

 

1.序列帧礼物\素材的制作流程

快速带大家简单了解下基本的工作流（建模→动画→灯光→渲染及后期）

常见的表现形式有三维礼物转动视角、游戏角色展示等，这些效果可以通过Max、Maya、C4d、Blender等3d建模软件完成基本动画、配合灯光、相机镜头、渲染出图。

特效类资源模块庞当，拿来主义也可，使用传统2d特效的工艺能制作复杂烟花、紊乱闪电等超多滤镜酷炫效果。

具体案例就先不在这班门弄斧了，常用的辉光、粒子、描线、着色转场等效果超多，很多大佬写过分享。

感兴趣的可以拓展安装些AE插件：Red Giant Trapcode、Genarts Sapphire、AK大神VideoCopilot插件合集等，

这几个全家桶的安装包好找、教程很多，每次玩都能让你有不一样的体验。

 

2.序列素材的导入使用

①   AE全选导入每一张序列帧图（注意重点不要勾选png序列）

导入应该如图2所示

②   将整组序列素材拖入合成组，裁切成指定帧长度（一般逐帧即可）

③不需要手动排列，我们找到顶栏动画→关键帧辅助→序列图层

④   得到序列帧的自动排序如下（也可以反选反向排列）

这样你的序列帧就可以正常使用及输出了。

3.序列帧资源的使用技巧

序列过多无法方便的管理和调节，做个旋转啊缩放啊，且找不全系列资源。

标签填色呢是个办法，但妙用父节点更佳，可以完成打组捆绑操作。步骤：

导入一张纯色固态层，尺寸不用太大，能点到就好。（无法输出固态层、所以就是个空节点，放心用）

命名为节点，拖入排好序列帧的合成组，透明度给到0，将其余序列帧父级链接到该节点。

全体图层拷贝到你svga的合成组（主要效果合成组）拖动节点进行适配。

这一步的效果类似和预合成，但在svga中，序列的支持较差，减少不必要的合成组，很关键。

父节点的妙用还有很多，有机会我们再分享，鼓励你使用序列素材时有这个习惯。 

4.序列帧资源的优化方式

序列帧有多费不用多说，常用的优化方式有素材缩减和序列抽帧。

①素材缩减

不要小看素材缩减，图片大小50%的尺寸缩小，一套序列帧就能减少75%的大小。

②序列抽帧

每2抽1，或者每3帧删2帧都行。重点是配合帧率，把原效果的节奏时长还原回来。

例：你帧率原本30帧每秒，对半隔帧删50%，帧率15基本没问题。

狠点就设置帧率10帧，每3张删2张。资源删减节省，配合帧率，效果时长前后保持一致。

③批量处理

可以在PS批处理或者AE操作，个人更喜欢用AE输出，缩小尺寸，删减抽帧。

抽帧有些朋友看到这，就去手动一张张删图了，其实是有更爽利的方法：

进行素材右键→时间→时间伸缩进行（33%or50%的缩放预览、继而输出）效率更高。

输出的序列号也是连贯的，对我们强迫症患者来说十分友好了。

④输出技巧

渲染队列记得输出透明通道之类基础操作就不提了，站酷这里都是人才和大佬。

我建议先使用缩放后的合成组继续制作效果，等精度、细节能确认使用了，再进行输出（资源正式化一步到位）。

5.还是遇到坑了怎么办

问：序列帧这种图片资源有没有什么更好压缩方式？

答：常用推荐https://tinypng.com/

但svga的压缩格式很优秀，位图再单独压缩效果不会太明显，

没有你在线下载时立马节省70\80%那么夸张，最终体现到输出结果可能也就5%左右甚至更少。

问：序列帧资源需要循环多次，把资源做了处理并打了单独的合成组，用多个合成组前后拼接实现了序列帧循环多次的效果。但是输出时有的帧会丢失？

答：单一的序列重复加长时间，拖下来多组、排列好给一次关键帧辅助即可。

SVGA对序列的支持很不友好，资源量大时序列资源丢失会是常态，资源少合成组的问题不明显、但是多了再减很痛苦。

资源输出丢失往往与合成组深度有关，解决方法往往都是减少合成组，所以在制作之初，就建议考虑到少用合成组，预先加好父集控制节点，为接下来的动画调整做准备。

问：序列帧缩小了、也减帧了，10多秒的效果输出的svga还是大几兆。

 答：小的将就下就算了，10几秒的效果，您纯序列还非要用svga的话，建议重做了。

使用的位图资源如果合理，输出的文件一般不会超过1M（100-200K就很客气了），当然特大型礼物除外。

文件大小是一回事，内存估计都上百兆了，弹出这个礼物时应用很可能就崩了。。。

svga动画，正确制作，输出后，内存往往在4M以内，8M就会有性能波动，输出时有弹窗提示。

直播平台礼物插件较多，不同端历史演化过来的，听朋友聊到的就有近10种。

如果一些礼物一定要用大量序列帧，看看站酷的朋友们有没有什么好建议了。

欢迎进群交流学习。SVGA动效设计交流群：533358660