亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

小伙伴們好，之前分享過一篇 UI 落地的 7 種格式的文章《玩轉(zhuǎn)動效｜AE 常用動效落地必備指南》，介紹了一些 AE 常用動效落地格式。評論區(qū)里有小伙伴提到想要了解騰訊 PAG 的格式，今天就給大家安排上

之后還會多多分享新的插件或者使用心得使這個(gè)指南更完整，更好地幫助到每一個(gè)受動效上線困擾的設(shè)計(jì)師們，請大家持續(xù)關(guān)注～

一、PAG 簡介及案例展示

PAG（Portable Animated Graphics）是騰訊自主研發(fā)的一套完整的動畫工作流解決方案，致力于將 AE 動畫一鍵導(dǎo)出并快捷地應(yīng)用于各平臺和終端。和業(yè)界常用的動畫工作流解決方案相比，PAG 支持全部的 AE 特性導(dǎo)出，覆蓋的平臺更廣（目前 PAG SDK 已完成覆蓋 iOS、Android、macOS、Windows、Linux、Web 和微信小程序等常用平臺），性能方面也做了深層次的優(yōu)化，Lottie 和 SVGA 的設(shè)計(jì)目標(biāo)是解決 UI 動效場景，PAG 的誕生的原因是因?yàn)?Lottie 無法滿足視頻編輯場景里的動效需求，后續(xù)又兼顧了 UI 動效在內(nèi)的各種場景。截止目前有 600+ 企業(yè)或產(chǎn)品接入了 PAG SDK，其中不乏微信、QQ、小紅書、知乎等互聯(lián)網(wǎng)頭部 app，是一個(gè)很成熟的產(chǎn)品。

由于 PAG 動效可以同時(shí)支持矢量動效和序列幀輸出，設(shè)計(jì)師可以在 UI 動效的設(shè)計(jì)中運(yùn)用 PAG，比如圖標(biāo)動效、開屏動效/視頻、banner 動效、懸浮動效等等。

話不多說，我們直接通過一個(gè) UI 動效的設(shè)計(jì)案例來了解下PAG 的強(qiáng)大功能：

這個(gè) banner 輪播圖是 UI 動效設(shè)計(jì)中的常見形式，整個(gè)展示頁面中 3D 效果的加入令人眼前一亮，不僅提升了界面的美觀度還可以大幅增加展示產(chǎn)品的曝光。但對設(shè)計(jì)師來說，制作出美觀的 banner 并不難，最難的是如何保證作品不在上線的過程中丟失效果。最新版本的 PAG 就完美解決了這一難題。

1、完美支持全部 AE 特性的導(dǎo)出

PAG 同時(shí)支持“矢量預(yù)合成”導(dǎo)出和“BMP 預(yù)合成”導(dǎo)出兩種方式，兩者對應(yīng)矢量動畫和序列幀動畫的導(dǎo)出。

在矢量導(dǎo)出方面，無論是 Lottie 還是 SVGA，所支持的 AE 特性僅僅是 AE 眾多特性中的很少的一部分，這在一定程度上限制了設(shè)計(jì)師的創(chuàng)造力。針對這個(gè)問題，PAG 的 BMP預(yù)合成導(dǎo)出方式，支持導(dǎo)出所有 AE 特性，適用于不可編輯的場景。

這個(gè) banner 圖就是采用了矢量的導(dǎo)出方式，目前 PAG 4.2 版本的矢量導(dǎo)出中可完美支持 3D 圖層效果的直接導(dǎo)出。之后，素材做翻轉(zhuǎn)特效不再像以前需要通過邊角定位、修改矢量形變等方式，極大地提高設(shè)計(jì)師工作的便利。下面簡單介紹下這幾個(gè)導(dǎo)出方式的特點(diǎn)：

1）矢量導(dǎo)出

導(dǎo)出的 PAG 文件極小，性能會優(yōu)于 BMP 預(yù)合成，但僅支持部分 AE 特性。矢量預(yù)合成導(dǎo)出通常用于 UI 動畫等對于文件大小和性能敏感，以及需要素材內(nèi)容可編輯的場合。如果有不支持的能力，PAG 的導(dǎo)出面板也會在導(dǎo)出時(shí)提示設(shè)計(jì)師。

另外，PAG 4.2 新特性還支持了色相/飽和度、亮度/對比度，這兩項(xiàng)特性通常運(yùn)用在圖片、視頻模板中，以實(shí)現(xiàn)部分濾鏡效果。

2）BMP預(yù)合成導(dǎo)出

