一键部署动态效果,让线上互动体验更“动”人

Adobe After Effects支持腾讯PAG工作流解决方案,大幅提升动态效果的制作效率

logo

腾讯PAG(Portable Animated Graphic)

成立于2016年

深圳市

https://pag.art/  

主要成果

实现了动态效果的一键部署

tickbox icon

目標

降低动态效果制作的开发成本

实现动态效果的快速发布

为线上互动提供更佳客户体验

graph icon

成果

Adobe After EffectsPAG的有效结合为设计师提供了所见即所得的动态效果交付工作流程,可一键部署和上线高质量的动态效果

腾讯广告营销服务线(AMS)业务在切换到由Adobe After Effects支持的PAG工作流程后,视频模板的月产量直线提升了 50 倍,视频渲染性能提升了8倍。腾讯游戏业务在部署了PAG工作流程后,节约了66%的机器成本

PAG 已于 20221 14 日正式开源至 GithubSDK已接入并服务了腾讯内外300多个产品和业务场景

数字时代,动效交互势不可挡

从短视频中有趣的虚拟场景,到游戏中酷炫的视觉特效,再到直播间中粉丝常用于打榜的“火箭”、“轮船”等礼物,如今在各类软件应用与社交平台、甚至是车载平台中,动态效果(以下简称动效)成为了创作者和用户表达自我以及参与互动的不可或缺的媒介,高质量的动效也逐渐成为各种软件应用和社交平台树立自身特色的重要组成部分。为了以更优质的线上互动体验来吸引和留存用户,如何快速制作并上线动效成为了平台和设计师的新课题。

 

与此同时,传统的动效工作流程面临着开发周期长、成本高、上线还原难度大等诸多挑战。首先,以往的流程需要先由设计师设计好图形和动画,再由软件工程师通过代码还原效果方能完成。这就需要设计师和开发者这两种思维方式差别极大的角色在工作中不断地沟通、磨合和反复修改,沟通成本较高、所需时间较长。其次,随着动效变得愈加复杂,代码的还原难度也相应提高,在实际工作中时常会被迫以简化视觉效果为代价换取动效的上线。在当今这个快速迭代的数字时代,这些挑战都会导致平台无法及时响应瞬息万变的用户需求。


我们正处在一个内容高速更新的视频时代。在After Effects的支持下,PAG动效工作流程解决方案颠覆了传统的上线方式,帮助设计师快速且便捷地一键部署动效,让软件应用和社交平台能够第一时间为用户提供卓越的线上互动体验。

 

腾讯OVBU媒资产品中心副总监陈仁健


After Effects提供强大动效设计功能,支持腾讯PAG动效工作流解决方案

为了帮助广大设计师及各大互联网应用和平台创建更多优质的动效、优化线上互动体验,腾讯推出了PAG(Portable Animated Graphics),一套全新的动效工作流程解决方案,致力于将动效快捷地应用于各个平台终端,降低或消除动效研发相关的成本,打通从设计师创作素材到交付上线的极简流程,不断输出运行时可编辑的高质量动效内容。

 

Adobe Creative Cloud是设计师首选的创意应用软件,旗下After Effects具备强大的创作功能和广泛的用户基础。依托Adobe广泛的协作生态,After Effects拥有丰富的插件及特效功能,能够充分满足动效设计师的创作需要。After Effects简单易学,自带丰富的动画预设,更新后的23.0版本更是新增超过 50 种新动画预设,非常适合现代的设计工作流程,能够帮助设计师快速创建动画,用更多时间聚焦创意,从而创作出更好的特效效果。也是基于这些优点,腾讯PAG选择了After Effects支持其流程中非常重要的动效设计部分。

 

当设计团队在After Effects中制作完动画效果后,可以通过PAG Exporter导出成PAG动效,随后在PC端通过预览工具PAG Viewer实时预览效果。基于PAG工作流程,设计师可以最大程度地降低设计与开发实现的差距,保证“所见即所得”。同时,设计师可在保留动效的前提下,替换文本或占位图内容,甚至对任意子图层进行增删改及移动,实现照片和视频模板等素材的批量化生产。最后,设计师便可顺畅地在各平台通过接入渲染SDK加载和渲染动效。

相比其他同类型的解决方案,PAG具有很多显著的优势。首先便是无需开发代码还原,设计师可自行把控交付效果。此外,通过PAG流程处理的动画导出文件更小,甚至能够缩小到原来的一半。PAG还支持全部After Effects特性导出和更加丰富的运行时的编辑接口,以及对几乎所有主流平台的覆盖。

 

After EffectsPAG的有效结合为用户提供了所见即所得的动效交付工作流程,让设计好的优质动效可以一键部署上线,不再需要代码还原,节约了各项成本,提升了交付速度。

 

腾讯OVBU媒资产品中心副总监陈仁健表示:“我们正处在一个内容高速更新的视频时代。在After Effects的支持下,PAG动效工作流程解决方案颠覆了传统的上线方式,帮助设计师快速且便捷地一键部署动效,让软件应用和社交平台能够第一时间为用户提供卓越的线上互动体验。”


Adobe After Effects和腾讯PAG携手打造的高效便捷的工作流程获得了客户一致好评。未来,我们希望能够借助Adobe的产品和优势,攻克动效领域的更多挑战。

 
腾讯OVBU媒资产品中心副总监陈仁健

腾讯PAG助力客户提升线上互动体验

After Effects支持的PAG动效工作流解决方案于2022114日正式开源至Github。目前,团队日常对接超过2,000个持续增长的设计师和研发用户群,PAGSDK也已接入并服务腾讯内外300多个应用和平台,包括微信、QQ、王者荣耀、知乎、小红书、哔哩哔哩、虎牙直播、MOMO陌陌,豆瓣等,稳定性经过了海量用户的持续验证。已经基于Apache 2.0协议开源的PAG解决方案可以继续免费商用,支持更多的设计师拥更快交付吸引人的动效体验。

 

此外, PAG解决方案也在帮助腾讯旗下的多个业务部门实现海量原子动效或模板素材的批量上线。例如,在视频广告的场景下,腾讯广告营销服务线(AMS)业务在全面切换到PAG的方案后,视频模板的月产量直线提升了50倍,渲染性能提升了 8倍。腾讯游戏业务在部署了PAG工作流程后,节约了66%的机器成本。

 

腾讯OVBU媒资产品中心副总监陈仁健补充道:“Adobe After Effects支持的PAG解决方案获得了客户的一致好评。未来,我们希望借助Adobe的产品和优势,攻克动效领域的更多挑战。我们也希望通过开源进一步推广PAG成为动效的标准承载格式,通过完善配套支持体系,帮助这个生态系统取得更加成熟稳健的发展。”

Recommended for you