比Lottie还好用!腾讯新晋免费动效设计神器PAG优设网

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

近几年,业界诞生了像Lottie、SVGA这样的动画工作流解决方案,虽然在一定程度上提升了生产效率,但存在AE支持能力有限、动画性能难以保证、配套工具支持有限的问题。

图2PAG动画工作流流程图

与Lottie、SVGA相比,PAG增加支持了服务端。除此之外,如图3所示,PAG动画方案在导出动画文件大小、AE特性支持和可编辑性方面具有较大的优势。

图3PAG和Lottie对比图

1.矢量特性能力的支持

和Lottie、SVGA实现不同的是,PAG不依赖平台端渲染接口,可以实现各平台的渲染一致性。PAG与Lottie、SVGA的矢量能力支持如附表1《AE特性能力支持》所示。

2.BMP预合成--全AE特性支持

无论是PAG还是Lottie、SVGA,所支持的AE特性仅仅是AE众多特性中的很少的一部分,这在一定程度上限制了设计师的创造力。针对这个问题,PAG新增了BMP预合成的导出方式,支持导出所有AE特性,适用于不可编辑的场景。其原理如图4所示,在合成的层面将渲染结果截取成图片,然后进行视频编码。

图4BMP预合成原理图

针对视频不支持透明通道而动画需要包含透明通道的问题,在编码的层面扩展了透明通道的支持,如图5所示。

图6PAG矢量和BMP预合成混合导出

1.不支持AE特性提示

针对导出动画和AE设计动画存在偏差的问题,PAG导出插件增加了使用了不支持AE特性提醒功能,如下图7所示。

图7PAG导出面板

在预览界面,同样有不支持特性的提示,如图8所示。

图8PAG导出面板预览窗口

在使用AE设计动画的过程中,设计师可以方便快捷的提前查看使用了那些不支持直接导出的AE特性,换种实现方式或者导出成BMP预合成,有效的解决了设计动画和导出动画存在偏差的问题。

2.BMP预合成一键设置

在AE动画设计的过程中,PAG导出面板提供了一键设置BMP预合成的方法,如下图9所示。需要提示的是,一旦设置了BMP预合成,该合成中的文本和图片将不能再被用户编辑。

图9BMP预合成设置

由于BMP预合成可能会影响到可替换图片的数量,PAG同时会实时更新可替换图片的数量给设计以提示。

3.图片填充模式设置

在用pag设置的素材中,经常会遇到用户填充的图片与默认占位图尺寸不一致的情况,在导出面板中PAG增加图片填充的四个规则,如图10所示:

图10可替换图片填充设置

其中:

不缩放:画面不缩放,从左上角位置开始裁剪

黑边:在保持高宽比的情况下缩放到设备的可用屏幕大小,图像不发生变形,如果图片尺寸和填充区域比例不一致,会出现黑边,为默认填充模式

拉伸:不保持宽高比填充,会发生失变形

裁剪:在保持高宽比的情况下缩放到完全填满可用的屏幕大小

具体效果如图11所示。

图11图片填充效果图

1.效果预览

PAGViewer支持桌面端预览PAG文件动画效果,如下图所示。支持查看动画文件中包含有多少个可编辑文本和可编辑图片,且支持设计师本地填充素材,实时预览填充效果,无需等待上线后才能确认真实效果。图片占位图支持填充图片或视频,如果PAG文件内置了音频文件,支持播放音频效果。具体效果如图12所示。

图12PAG效果预览

2.性能检测

在pag动画实际使用的过程中,PAG经常遇到的问题是设计师辛辛苦苦设计的动画在终端上性能表现不佳,需要进行返工优化,同样的问题在使用Lottie方案时候也会存在。

除了效果预览,PAGViewer还增加了性能展示面板,可以很方便的看到pag动画的基本信息,如时长、帧率、尺寸、bmp预合成的数量,图层总数等,还有量化的性能指标,定量的评估pag文件的性能,如图13所示,方便设计师进行针对性的优化,而不需要等到上线前才会暴露性能问题。具体效果如图13所示。

图13PAG性能展示面板

目前PAG方案已经广泛应用于腾讯公司内外几十款产品中,涵盖了众多的国民级应用。

总结下来,PAG目前主要使用在以下几大场景:

1.UI动画

图15UI动画场景

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

2.贴纸动画

图16贴纸动画场景

3.照片/视频模板

图17照片/视频模板场景

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

仍然基于图片替换原理,PAG也支持将占位图替换为视频,实现视频模板功能。

4.智能剪辑

图18智能剪辑场景

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

