安裝方法:
AE 下載鏈接:
bodymovie 下載與安裝:
lottie源碼(給開發(fā)看的,如果可以,請(qǐng)讓開發(fā)使用最新的源碼):
導(dǎo)出方法:
Bodymovin 導(dǎo)出 JSON 的方法:
1、打開一個(gè) Adobe After Effect 項(xiàng)目,點(diǎn)擊 Window / Extensions / Bodymovin,出現(xiàn)如圖1所示對(duì)話框,點(diǎn)擊 Selected 選中要導(dǎo)出的 Composition,選擇導(dǎo)出文件的路徑(Destination Folder),點(diǎn)擊 RENDER 即可導(dǎo)出。
1、選定一個(gè)合成
2、選擇導(dǎo)出文件的路徑,點(diǎn)擊渲染動(dòng)畫即可。
2、進(jìn)入預(yù)覽拖拽播放進(jìn)度條可預(yù)覽生成js文件的動(dòng)畫效果。
其他備注:
- bodymovin 需要 AE 為英文版的情況下,輸出的json文件才能被支持
- bodymovin 目前基本上只支持手動(dòng)K幀
- 不支持表達(dá)式
- 不支持特效
- 不支持效果
- 不支持三維模式
- iOS 的環(huán)境下可直接識(shí)別 @2x 與 @3x 的圖片,也就是導(dǎo)出 json 的 image 的文件目錄下可以放入 img_0@2x 和 img_0@3x 程序可以自動(dòng)識(shí)別圖片后綴,并分配到對(duì)應(yīng)的機(jī)型
- 字體支持不好,即便勾選【將文本轉(zhuǎn)換為路徑】也無(wú)法顯示
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)