如今，短視頻應(yīng)用百花齊放，為了吸引更多流量，動(dòng)畫設(shè)計(jì)師和開發(fā)工程師往往為了制作奪人眼球，極具創(chuàng)意的動(dòng)畫特效花費(fèi)大量心血，但最終動(dòng)畫需求交付上線的效率和質(zhì)量，仍舊不盡如人意。問(wèn)題出在哪里？主要還是工具沒(méi)有選對(duì)！
傳統(tǒng)的AE設(shè)計(jì)，總結(jié)下來(lái)有以下三個(gè)核心痛點(diǎn)：
研發(fā)成本高：每個(gè)動(dòng)效都需要研發(fā)通過(guò)代碼來(lái)還原，單獨(dú)排期的特效以及手工配置還原的過(guò)程，，包括后續(xù)復(fù)用及改動(dòng)都需要大量的研發(fā)人力持續(xù)投入。
生產(chǎn)周期長(zhǎng)：設(shè)計(jì)師和研發(fā)人員需要反復(fù)確認(rèn)效果還原度。這樣很難跟上運(yùn)營(yíng)節(jié)奏，容易錯(cuò)過(guò)時(shí)事熱點(diǎn)。
視覺(jué)動(dòng)效弱：AE里有很多復(fù)雜動(dòng)效，使用純代碼還原起來(lái)非常困難，設(shè)計(jì)師只能不斷簡(jiǎn)化效果以達(dá)到跟開發(fā)成本的平衡。
為了解決上述痛點(diǎn)，騰訊PCG發(fā)布器中臺(tái)主導(dǎo)研發(fā)了一款動(dòng)畫開發(fā)“神器”——PAG。
一、PAG是什么？
PAG (Portable Animated Graphics) 是一套完整的動(dòng)畫工作流，誕生之初就是為了降低或消除動(dòng)畫相關(guān)的研發(fā)成本，打通設(shè)計(jì)師創(chuàng)作到素材交付上線的極速流程，不斷輸出運(yùn)行時(shí)可編輯的高質(zhì)量動(dòng)畫內(nèi)容。
為什么選擇PAG？
（一）傳統(tǒng)AE設(shè)計(jì) VS PAG工作流
上圖為微視的一期運(yùn)營(yíng)海報(bào)，可以看到在視頻編輯場(chǎng)景下包含大量的動(dòng)效素材。包括動(dòng)畫貼紙，轉(zhuǎn)場(chǎng)特效，以及天氣和地理位置等帶動(dòng)畫的智能填充文本。
1. 傳統(tǒng)AE設(shè)計(jì)思路：設(shè)計(jì)師使用AE先設(shè)計(jì)好動(dòng)畫，然后導(dǎo)出視頻Demo。研發(fā)再來(lái)根據(jù)Demo拆解動(dòng)效組成。如果是不支持的特效能力，還需要單獨(dú)排期進(jìn)行開發(fā)。流程圖如下：
2. 引入PAG后的動(dòng)畫工作流程：
設(shè)計(jì)師使用AE導(dǎo)出插件，能夠直接將制作好的動(dòng)畫導(dǎo)出成PAG文件，經(jīng)過(guò)桌面預(yù)覽工具的確認(rèn)，再交付給終端由SDK渲染成動(dòng)效內(nèi)容。
通過(guò)傳統(tǒng)AE設(shè)計(jì)與PAG工作流的簡(jiǎn)單PK，不難發(fā)現(xiàn)使用PAG工作流，研發(fā)只有一次性接入SDK的成本即可做到素材自助上線，不再需要參與代碼還原。這也避免了最耗時(shí)的研發(fā)和設(shè)計(jì)的聯(lián)調(diào)環(huán)節(jié)，從而實(shí)現(xiàn)批量化的素材生產(chǎn)流程，大大提高了設(shè)計(jì)和研發(fā)的效率。
（二）PAG的特色優(yōu)勢(shì)
對(duì)比市面上其他的動(dòng)畫組件，PAG具備以下3個(gè)顯著亮點(diǎn)：
1、高效動(dòng)畫文件
PAG——命名上就可以看出，文件格式本身在整套方案中的重要地位，PAG在文件格式設(shè)計(jì)上主要追求三個(gè)核心目標(biāo)：1）單文件交付 2）解碼速度快 3）動(dòng)畫文件小。
基于以上的目標(biāo)，PAG采用了二進(jìn)制的數(shù)據(jù)結(jié)構(gòu)來(lái)存儲(chǔ)動(dòng)畫信息。因?yàn)槎M(jìn)制數(shù)據(jù)結(jié)構(gòu)能夠非常方便的單文件集成任何資源，并在解碼速度上，比JSON這類文本數(shù)據(jù)可以快幾十倍。
在控制文件大小方面，PAG通過(guò)利用動(dòng)畫文件本身的特點(diǎn)，獲得了極高的壓縮率。除了跳過(guò)大量默認(rèn)值的存儲(chǔ)外，PAG在文件的每個(gè)屬性組里，都會(huì)盡可能地把相似的數(shù)據(jù)重新排列，讓他們聚合到一起，目的是繞開字節(jié)對(duì)齊的問(wèn)題，使用比特位來(lái)緊湊存儲(chǔ)。相同的動(dòng)畫內(nèi)容，通過(guò)以上策略的壓縮，可以比業(yè)內(nèi)同類型方案平均減少50%左右的文件大小：
2、全AE特性支持
PAG支持矢量和序列幀的混合導(dǎo)出。設(shè)計(jì)師可以按圖層標(biāo)記導(dǎo)出類型，從而實(shí)現(xiàn)支持所有的AE特性又能保持運(yùn)行時(shí)的可編輯性。
為了在實(shí)現(xiàn)混合導(dǎo)出后，盡可能壓縮序列幀的大小。PAG內(nèi)部設(shè)計(jì)了視頻序列幀的格式，充分利用了視頻的極限幀間壓縮能力，并擴(kuò)展了透明通道的支持。另外，視頻的格式還可以在運(yùn)行時(shí)利用硬件加速解碼，從而獲得更高的渲染性能。
最后再通過(guò)導(dǎo)出插件在視頻編碼器上的針對(duì)性優(yōu)化，最終做到了相比傳統(tǒng)圖片序列幀僅1.24%左右的文件大小。
3、桌面效率工具完善
PAG提供的AE導(dǎo)出插件PAGExporter內(nèi)置了40多種自動(dòng)優(yōu)化和提醒策略。例如自動(dòng)縮小圖片資源的分辨率，彈窗提醒相鄰的序列幀圖層可以合并等等。這些優(yōu)化策略還在持續(xù)地增加，這樣可以在導(dǎo)出的環(huán)節(jié)就進(jìn)行性能把關(guān)。
而桌面預(yù)覽工具PAGViewer確保了渲染結(jié)果跟移動(dòng)端完全一致，這樣設(shè)計(jì)師可以所見即所得地生產(chǎn)素材，而不需要上線來(lái)回確認(rèn)。并且提供性能監(jiān)測(cè)面板，能夠直觀地看到每個(gè)素材量化的性能指標(biāo)，并配套說(shuō)明了各種指標(biāo)的優(yōu)化方向。最后通過(guò)服務(wù)端文件性能校驗(yàn)接口，業(yè)務(wù)方可以把它與素材管理端進(jìn)行整合，在上傳素材時(shí)自動(dòng)判斷素材性能是否合格，將性能把關(guān)做到全自動(dòng)化。經(jīng)過(guò)這一系列自動(dòng)化工具的配合，設(shè)計(jì)師就能夠獨(dú)立地進(jìn)行素材生產(chǎn)，制作出效果和性能均優(yōu)異的動(dòng)畫素材。
五大應(yīng)用場(chǎng)景，輕松玩轉(zhuǎn)PAG
說(shuō)了這么多，PAG具體是如何靈活應(yīng)用到動(dòng)畫制作場(chǎng)景中呢？
讓我們來(lái)看看具體的應(yīng)用效果吧~
1、UI動(dòng)畫
上圖右下角的Pick按鈕，就是一個(gè)利用PAG實(shí)現(xiàn)的可交互UI動(dòng)畫效果，支持設(shè)計(jì)師編程控制進(jìn)度、文本內(nèi)容，從而做到對(duì)整個(gè)動(dòng)畫完全把控，研發(fā)只需要替換預(yù)設(shè)的文本內(nèi)容即可。并且文件體積非常小，僅2KB左右。
2、貼紙字幕
目前，絕大部分的視頻編輯App，在貼紙字幕這塊的實(shí)現(xiàn)都分為兩種類型，要么貼紙有豐富的動(dòng)效，但不可編輯；要么可以編輯文本，但只有靜態(tài)或者簡(jiǎn)單的動(dòng)效，大大束縛了設(shè)計(jì)師，降低了視頻的整體觀感。而PAG方案讓貼紙有精美動(dòng)效的前提下，還可以保持強(qiáng)大的編輯性，讓使用者的個(gè)性化元素得到更好的呈現(xiàn)。
3、照片模板
PAG支持將內(nèi)置的圖片作為占位圖替換，并保留所有動(dòng)畫效果。因此可以將整個(gè)PAG動(dòng)畫設(shè)計(jì)成一個(gè)照片模板，把想要的照片替換進(jìn)去，自動(dòng)套用效果生成視頻。這個(gè)功能可以取代原先需要研發(fā)手動(dòng)還原的動(dòng)態(tài)相冊(cè)的能力，讓設(shè)計(jì)師批量化生產(chǎn)，提升效率。
4、視頻模板
視頻模板仍然基于圖片替換原理，但特別的是，PAG支持將占位圖替換為視頻。比如這個(gè)高樓求愛(ài)的模板，設(shè)計(jì)師能夠一鍵將自己的視頻貼到一座大廈的墻面上。這樣通過(guò)快速套用各種節(jié)日主題的視頻效果，能夠及時(shí)抓住各類運(yùn)營(yíng)熱點(diǎn)。
5、智能剪輯
智能剪輯是圍繞用戶上傳的視頻內(nèi)容，生成定制化的模板，模板本身是不固定的，可以從多個(gè)PAG文件組合而成，類似活字印刷。設(shè)計(jì)師可以利用這個(gè)特性，構(gòu)建自己的特效組件庫(kù)，然后對(duì)接AI的識(shí)別能力，根據(jù)一定規(guī)則組合得到無(wú)限數(shù)量的模板效果，可以做到一鍵出片。這塊目前的典型應(yīng)用場(chǎng)景是王者榮耀的周戰(zhàn)報(bào)功能，隨機(jī)生成游戲高光時(shí)刻視頻。
四、總結(jié)
PAG方案提供了一套簡(jiǎn)化并完善的動(dòng)畫工作流，在縮小文件體積的情況下，仍然支持所有AE特性，并保留了動(dòng)畫運(yùn)行可編輯的靈活性。接入一次，設(shè)計(jì)師就可以復(fù)用PAG經(jīng)過(guò)3年積累的AE動(dòng)畫原子能力，組合出無(wú)限的視覺(jué)動(dòng)效，不用再因?yàn)榇a還原成本的問(wèn)題而對(duì)效果打折扣。再加上桌面效率工具在效果預(yù)覽和性能檢測(cè)上的易用性，極大提升了動(dòng)畫相關(guān)需求的生產(chǎn)效率和視覺(jué)表現(xiàn)。
作為騰訊PCG發(fā)布器中臺(tái)下三大組件之一，PAG已經(jīng)在騰訊微視，手機(jī)QQ，王者榮耀等數(shù)十款產(chǎn)品中落地使用。包含微信在內(nèi)的多個(gè)團(tuán)隊(duì)，也都積極參與該項(xiàng)目的協(xié)同共建，齊心協(xié)力，不斷打磨這款動(dòng)畫開發(fā)利器。相信隨著PAG的不斷迭代，將持續(xù)為動(dòng)畫設(shè)計(jì)師及開發(fā)工程師們技術(shù)賦能，實(shí)現(xiàn)更多天馬行空的動(dòng)畫效果，助力動(dòng)畫產(chǎn)業(yè)進(jìn)一步發(fā)展。
說(shuō)了這么多關(guān)于PAG的介紹，大家是不是迫不及待地想體驗(yàn)一把PAG的神奇應(yīng)用呢？
別著急，同學(xué)們現(xiàn)在可以通過(guò)官網(wǎng)下載插件體驗(yàn)啦！下載地址：https://pag.io
