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

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

什么是SVGA？文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

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

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

AE怎么制作輸出 SVGA？文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

步驟1:從Sketch或ps中剪切導(dǎo)出禮品及禮品特效元素。根據(jù)個人需要，禮品可以分成幾張，分別導(dǎo)出，方便在AFTER effects中制作動態(tài)效果。文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

步驟2:將導(dǎo)出的切割圖形材質(zhì)導(dǎo)入AE中，使用AE制作基本屬性動畫。生產(chǎn)完成后的結(jié)果如下文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

步驟3:將背景隱藏窗口以找到SVGAConverter_A文章源自四五設(shè)計網(wǎng)-http://www.133122.cn/5942.html

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

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

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