搜索在互聯網上大量的相關研究,發現在線信息的SVGA相當小,和很大一部分或介紹的開發、設計和生產更少的可憐,這就是為什么我要寫這篇文章的內容,我想也許應該有這樣一篇文章,幫助一些設計學生做這件事,如果你對你的表達有任何問題，請指出……到底，什么是SVGA？ae怎么制作輸出 SVGA？我們不妨一起來看一看~

文章源自四五設計網-http://www.4968ejs.cn/5942.html

什么是SVGA？文章源自四五設計網-http://www.4968ejs.cn/5942.html

SVGA是YY團隊開發的跨平臺開源動畫格式，兼容iOS/Android/Web。SVGA操作簡單，性能優良。同時，它使得動畫開發分工明確，專注于自己的領域，大大降低了動畫交互的溝通成本，提高了開發效率。動畫設計師專注于動畫設計，通過工具輸出SVGA動畫文件，集成SVGA Player后，可以直接供開發工程師使用。文章源自四五設計網-http://www.4968ejs.cn/5942.html

SVGA與Lottie的不同之處是，Lottie在Player層中完全實現了所有After Effects邏輯，而SVGA不需要這個邏輯。因此，SVGA也可以支持Flash。實際上，SVGA所做的事情非常簡單。轉換器負責從Flash或AE源文件中提取所有動畫元素(位圖，矢量)，并在時間軸中導出每個幀的表示(位移，縮放，旋轉，透明度)。播放器負責將這些信息恢復到畫布上。文章源自四五設計網-http://www.4968ejs.cn/5942.html

AE怎么制作輸出 SVGA？文章源自四五設計網-http://www.4968ejs.cn/5942.html

步驟1:從Sketch或ps中剪切導出禮品及禮品特效元素。根據個人需要，禮品可以分成幾張，分別導出，方便在AFTER effects中制作動態效果。文章源自四五設計網-http://www.4968ejs.cn/5942.html

文章源自四五設計網-http://www.4968ejs.cn/5942.html

步驟2:將導出的切割圖形材質導入AE中，使用AE制作基本屬性動畫。生產完成后的結果如下文章源自四五設計網-http://www.4968ejs.cn/5942.html

文章源自四五設計網-http://www.4968ejs.cn/5942.html

步驟3:將背景隱藏窗口以找到SVGAConverter_A文章源自四五設計網-http://www.4968ejs.cn/5942.html

步驟4:使用SVGAConverter_AE插件導出SVGA文件，輸出SVGA時記得將背景調整為透明背景，輸出如下

從下圖可以看出，SVGA輸出格式后的文件大小只有145KB，如果是序列幀，文件大小可達10mb以上

好了，以上即是關于SVGA的解析說明以及AE怎么制作輸出SVGA的操作方法了，大家都學會了嗎？總而言之，希望小編今天的分享對你有所幫助哦~