动画腾讯推出移动端动画组件PAG,释放设计生产力!( 二 )
本文插图
2、全AE特性支持
PAG支持矢量和序列帧的混合导出 。 设计师可以按图层标记导出类型 , 从而实现支持所有的AE特性又能保持运行时的可编辑性 。
本文插图
为了在实现混合导出后 , 尽可能压缩序列帧的大小 。 PAG内部设计了视频序列帧的格式 , 充分利用了视频的极限帧间压缩能力 , 并扩展了透明通道的支持 。 另外 , 视频的格式还可以在运行时利用硬件加速解码 , 从而获得更高的渲染性能 。
本文插图
最后再通过导出插件在视频编码器上的针对性优化 , 最终做到了相比传统图片序列帧仅1.24%左右的文件大小 。
【动画腾讯推出移动端动画组件PAG,释放设计生产力!】3、桌面效率工具完善
本文插图
PAG提供的AE导出插件PAGExporter内置了40多种自动优化和提醒策略 。 例如自动缩小图片资源的分辨率 , 弹窗提醒相邻的序列帧图层可以合并等等 。 这些优化策略还在持续地增加 , 这样可以在导出的环节就进行性能把关 。
而桌面预览工具PAGViewer确保了渲染结果跟移动端完全一致 , 这样设计师可以所见即所得地生产素材 , 而不需要上线来回确认 。 并且提供性能监测面板 , 能够直观地看到每个素材量化的性能指标 , 并配套说明了各种指标的优化方向 。 最后通过服务端文件性能校验接口 , 业务方可以把它与素材管理端进行整合 , 在上传素材时自动判断素材性能是否合格 , 将性能把关做到全自动化 。 经过这一系列自动化工具的配合 , 设计师就能够独立地进行素材生产 , 制作出效果和性能均优异的动画素材 。
本文插图
三、五大应用场景 , 轻松玩转PAG
说了这么多 , PAG具体是如何灵活应用到动画制作场景中呢?
让我们来看看具体的应用效果吧~
1、UI动画
本文插图
上图右下角的Pick按钮 , 就是一个利用PAG实现的可交互UI动画效果 , 支持设计师编程控制进度、文本内容 , 从而做到对整个动画完全把控 , 研发只需要替换预设的文本内容即可 。 并且文件体积非常小 , 仅2KB左右 。
2、贴纸字幕
本文插图
目前 , 绝大部分的视频编辑App , 在贴纸字幕这块的实现都分为两种类型 , 要么贴纸有丰富的动效 , 但不可编辑;要么可以编辑文本 , 但只有静态或者简单的动效 , 大大束缚了设计师 , 降低了视频的整体观感 。 而PAG方案让贴纸有精美动效的前提下 , 还可以保持强大的编辑性 , 让使用者的个性化元素得到更好的呈现 。
3、照片模板
本文插图
PAG支持将内置的图片作为占位图替换 , 并保留所有动画效果 。 因此可以将整个PAG动画设计成一个照片模板 , 把想要的照片替换进去 , 自动套用效果生成视频 。 这个功能可以取代原先需要研发手动还原的动态相册的能力 , 让设计师批量化生产 , 提升效率 。
4、视频模板
本文插图
推荐阅读
- 设备间微软推出SurfaceFleet 一种实现多设备间交互的计算概念
- cnBeta|Apple Music TV 进行24小时音乐视频直播,苹果推出
- 中关村在线Genesys Spine推出3D打印的非螺钉式宫颈独立笼
- 战甲网德国MVS集团推出模块化防护和战术服装体系(MUST)
- [影视]腾讯影业、新丽传媒、阅文影视联合发布56个项目
- 新华网|香港推出虚拟现实影片 向全球推广本地旅游业
- 腾讯时尚|今年的毛衣,选纯色就对了!But…
- 京东秒杀携手超级百亿补贴再次来袭!京东11.11将推出超2亿件5折商品
- 周到|家居好物、美食餐券……静安这个街道推出老年志愿者专属“福袋”!
- 文娱商业观察《热血满满的弟弟们》燃爆收官,腾讯微视内容生态跃进
