文章插圖
PAG導出插件首先，設計師在AE中做出一段動畫后，無需再導出成視頻或gif這樣的動畫效果文件，而是能通過PAG導出插件，直接將AE動畫編碼導出成一份.pag格式的動畫文件。
這個插件，相當于從源頭上解決了設計與研發之間“來回返工”的問題。當設計文件中出現系統不支持的AE矢量特性、或使用了特別影響性能的屬性時，PAG導出插件就會給出修改提示，幫助設計師導出符合系統要求的動畫文件。
細節上也有一些好用的地方，例如一鍵設置就能導出BMP預合成、設置占位圖填充模式等功能，進一步節省設計的時間；
文章插圖
由于導出的.pag文件采用二進制格式存儲動畫信息，不僅有效降低了文件大小，還能讓設計師們往里面直接放各種素材資源（圖片、音頻等），交付時只用發送一個文件。
文章插圖
△文件格式長這樣
桌面預覽工具PAGViewer然后，設計師在預覽時，就能直接采用PAGViewer在PC端預覽.pag動畫文件的效果。這樣設計師無需等待動畫文件上線、就能一鍵預覽移動端的動畫效果。
還可以直接在PAGViewer里面修改可編輯文本或占位圖：
文章插圖
除了修改可編輯文件和預覽效果，PAGViewer還增加了性能展示面板，里面包含了pag動畫的基本信息，如時長、幀率、尺寸、bmp預合成的數量、圖層總數等。
如下圖所示，設計師直接就能通過面板，看到量化的性能指標，來定量評估.pag文件的性能，并進行針對性優化，避免上線前才發現“性能卡設計”等問題：
文章插圖
渲染SDK最后，開發只需要一次性的渲染SDK接入就能加載PAG文件，直接在Android、iOS、mac OS、windows、web、Linux等常用的平臺端準確還原動畫效果，無需進行額外開發。
當然，由于pag文件的可編輯性，開發自己也能直接修改或替換文件中的文本和占位圖，不用再在需求上麻煩設計。
一段動畫特效可以被分成“動畫效果+內容”兩部分，“可編輯性”指的是替換“內容”部分。
以“滾動的一串文本”動畫效果為例，其中文本信息是內容，滾動就是動畫效果。pag可以在保留預設動畫的情況下，做到修改文本的內容，字體，字號，顏色等十幾項屬性。
除了文本可以被修改替換，PAG還提供了占位圖的替換能力，同樣在保留預設動畫的情況下，不僅可以替換照片，甚至可以直接把視頻也放進占位圖。
這樣一來，不僅避免了設計反復根據需求修改動畫特效的痛苦，還能將動畫特效運用于視頻剪輯中。
像我們在開頭看到的王者特效，包括昵稱和KDA其實都可以被一鍵替換，不需要再將對應的動效重新設計一遍。
文章插圖
△這次是情侶組合（狗頭）
總結一下，PAG最大的優勢有以下幾點：
- 輸出動畫文件極小，比同類型方案平均降低50%
- 支持所有AE效果導出，包括第三方AE特效插件
- 運行時保留動畫效果，實時編輯文本替換占位圖
- 提供從導出、預覽、到性能優化的完善工具鏈支持
- SDK覆蓋所有平臺，包含Web以及服務端渲染能力
其實在PAG出現之前，業內已經有一些類似的設計插件，但或多或少存在一點問題。
相關經驗推薦
- 彼端|cos：王者榮耀妲己時之彼端cos正片@秋楚楚
- 公孫離|cos：王者榮耀公孫離國風少女cos正片@nico醬
- 光之國|光之國的王牌，科技改變力量，?？ɡ侨绾我徊讲匠蔀橥跽叩哪兀?
- 甄姬|cos：王者榮耀甄姬游園驚夢cos正片@小魚
- 公孫離|cos：王者榮耀公孫離花間舞cos正片@四娘
- kpl|cos：王者榮耀上官婉兒kpl限定皮膚天狼繪夢者cos正片
- |cos：王者榮耀西施cos正片@敲可愛噠nico醬
- 同人|cos：王者榮耀虞姬啟明星使同人cos正片@溫流
- |cos：王者榮耀美女貂蟬cos正片@押切
- 德拉西翁|奧特曼最新排名，特利迦是黃金，神秘四奧是鉆石，王者只有一個！