当前位置:主页 > ui设计 >

腾讯宣布PAG动画组件正式开源 已广泛用于微信、手机 QQ、王者荣

发布日期:2022-01-14 22:15   来源:未知   阅读:

  当前最好的动画设计软件是 Adobe After Effects(简称 AE),从 AE 动画制作到终端 App 呈现,传统的实现方式如上图所示,有三大痛点:实现成本高、沟通成本高和性能难以保证。

  PAG 的流程图如下图所示,设计师使用 AE 设计好动画以后,通过 PAGExporter 插件导出 PAG 动画文件,在桌面端预览效果确认无误后,部署上线,各平台端接入渲染 SDK 后可以直接加载 pag 文件实现动画渲染。

  相对传统研发还原的方式,PAG 方案显著提升了动画素材上线的效率:设计师设计完成可以直接输出动画文件,研发不需要再参与代码还原,只需要接入一次 SDK 即可做到素材自助上线,也避免了反复进行效果确认的联调时间成本,并且还能够批量化生产素材,从流程上直接取代传统小工作坊形式,利用工业化生产方式大幅提升设计和研发效率。

  导出相同的 AE 动画内容,在文件解码速度和压缩率上均大幅领先于同类型方案。采用可扩展的二进制文件格式,可单文件集成包含图片、音频等任意设计资源。

  支持纯矢量导出方式的同时,还引入了 BMP 预合成结合矢量的混合导出能力,实现支持所有 AE 特性的同时又能保持动画运行时的可编辑性。

  在保留设计预设动画效果的前提下,可以在运行时轻松替换文本和占位图的内容,能够大幅降低类似照片模板和视频模板的研发成本。PAG 支持的编辑特性不仅限于占位资源的替换,还支持图层级别的自由组合。能够对每个动画的图层树进行任意的增删改位移,也能够根据编程规则动态组合多个原子 PAG 特效素材合成一个运行时的定制化模板,能够完美适配类似一键出片、游戏战报等智能模板的需求。

  针对设计师设计动画的痛点,导出插件增加了使用了不支持 AE 特性提醒功能,支持一键设置 BMP 预合成、设置占位图的填充模式、设置 PAG 动画的伸缩模式等。另外导出插件内置了数十种自动优化素材的策略,让设计师轻松制作出效果和性能俱佳的动画素材。

  桌面预览工具不仅支持桌面端预览动画效果,还支持设计师本地填充素材,实时预览填充效果,无需等待上线后才能确认真实效果,避免了大量来回返工的成本。

  性能检测可以让设计师很方便的看到 pag 动画的基本信息,还有量化的性能指标,定量的评估 pag 文件的性能,方便设计师进行针对性的优化,而不需要等到上线前才会暴露性能问题。

  设计师设计出动画文件后,研发只需要替换预设的文本内容即可,并且文件体积非常小。

  PAG 的动画文件可以在任意子线程渲染,可以合成到视频画面,作为贴纸、字幕、特效、转场动画使用,且支持保留动画效果前提下让用户自己修改文本内容。

  PAG 支持将内置的图片作为占位图替换,并保留所有动画效果。因此可以将整个 PAG 动画设计成一个模板,把预设的占位图替换成用户选取的照片,自动套用效果生成视频。全程可以让设计师自由批量生产模板,无需研发介入。仍然基于图片替换原理,PAG 也支持将占位图替换为视频,实现视频模板功能。

  智能剪辑是围绕用户上传的视频内容手机报码开奖现场直播。生成定制化的模板,模板本身是不固定的,由多个 PAG 文件组合而成,类似活字印刷。设计师可以利用这个特性,构建自己的特效组件库,然后对接 AI 的识别能力,根据一定规则组合得到无限数量的模板效果,可以做到一键出片。这块目前的典型应用场景是王者荣耀的周战报功能,随机生成游戏高光时刻视频。

  每日头条、业界资讯、热点资讯、八卦爆料,全天跟踪微博播报。各种爆料、内幕、花边、资讯一网打尽。百万互联网粉丝互动参与,TechWeb官方微博期待您的关注。

  前瞻2022之产业链:“整零关系”改写 车企布局供应链既为生存、也存野心

  第三方核酸检测机构被曝“加急费”高达数百元,企查查显示涉事公司已经营异常

  第三方核酸检测机构被曝“加急费”高达数百元,企查查显示涉事公司已经营异常

  因多起消费者投诉 加拿大监管机构特斯拉Model 3 / Y热泵系统展开调查

  LG新能源同一矿商签订70万干吨锂精矿采购协议 可生产约250万辆电动汽车

  青云QingCloud EHPC 打造即买即用的全流程SaaS化超算服务

  蚂蚁链发布BTN:可将区块链网络吞吐量提升186% 带宽成本降低80%

  蚂蚁自研数据库OceanBase宣布开源 300万行核心代码向社区开放

  199元 国产虚幻4大作《轩辕剑柒》上架PlayStation国行商店