THE END
1.新的转场素材又有了视频 打好反腐败这场攻坚战持久战总体战 中国AI人才缺口将达到400万 女生素颜艺考被擦妆5次终成状元 灌溉不再“一炮轰” 高标准农田持续“更新” 南京胖哥宣布妻子怀孕 美国贸易代表办公室公布2024年恶名市场名单,腾讯微信被移除名单 宝格丽晚宴合影刘亦菲站C位 健身教练带娃四个月变潦草小狗 洛杉矶大火多位明星https://m.163.com/v/video/VKKHJ3L7R.html
2.AppStore上的“捷映简单轻松制作视频 西安方迈网络科技有限公司 专为iPhone 设计 免费 提供App 内购买项目 iPhone 截屏 简介 套用模板快速制作视频 【捷映】是西安方迈网络科技有限公司旗下的一款视频制作工具。 【捷映】深受抖音、快手等热门短视频平台用户喜爱,是一款专业的短视频制作工具。 https://apps.apple.com/cn/app/%E6%8D%B7%E6%98%A0-%E5%A5%97%E7%94%A8%E6%A8%A1%E6%9D%BF%E8%BD%BB%E6%9D%BE%E5%88%B6%E4%BD%9C%E8%A7%86%E9%A2%91/id1542555473
3.书单视频助手书单模板套用 视频剪辑 视频压缩 格式转换 音乐相册 01. 书单视频制作 书单视频随心创作,软件内置各类模板随意取用,可根据个人喜好自由设置文字动画、气泡等;支持添加翻页动效,助您剪辑逼真视频。还可进行实时文字转语音,快速制作有声读物。使用场景 个人分享 网络时代,大家喜欢自制视频分享到网络平台上,借助该软https://www.xunjieshipin.com/shudan/
4.易企秀免费H5模板AI在线设计海报视频数字人易企秀创提供免费H5微场景、海报、长图、表单、视频、互动游戏、画册、数字人、建站、小程序等制作工具及企业微信私域数字智能营销平台,助力企业高效完成内容创意、传播获客、数据管理、效果转化的自营销闭环。https://www.eqxiu.com/
5.视频模板免费制作有哪些APP推荐视频模板免费制作有哪些下载豌豆荚视频模板免费制作有哪些榜单为您提供最新视频模板免费制作有哪些大全,这里不仅有视频模板免费制作有哪些安卓版本APP、历史版本应用下载资源,还有类似视频模板免费制作有哪些的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/1326712/
6.视频模板app有哪些视频模板免费制作app视频模板软件大全视频模板app里面拥有海量的视频模板,各种类型的都有,这些模板直接进行套用即可,能够让用户的每个视频制作的都非常完美,就算是新手小白也能够轻松上手哦,有感兴趣的用户快来下载吧!http://www.downcc.com/k/shipinmoban/
7.视频模板定制一起剪提供各类高清视频模板,支持模板一键套用合成,多种风格齐全,包括抖音,快手,视频号等热门视频模板制作套用https://www.yiqijian.com/video-templates
8.素材即定向:如何通过素材引爆流量1、现成模板,一键套用 闪剪APP内提供了大量热门的视频模板,从信息流场景再到种草、知识科普、营销等都有。 你只需要选中一个模板,输入文案,再选择喜欢虚拟人形象,调整配音,几分钟就可以生成一个视频。 2、数字人形象丰富,且有版权 App内的虚拟数字人不仅提供了国内外的多种形象、多种服饰(例如职业装&休闲装等)https://www.niaogebiji.com/article-190786-1.html
9.免费ppt模板西瓜视频教程免费下载模板 简单大方的科研ppt模板 软件开发分享模板ppt PPT模板用什么色调好看 大学优秀团支部汇报ppt模板 培训类ppt简约模板 模板ppt免费幼儿 ppt产品介绍首页模板 免费下载现场展示用的ppt模板 免费用ppt模板的网站 抖音超火ppt模板制作 ppt自我介绍喜庆模板 制作ppt怎么换模板 ppt自带模板套用 简约大气黑白ppt模板 ppt模板https://www.2ppt.com/tag/420402.html
10.音乐相册视频制作模版艾奇电子相册制作软件, 一键添加,即可将图片、视频、音乐、文字制作出设计感十足的视频相册, 海量的专业模板, 云端处理技术, 帮你快速合成各种视频格式的视频电子相册。 . . 艾奇电子相册模板 . . 艾奇电子相册制作软件海量炫酷模板一键套用。 导入您的图片制作视频,轻松制作 电子相册,输出4K、高清视频,可用于大https://www.aiqisoft.com/aiqinews/new_37.html
11.PR模板怎么套用?Pr模板怎么替换素材?更改prproj模板,如何在已有的新手做视频,在网上下载模板直接修改比较简单高效。模板也是很多小白学习的第一步。但是下载好了一个PR模板之后,要怎么来替换文字和图片素材呢,今天我们就来告诉同学们pr模板怎么套用。 超简单方法(简略版本) 双击打开工程,在项目栏里会有文件夹,命名大概为Edit Text Logo Audio Final之类。 https://blog.51cto.com/u_14215375/5594639
12.大咖猫AE模板网大咖猫博客AE模板网(aae.dakamao8.com)AE模板,分享飞机AE模板,广州塔AE模板,举牌AE模板,摩天轮AE模板,霓虹灯AE模板,汽车AE模板,公司AE模板,AE素材,AE工程,AE源文件,AE片头模板,视频模板,视频素材,ae特效,ae插件,ae脚本,ae预设,ae教程等ae资源下载网站http://aae.dakamao8.com/
13.MV制作助手内置海量视频模板MV制作助手是一款专业的视频MV制作软件,用户可以一键套用视频模板,然后将所需的素材导入到软件中,通过替换编辑操作完成MV的制作,轻松实现自己的创意.https://www.xunjiepdf.com/mvzhizuozhushou
14.草料资料库丨2024年安全生产月资料合集,免费下载安全月相关二维码模板 目前已经有不少用户在日常安全生产管理中应用二维码进行安全生产管理,通过标准化的业务流程和可视化数据呈现,降低人力成本的同时提升工作效率,为安全生产管理奠定坚实的基础。 我们整理了相关的二维码模板,你可以直接套用同行用户的模板,快速生成二维码。https://cli.im/article/detail/2220