對于不支持的 AE 特性或是由 Particular、AtomX 等第三方 AE 插件生成的視覺效果，PAG 動效可通過 BMP 預(yù)合成的方式，將對應(yīng)圖層轉(zhuǎn)成序列幀，在合成的層面將渲染結(jié)果截取成圖片，然后進(jìn)行視頻編碼。

而針對視頻不支持透明通道而動畫需要包含透明通道的問題，在編碼的層面擴(kuò)展了透明通道的支持。

最終達(dá)到視覺效果一致的動效輸出，這是 Lottie 一類的矢量動效無法比擬的功能。

3）BMP+矢量混合導(dǎo)出

PAG 同時(shí)也支持結(jié)合以上兩種特性的導(dǎo)出方式，從而實(shí)現(xiàn)在支持 AE 所有特性的同時(shí)又保持運(yùn)行時(shí)的可編輯性。

2、完善的工具鏈

PAG 動效功能的強(qiáng)大還體現(xiàn)在完善的工具鏈上，設(shè)計(jì)師們可以在 AE 插件和 PAGViewer 中進(jìn)行多項(xiàng)設(shè)置和修改，極大程度地方便動效輸出工作。

1）運(yùn)行時(shí)可編輯

PAGViewer 運(yùn)行時(shí)可編輯，支持修改文本和替換占位圖，設(shè)計(jì)師在本地填充素材預(yù)覽，無需等到上線后才能確認(rèn)真實(shí)的效果。

2）詳盡的插件面板

PAG 的 AE 插件面板主要為導(dǎo)出面板和設(shè)置面板，設(shè)計(jì)師在設(shè)計(jì)動畫的過程中，可以通過設(shè)置快捷鍵喚起導(dǎo)出面板。導(dǎo)出面板會呈現(xiàn)不支持的特性提示（提供設(shè)計(jì)建議和問題定位功能），是否導(dǎo)出音頻，預(yù)覽效果，以及打開設(shè)置面板等功能。

設(shè)置面板中，設(shè)計(jì)師們還可以查看BMP/替換/文本圖層信息、一鍵設(shè)置BMP圖層、進(jìn)行時(shí)間伸縮等操作，對于設(shè)計(jì)師修改、導(dǎo)出PAG文件提供極大的便利。

3）性能檢測

PAG在桌面預(yù)覽工具 PAGViewer 上增加了性能檢測的功能，可以讓設(shè)計(jì)師很方便地看到PAG文件的基本信息，還有量化的性能指標(biāo)，定量地評估該文件的性能，以可視化的方式感知素材性能狀態(tài)，方便設(shè)計(jì)師進(jìn)行針對性的優(yōu)化，而不需要依賴研發(fā)上線測試性能狀態(tài)，極大減少了素材優(yōu)化的返工耗時(shí)。

3、文件極小，支持單文件交付

在文件大小方面，PAG 動效比其他方案有更優(yōu)的表現(xiàn)。

PAG 和 apng 都能很好地支持該banner滾動動效，但 apng 文件大小在壓縮后為2.2MB，PAG文件僅為203KB，差距不止10倍。PAG 在支持替換占位圖層的同時(shí)，文件大小相比 apng 還有非常大的優(yōu)勢。

而對比 Lottie，PAG 也優(yōu)勢明顯。

將banner滾動動效（因Lottie不支持3D特性，已將文件進(jìn)行修改）分別以 Lottie、PAG 格式導(dǎo)出，Lottie 文件共 3.4MB，PAG 文件僅為 208KB。

在沒有文本圖層時(shí)，PAG 動效可以做到單文件交付（當(dāng)存在文本圖層，為確?？缭O(shè)備使用字體不發(fā)生變化，輸出 PAG 會附帶字體包文件）。一個(gè).pag 文件就囊括了背景音樂、占位替換圖層、動效信息等多方面內(nèi)容，相比 Lottie 輸出附帶 json、image 文件夾等多個(gè)文件內(nèi)容，PAG 動效的單文件交付簡化了輸出形式，減少出錯(cuò)概率。

二、更多使用場景

除了 UI 動效的導(dǎo)出上線外，PAG 還在直播禮物、圖片視頻模板、游戲戰(zhàn)報(bào)、H5 動效等場景中有亮眼的表現(xiàn)。

直播禮物

直播平臺由于實(shí)時(shí)網(wǎng)絡(luò)通訊要求高，集成功能越來越多和用戶設(shè)備參差不齊等多種原因，對各種特效性能要求就變得更為苛刻，PAG 動效具有先天優(yōu)勢，將 PAG 運(yùn)用到直播禮物，優(yōu)化用戶體驗(yàn)。

