动画腾讯推出移动端动画组件PAG,释放设计生产力!( 二 )


本文插图
2、全AE特性支持
PAG支持矢量和序列帧的混合导出 。 设计师可以按图层标记导出类型 , 从而实现支持所有的AE特性又能保持运行时的可编辑性 。
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
为了在实现混合导出后 , 尽可能压缩序列帧的大小 。 PAG内部设计了视频序列帧的格式 , 充分利用了视频的极限帧间压缩能力 , 并扩展了透明通道的支持 。 另外 , 视频的格式还可以在运行时利用硬件加速解码 , 从而获得更高的渲染性能 。
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
最后再通过导出插件在视频编码器上的针对性优化 , 最终做到了相比传统图片序列帧仅1.24%左右的文件大小 。
【动画腾讯推出移动端动画组件PAG,释放设计生产力!】3、桌面效率工具完善
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
PAG提供的AE导出插件PAGExporter内置了40多种自动优化和提醒策略 。 例如自动缩小图片资源的分辨率 , 弹窗提醒相邻的序列帧图层可以合并等等 。 这些优化策略还在持续地增加 , 这样可以在导出的环节就进行性能把关 。
而桌面预览工具PAGViewer确保了渲染结果跟移动端完全一致 , 这样设计师可以所见即所得地生产素材 , 而不需要上线来回确认 。 并且提供性能监测面板 , 能够直观地看到每个素材量化的性能指标 , 并配套说明了各种指标的优化方向 。 最后通过服务端文件性能校验接口 , 业务方可以把它与素材管理端进行整合 , 在上传素材时自动判断素材性能是否合格 , 将性能把关做到全自动化 。 经过这一系列自动化工具的配合 , 设计师就能够独立地进行素材生产 , 制作出效果和性能均优异的动画素材 。
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
三、五大应用场景 , 轻松玩转PAG
说了这么多 , PAG具体是如何灵活应用到动画制作场景中呢?
让我们来看看具体的应用效果吧~
1、UI动画
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
上图右下角的Pick按钮 , 就是一个利用PAG实现的可交互UI动画效果 , 支持设计师编程控制进度、文本内容 , 从而做到对整个动画完全把控 , 研发只需要替换预设的文本内容即可 。 并且文件体积非常小 , 仅2KB左右 。
2、贴纸字幕
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
目前 , 绝大部分的视频编辑App , 在贴纸字幕这块的实现都分为两种类型 , 要么贴纸有丰富的动效 , 但不可编辑;要么可以编辑文本 , 但只有静态或者简单的动效 , 大大束缚了设计师 , 降低了视频的整体观感 。 而PAG方案让贴纸有精美动效的前提下 , 还可以保持强大的编辑性 , 让使用者的个性化元素得到更好的呈现 。
3、照片模板
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图
PAG支持将内置的图片作为占位图替换 , 并保留所有动画效果 。 因此可以将整个PAG动画设计成一个照片模板 , 把想要的照片替换进去 , 自动套用效果生成视频 。 这个功能可以取代原先需要研发手动还原的动态相册的能力 , 让设计师批量化生产 , 提升效率 。
4、视频模板
动画腾讯推出移动端动画组件PAG,释放设计生产力!
本文插图


推荐阅读