刪除隱藏層和形狀

在早期使用 Bodymovin 時，它有一個問題，即在導出階段和創建 JSON 時會包含來自隱藏層或隱藏子層的數據。從那時起，Bodymovin 已經更新為忽略隱藏層，除非在 Bodymovin 導出窗口的設置圖標中指定。如果您有相當多的隱藏層或隱藏子層，為了讓自己安心，那么就值得檢查以確保所有額外的數據不會影響最終的輸出。從現在開始，這應該不再是最終輸出的問題。

更多的點在你的路徑上，更多數據在你的 JSON 里

當處理復雜的插圖時，最好要理解 Bodymovin 是如何將這些形狀轉換成數據的。為了繪制矢量形狀，它在代碼中繪制了一系列點在網格上，并使用代碼中定義的弧線、直線和形狀來組成插圖。所有這些工作都將在定義不同部分的填充（fill）和筆畫（stroke）的代碼中完成。如果每個點、每條弧線、每條線都是由代碼 bits 所定義的，那么插圖中的代碼 bits 越多，JSON 文件就越大。《YouTube Kids》中的許多插畫風格都有一定的內在影響，避免角色感覺過于僵硬或過于完美。孩子們很邋遢，所以我們與他們互動的角色應該反映出一點真實的原始。在我們最初的插畫方法中，我們的風格是更加有機和松散的。正因為如此，每個部件都有許多點，如果最終資產以 png 形式顯示的話，這是可行的。但是，為了讓這些插圖變成動畫，它們需要被大量的清理，并且被繪制的點的數量也大大減少了。通過看下面的圖片，你可以看到許多線條從填充被轉換成筆畫并簡化了。手臂和腿也被轉換為筆畫而不是填充路徑，以使這些部分更容易動畫化，并減少了用于動畫這些部分的關鍵幀數據的數量。

總結

以上是生活随笔為你收集整理的AE 动效工作流技巧 —— 减少 Bodymovin 导出的 JSON 大小并提升性能（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。