SVGA技巧干货02_简单光晕与柔软飘带

前言

在职期间著作权归属公司，请勿私自转载。

相关预览gif和分享仅供交流，请勿商用。

原画同事很给力，长期提供很赞的礼物形象设计。

这次产品要一个5毛钱特效的礼物，新春花灯，元宵节用。

效果分析：简单效果，低价值节日礼物。注意灯笼光晕，柔软飘带。

完成效果：

效果简单，细节不多，但是礼物完成后产品给涨价了，算是对效果认可。

文件输出大小78K。1比1原效果输出GIF需要19.2M，压缩后精度也远不及SVGA。

给SVGA格式的出现点一个赞。

1.技巧1灯笼光晕及特征分析

这里当案例强调，主要是捋一下SVGA并不支持AE自带的图层模式效果（例如叠加）

反观早期见到的友商效果不够透亮以及没有光晕感，其实有些办法可以补足。

这里分享常用到的一个特效技巧，对比。去辅助补充需要的效果感受，主要有两点：

①纹理虚实对比，粒子类星光贴图，光晕要远大于实体纹理

②光晕亮暗对比，特效贴图本身的纹理强度有限，直播厅背景图颜色各异。

播放礼物同时淡入插入暗色的纯光晕图，即可达到让你的特效更为明亮，礼物也更突出。

2.技巧2柔软飘带及多种做法

类似效果用过的方法有【序列帧】【形状图层】【位图拼接动画】三个方法对比谈。

【序列帧】☆☆

刚刚转过来做效果时用的方法，简单粗暴，用spine或木偶工具制作动态，输出序列帧导入使用。

注：spine是其他单独2d动画软件；AE自带的木偶操控点模块不支持svga输出，以上是制作序列帧的方法举例。

弊端：文件资源大，单个SVGA资源过多时输出资源易闪烁及丢失。

【形状图层】☆☆☆

有动画基础的同学用起来较为顺手，使用制作过发丝、触须等效果。

这是SVGA仅支持的2个资源格式(位图和形状图层)。

弊端：据IOS程序分析，IOS平台对于形状图层的动态绘制性能较差，安卓还好。

尚不可深究，但如果牵扯到实时绘制，那必然是损失性能的方案。我目前定义为少用。

【位图拼接动画】☆☆☆☆☆

适合较为简单的柔软动画，衔接处会有明显锯齿感，不能够像上述两种方案进行纹理拉伸。

但是资源很省，性价比极高。常见的胡子、裙摆、尾巴等小幅度的柔软动画都好。

配合蒙版（ 钢笔工具、仅支持加法模式）、可控性很高，推荐使用。

3.整理唠叨

光晕点的贴图制作不做赘述，这里先跳过，如果有朋友需要，欢迎留言。

光晕类贴图的使用精度不用很高，往往400%~更大的缩放比例进行使用。

切分的细碎情况越多，动画自然越流畅，但是相应的成本也会激增，建议3-5节足矣。

位图拼接的飘带做法，中心思路是切图+轴心点调整，建议画一根飘带玩一下咯，一通百通。

在阅读了我的文章后，期待大家慢慢减少序列的使用，了解更多思路资源能省则省。

SVGA只是个格式工具，有坑有技巧，分享快乐，欢迎加入组织共同交流学习。

SVGA动效设计交流群：533358660