lottie 動畫設計（二）
接上篇《lottie 動效設計一》~這篇主要是官方放出的目前支援的After Effect 效果合集翻譯稿，和自己總結的需要注意的點~
接上篇《lottie 動效設計一》~這篇主要是官方放出的目前支援的After Effect 效果合集翻譯稿，和自己總結的需要注意的點,有大圖，建議電腦開啟來看 []~(￣▽￣)~*
官網地址：http://airbnb.io/lottie/ （需要科學上網~ ε=(´ο｀*)))）。
官方文件寫到的與AE動效設計有關的部分，我簡單的翻譯了下，
如果文中有翻譯錯誤歡迎和我聯絡，謝謝指教：
其他支援屬性
圖層特性(Layer Features)
預合成(Precomps)
影象圖層(Image Layers)
形狀圖層(Shape Layers)
空物件(Null Layers)
固態層(Solid Layers)
父子級關係圖層Layers(Parenting Layers)
Alpha蒙板圖層(Alpha Matte Layers)
支援中繼器變形(Supports repeater transforms)
Currently Unsupported After Effects Features
目前還不支援的After Effects 特性（ ios）
· 合併形狀(Merge Shapes)
· 反相蒙版(Alpha Inverted Masks)
· 裁切路徑中的個別裁切形狀功能(Trim Shapes Individually feature of Trim Paths)
· 表示式(Expressions)
· 3D圖層(3d Layer support)
· 時間重置/ 圖層反相(Time remapping / Layer Reverse )
· 圖層混合模式Layer Blend Modes
· 圖層效果 （粒子場）Layer Effects
· Offset currently not supported. 當前不支援偏移量
外掛使用
使用bodymovin 輸出的json 檔案用瀏覽器開啟是這樣的一堆程式碼，需要在特定的網站開啟預覽
目前找到的線上預覽json 檔案的網站如下
Json test
ofollow,noindex" target="_blank">https://nicolasjengler.github.io/bodymovins-json-tester/dist/
不需要科學上網 支援效果多，但是有bug ,目前發現的是會出現動畫無法迴圈的問題
https://svgsprite.com/demo/bm/player.php?render=canvas
不需要科學上網，非常穩定，但是支援效果有限
https://www.lottiefiles.com/preview
官方穩定， 需要科學上網,包含移動端
但是！！！製作時會遇到的問題：
問題 1 : 雖然官方文件寫了支援影象圖層和固態層，但是在設計的時候把形狀屬性新增在這兩個圖層屬性中，輸出的json 檔案會出現問題，所以個人不建議這樣做。
比如：上圖這個動畫示例，開啟後的工程檔案是完全使用形狀圖層製作的。
並且在一個形狀圖層中可以使用多個路徑~！
整體的移動旋轉是繫結在了底部的一個空物件上的。
問題 2 ：漸變效果在軟體相容上存在問題。
在官網查詢之後，發現同一個世界，同一個坑，大家都會遇到漸變之後,預覽時色彩丟失的情況。
目前我自己檢查發現是軟體語言版本的問題：建議使用AE CC 2018 英文版 + bodymovie 5.2.0 版本
（最新為5.3.0版本，但個人測試在修剪路徑和漸變填充都出現了畫面影象錯誤~╮(╯▽╰)╭）
錯誤渲染結果
正常渲染結果
問題3：在設計動畫的透明度變化時，在形狀路徑中修改引數會出現問題，在整個形狀圖層上修改引數，json 檔案顯示正常。（這個問題目前沒有找到原因，所以製作的時候修改透明度單獨一個圖層設計比較好）
下篇會講如何使用AI / sketch 繪製檔案後匯入AE,製作動畫和輸出json 的工作流程~~
隨緣點贊~福生無量~~~
歡迎來我的公眾號【錦字回時】找我玩，上文提到的檔案可以在公眾號回覆【AE2】下載~