寫在開頭：文章中出現(xiàn)的問(wèn)題缴川，僅限Bodymovin5.6.3版本厕诡；After Effect 2019版本党远。如果在后續(xù)版本中沒(méi)有出現(xiàn)削解，請(qǐng)自行忽略。
坑點(diǎn)1——開始時(shí)的畫板尺寸
新建AE文件時(shí)沟娱，建議以動(dòng)畫區(qū)域的1倍圖尺寸建立畫板氛驮。若使用圖片素材，為保證清晰度济似，需使用2倍或3倍圖矫废。
坑點(diǎn)2——?jiǎng)赢嬑募膱D片素材
動(dòng)畫文件若使用圖片素材盏缤，導(dǎo)出json文件時(shí)，生成image文件夾用于放置動(dòng)畫中的圖片素材蓖扑。
iOS環(huán)境下可直接識(shí)別@2x與@3x的圖片唉铜，也就是導(dǎo)出 json的image的文件目錄下可以放入img_0@2x和img_0@3x的圖片素材，程序可以自動(dòng)識(shí)別圖片后綴律杠，并分配到對(duì)應(yīng)的機(jī)型（引用：AE-bodymovin 安裝與使用）潭流。安卓環(huán)境建議直接使用3倍圖。
若動(dòng)畫文件使用圖片素材柜去，通過(guò)Bodymovin選擇“圖片資源設(shè)置/將圖片資源轉(zhuǎn)化為base64代碼并一起保存到JSON文件中”選項(xiàng)灰嫉，將圖片素材包進(jìn)json文件中，iOS低系統(tǒng)版本會(huì)出現(xiàn)崩潰情況嗓奢。建議單獨(dú)導(dǎo)出圖片資源讼撒。
坑點(diǎn)3——?jiǎng)赢嬛械奈淖?br>
若動(dòng)效中包含文字，建議在AE中將文字圖層創(chuàng)建為形狀股耽。若通過(guò)Bodymovin中的“字體圖形化”工具會(huì)出現(xiàn)原本居中對(duì)齊的文字變?yōu)樽蠖藢?duì)齊的現(xiàn)象（安卓環(huán)境根盒，iOS未知）。
坑點(diǎn)4——高斯模糊
Lottie不支持導(dǎo)出高斯模糊效果豺谈，若制作陰影效果郑象，需將陰影部分單獨(dú)切圖贡这，以圖片素材導(dǎo)入AE中茬末。
坑點(diǎn)5——漸變填充漢化
Lottie支持導(dǎo)出圖形的漸變填充效果，但由于After Effect使用漢化版本盖矫，圖形填充屬性名稱應(yīng)由“漸變填充 1”修改為“Gradient Fill 1”即可顯示正常丽惭。但填充漸變顏色在iOS環(huán)境中不顯示整個(gè)填充圖形（安卓環(huán)境正常），建議使用單色填充辈双。
坑點(diǎn)6——開發(fā)控制動(dòng)畫屬性
Lottie支持開發(fā)控制動(dòng)畫的屬性（包括動(dòng)畫速度责掏、持續(xù)時(shí)長(zhǎng)、是否重復(fù)執(zhí)行湃望、是否反向執(zhí)行换衬、是否緩存動(dòng)畫等），從而制作有交互的動(dòng)效证芭。
例如：下拉刷新動(dòng)畫瞳浦，可以根據(jù)下滑動(dòng)作控制動(dòng)畫速度；下載過(guò)程等待動(dòng)畫废士，根據(jù)下載進(jìn)程呈現(xiàn)不同狀態(tài)叫潦。
必看“芝士點(diǎn)”導(dǎo)航
bodymovin更新信息（github）
AE導(dǎo)出json工具-bodymovin(Lottie)漢化（知乎）
Lottie和Bodymovin支持導(dǎo)出的AE屬性（簡(jiǎn)書）
AE動(dòng)畫還原神器Lottie+Bodymovin踩坑記（簡(jiǎn)書）
Lottie源碼——給開發(fā)看（github）
