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

杭州/UI设计师/2年前/874浏览
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
|
11
Share
相关推荐
教程
教程
教程
教程
作品收藏夹
Flyme AIOS 2.0
Homepage recommendation
内容含视频
怎么巧用手写连笔的特点?
Homepage recommendation
文章
一楼咖啡
Homepage recommendation
内容含视频
2025 Annual Portfolio
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
教程
教程
教程
教程
作品收藏夹
UI
UI
UI
UI
作品收藏夹
ae动画bodymovin
ae动画bodymovin
ae动画bodymovin
ae动画bodymovin
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
大家都在看
Log in