圖片/視頻模板

PAG 動效支持將內(nèi)置的圖片作為占位圖替換，并保留所有動畫效果。因此可以將整個(gè) PAG 文件設(shè)計(jì)成一個(gè)模板，把預(yù)設(shè)的占位圖替換成用戶選取的照片或視頻，自動套用效果生成視頻。全程可以讓設(shè)計(jì)師自由批量生產(chǎn)模板，無需研發(fā)介入。

三、接入及安裝

PAG 不僅有以上的優(yōu)勢，安裝與接入也極為簡單。

1、設(shè)計(jì)安裝

step1.官網(wǎng)提供 PAGViewer 雙端安裝

step2.Windows系統(tǒng)的小伙伴雙擊安裝包根據(jù)引導(dǎo)提示安裝即可，Mac用戶將app 拖拽至Applications應(yīng)用程序文件夾即安裝成功，如下圖所示：

step3.提示安裝/更新 AE 插件

step4.在 AE 導(dǎo)出一欄即可看見 PAG 輸出模塊

step5.有中文提示的導(dǎo)出面板

step6.生成后點(diǎn)擊“查看“可調(diào)出 PAGViewer 預(yù)覽

2、研發(fā)接入

研發(fā)只需接入 PAG SDK 后簡單操作即可完成動效的上線部署，官網(wǎng)和 GitHub 也有貼心又詳細(xì)的接入介紹指南。

3、軟件更新

已接入 PAG SDK 的會出現(xiàn)更新提示彈窗，根據(jù)提示點(diǎn)擊“安裝更新”即可。也可以在菜單欄中找到‘’檢查更新‘’更新體驗(yàn)最新版本，建議及時(shí)安裝更新以獲得更好的體驗(yàn)。

四、主流動效落地方案對比

在之前的文章中有詳細(xì)介紹過 AE中常用的 7 種動效落地格式（SVGA、json、Apng、WebP、PNG序列、Gif 、MP4）及優(yōu)缺點(diǎn)解讀，大家感興趣可以去看那篇文章。

在此以大家最常用的 Lottie、SVGA 格式與 PAG 進(jìn)行對比 ：

Lottie

Lottie 的動畫本質(zhì)是矢量動效（圖層可以是矢量或位圖），即通過導(dǎo)出的 json 代碼描述運(yùn)動，優(yōu)點(diǎn)在于可以制作高幀率動畫且文件大小很小，但對于AE特性的支持比較少，并且要求設(shè)計(jì)師具備矢量繪圖的能力，另外，Lottie 的 3D 功能是完全缺失的。

SVGA

SVGA 記錄時(shí)間軸中每個(gè)幀包括位移、縮放、旋轉(zhuǎn)、透明度等方面動效表示，播放器再將這類信息還原到畫板上，因此也可以輸出序列幀動畫（3D 圖層轉(zhuǎn)為序列幀后也能顯示），兼顧了 Lottie 和 Apng 的優(yōu)點(diǎn)，但支持的 AE 特性是這些動效方案里最少的。

PAG

PAG 同時(shí)支持“矢量預(yù)合成”導(dǎo)出和“BMP 預(yù)合成”導(dǎo)出兩種方式，兩者對應(yīng)矢量動畫和序列幀動畫的導(dǎo)出。針對這個(gè)問題，PAG 的 BMP 預(yù)合成導(dǎo)出方式，支持導(dǎo)出所有 AE 特性，適用于不可編輯的場景。但過多使用 BMP 導(dǎo)出，會導(dǎo)致最終的 PAG 文件性能消耗過大，因此，在設(shè)計(jì)過程中，盡量使用 PAG 已經(jīng)支持的 AE 特性來達(dá)到設(shè)計(jì)效果，而不是首選將合成以 BMP 形式導(dǎo)出。

總的來說，PAG 的能力還是蠻全面的，平臺支持方面可以涵蓋到所有常用的平臺，能力方面基本上可以覆蓋到所有的應(yīng)用場景。

最后順便附上 PAG 相關(guān)的資源，大家感興趣可以進(jìn)一步了解：

官網(wǎng)：https://pag.art/

所有的軟件和插件我已經(jīng)打包好了，點(diǎn)擊下方鏈接獲取即可

AE動效PAG格式落地軟件+插件 下載鏈接：https://pan.baidu.com/e/19dTVaq95SjKsSvFCGh-CKQ

提取碼：PAG6

Powered by Froala Editor