SVGA动效实现方案二(粒子特效导出)

杭州/UI设计师/2年前/847浏览
SVGA动效实现方案二(粒子特效导出)
玖卉语

SVGA兼容iOS/安卓/Flutter/Web多个平台动画格式。文件体积更小 播放资源占用更优 动画还原效果更好且复杂效果可支持序列帧导出

一、AE导出序列帧

1.打开需要导出的文件,选择合成-添加到渲染列队(或快捷键Command+M)

2.输出模块:格式选择【PNG序列】

输出模块:通道选择【RGB+Alpha】,点击确定

3.选择储存位置,再点击渲染

4.即可得到下列序列帧

二、序列帧导出SVGA

1.打开AE,将序列帧导入到AE中,从菜单--文件--导入,选择储存序列帧的文件夹,选择导入文件

2.对序列帧进行裁剪(关键),因为拖入序列帧是占据整个时间轴的。我们全选,快捷键:alt+】 ,进行裁剪


3.将序列帧进行错位,选择菜单栏--关键帧辅助--序列图层,这里默认,直接点击确定

序列帧错开如图所示:

4.SVGA插件导出,导出如下

采用序列帧方式导出所占有的内存会比直接导出大很多,设计师在落地过程中和开发密切沟通,寻找最合适的落地方案。2.对序列帧进行裁剪(关键),因为拖入序列帧是占据整个时间轴的。我们全选 快捷键alt+】进行裁剪

4
阅读原文
|
Report
|
10
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
教程
教程
教程
教程
作品收藏夹
ae动画bodymovin
ae动画bodymovin
ae动画bodymovin
ae动画bodymovin
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in