透明背景GIF制作教程

經(jīng)過不斷試錯和在網(wǎng)上查詢,終于找到了一個我認(rèn)為效果比較好的方法,在這里跟大家分享一下

1.在AE里做好動效,記得勾選切換透明網(wǎng)格(活動攝像機左邊的藍色圖標(biāo))

圖1

2.添加到渲染隊列,格式選擇QuickTime,通道選擇RGB+Alpha(藍框里),渲染出來。

圖2

3.出來的視頻是帶有透明通道的,直接打開看還會有黑底,不要著急,關(guān)閉時會提示你是否轉(zhuǎn)換成新文檔(圖3),一定要確定存儲。生成的新視頻打開看是完全透明背景的視頻(如圖4)。

圖3


圖4

4.將轉(zhuǎn)換的視頻拖入ps中,會自動出現(xiàn)時間軸,在這里檢查一下幀速率是否跟AE里的一致,如果有差別,可以在右邊的圖標(biāo)里找到設(shè)置時間軸幀速率(圖5),可以設(shè)置幀速率(圖6)


圖5


圖6

5.設(shè)置完成后,導(dǎo)出web所用格式(圖7),調(diào)節(jié)參數(shù)(重點注意圖8紅色框中的設(shè)置)

圖7


圖8

6.最后導(dǎo)出來的gif就是透明背景的啦~這樣的好處是清晰度最大程度得到保證,沒有雜色和多余的描邊。好像在gif里不透明度變化很難體現(xiàn)出來,這里就通過擴散透明度仿色來曲線救國達到近似的效果。

其他

網(wǎng)上也有其他的一些辦法,比如在AE里導(dǎo)出png序列幀,再在ps里合成gif,我嘗試后出來的gif效果鋸齒效果比較明顯,質(zhì)量不達標(biāo)(可能是我設(shè)置的問題,大家知道怎么解決的可以在評論里教教我~感謝~?。械奈募鰜砗笮Ч麜l(fā)生變化或者內(nèi)容不完整,總之會遇到各種bug,所以放棄了。

在AE里用gifgun這個插件可以直接導(dǎo)出gif格式,但是貌似不支持透明背景。

從AE里導(dǎo)出的轉(zhuǎn)換視頻也試過通過gifrocket這個軟件來轉(zhuǎn)換,但是也不支持導(dǎo)出透明背景gif。

因為這個問題折磨了我一兩天,網(wǎng)上也沒有比較完整的解決方式,也發(fā)現(xiàn)很多朋友也在網(wǎng)上問過類似問題沒有相關(guān)解答,所以寫這篇教程,希望能幫到有需要的朋友。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,186評論 3 119
  • 2016年7月18日開始跑步,距今共跑12次,總里程45.47公里,累計用時5.4小時。 對于運動,一直是喜歡,還...
    舒琳Nina閱讀 198評論 0 0
  • 干嘛給我發(fā)錢? 今天早上小編的頭被互加的大禮包砸暈了,到現(xiàn)在才緩過來。小編迫不及待的要曬一曬。但是小編始終不明白,...
    N1012王冬梅閱讀 241評論 0 0
  • 金牛派閱讀 116評論 0 0

友情鏈接更多精彩內(nèi)容