AEJoy —— 详解 AE 如何将 png 序列帧导出为 SVGA 动画文件

8 篇文章 6 订阅 ¥99.00 ¥9.90

效果预览

我在 PC 上用 OpenGL 实现了一个 svga 预览的程序

 

“闪烁”是原序列帧设计的问题

 

1.导入 png 序列帧至AE

从菜单栏 “导入” -> “文件” ,选择存放序列帧的文件夹

 然后导入,接着看到如下界面,直接确定。

此时,窗口中就显示了我们所导入的所有序列帧,如下所示

 

2. 对序列帧进行裁剪【关键

我们刚导入的序列帧默认是占据了整个时间线的

所以我们需要手动对它进行截取,windows 上的快捷键是 alt + [ alt + ] 来分别进行前后的裁剪。

裁剪的结果如下所示,这里我们只保留一帧的时间。

 

3.将序列帧进行错位

这一步,我们需要回到菜单栏,“动画”-> “关键帧辅助” -> “序列图层

这里直接默认,并适当调整工作区时间即可,结果如下所示。

 

4.利用插件导出 SVGA 动画文件

菜单栏中 “窗口”-> “扩展” -> SVGAConverter_AE ( 详见 下载安装教程 【如有问题建议及时更新和官方同步】,Animate CC 也有相应插件 )打开该插件

然后再点击 “输出路径” 按钮,选择我们要输出的 svga 的目录和名字,最后就可以点击 “开始转换 - 2.0” 了(需要等待若干时间,期间可能会出现闪烁)

5.预览结果 

我们可以通过点击 “播放文件” 按钮,选择我们刚刚导出的 svga 动画,效果如下【20帧 132*130 分辨率的图像,解吗到内存中,占用还是高达 1.3 MB,可见如果分辨率更大,帧数更多的话,在移动端还是鸭梨不小

 

也可以直接拖动到这个网站进行预览 —— http://svga.io/svga-preview.html 

官网还提供了其他功能(比如 protobuf 描述的素材信息),感兴趣的读者可以自行探索。

 

参考链接:

https://www.bilibili.com/video/BV1Ut411r7Gj?p=3

http://svga.io/designer.html

 

  • 0
    点赞
  • 8
    评论
  • 8
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 点我我会动 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值