做直播特效踩過的坑
直播間禮物特效和進場特效的設(shè)計過程分享

從企業(yè)級的直播轉(zhuǎn)到秀場直播 從千遍一律的藍色到五彩斑斕的黑
第一次做直播禮物特效、進場特效,將踩過的各種坑分享一下~
工具:C4D、PS、AE、AE的插件svga
一、GIF格式:
對于開發(fā)來說比較方便,但是畫質(zhì)效果差,占用內(nèi)存大。不建議采用這個方法
1、在c4d做好模型和簡單的動效果(小菜雞的我只會簡單的動動)、導出png序列和.aec文件。(c4d也可以直接導出mov,但是它是帶有背景的。我做直播禮物的話是需要背景透明的特效,所以我選擇了導出png序列。)
2、在AE里面導入從c4d里導出的aec文件,這樣就能在ae里看到在c4d做的動效啦~
然后可以在ae里再加些點綴素材豐富畫面,這個看畫面需要啦。最后就是保存導出,勾選Alpha通道,渲染成mov。
3、在ps里導入mov再導出成gif,當幀數(shù)比較多時,可以刪減掉一半的幀數(shù),比如刪掉所有的奇數(shù),剩下偶數(shù)。這樣導出成gif動畫動起來不會卡頓,看起來還是挺流暢的。占用內(nèi)存也會小很多。
二、png序列幀動畫
用得比較多的一種方式,開發(fā)用動畫引擎能減少手機運行內(nèi)存。追求畫質(zhì)效果好,動效時長又比較長的可以采用這個方式。
我們平臺直播間的大禮物特效是采用這個方式。
動效做好直接導出成png序列給到開發(fā)小哥哥就好了,但是一定要保證每一張png的尺寸都是一樣的?。?/p>
如果png圖片太多可以刪減一部分+對每一單張png圖也進行壓縮,因為直接從c4d或者ae里導出來的png可能不是最小的。
三、svga格式
這個是我們現(xiàn)在app采用的格式,一個7M的gif,用svga格式只有300KB大。
可以下載svga這個插件,支持AE和Animate。http://svga.io/designer.html 下載地址
在AE里做好動效后,直接導出成svga格式就可以了。
但是svga有一個非常非常不友好的地方,它只支持AE里面的位移、縮放、旋轉(zhuǎn)、不透明度這種效果。什么粒子,超級酷炫的效果是不支持的。從C4D里導出的aec格式也是不支持的,所以啊?。≈荒茏霰容^簡單的動畫。
最后,我用了一個比較笨的方法。將png序列導入AE里面做幀動畫,再導出成svga格式,就是特別麻煩。
四、webp動畫
這個優(yōu)點很多,最大的一個就占用內(nèi)存?。?!它是谷歌,對安卓來說是ok的。但是對于ios來說,是不支持webp的,但也有插件可以實現(xiàn)。啊~~這是開發(fā)小哥哥的領(lǐng)域,我也說不清是怎么一回事.......可以百度!
png序列幀轉(zhuǎn)換webp動畫,對于png 、jpg、 gif 等格式轉(zhuǎn)換webp ,google給提供了命令行工具,下載地址:https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html
我也是在摸索中,學習中。
希望有大神能告知更好的方法~













































