前段時間，Airbnb出了個移動端的動畫庫Lottie，可以和一個名叫Bodymovin的AE插件結合起來，把在AE上做好的動畫導出為json文件，然后以Android/iOS原生動畫的形式在移動設備上渲染播放。AE（Adobe After Effects）可是視頻后期特效和動畫制作的行家，現在把安裝和使用方法分享給大家。


下面就分步驟總結下Bodymovin的安裝和使用


1.? ?如果電腦上沒有AE的話，需要安裝AE CC2014或更高版本。以AE CC2017為例：
? ? （AE CC2017 歡迎界面）




2.? ?AE安裝完成后，安裝Bodymovin插件。


? ? 2.1 到Bodymovin的GitHub首頁（地址：[https://github.com/bodymovin/bodymovin](https://github.com/bodymovin/bodymovin)）克隆項目到本地，或者下載.zip包。


? ? 2.2 在項目目錄的“/build/extension”目錄下找到“bodymovin.zxp”文件，這個就是插件包了。


? ? 2.3 下載安裝ZXP Installer（地址：[http://aescripts.com/learn/zxp-installer/]，打開軟件，點擊“File”>“Open”菜單項載入上述bodymovin.zxp插件包，ZXP Installer會自動開始安裝。安裝完成后的軟件主頁面如下圖所示，表示插件已成功安裝。
如果沒有上面的圖片，只是這個個空白的，也是可以的，有的電腦加載不出來，反正我的是，沒有顯示上面的圖片也安裝成功了，我也不懂具體原因。


3. 打開AE，點擊“編輯”>“首選項”>“常規”菜單項，選中“允許腳本寫入文件和訪問網絡”，點擊確定。


4.點擊“窗口”>“擴展”>“Bodymovin”菜單項，就可以打開Bodymovin的界面使用插件了。


5.? 我們在空的AE項目里，新建一個名為“視頻”的合成，并制作一段簡單的動畫：


6.? 打開Bodymovin插件窗口，可以發現“視頻”出現在了下面的列表中。選中“視頻”，設置好json文件輸出位置，點擊“Render”。


7. Bodymovin還為生成出的json文件提供了預覽功能，點擊插件界面上的“Preview”按鈕，點擊“Browse”載入剛剛生成的json文件，就會看到，動畫被原汁原味地導出了：
大功告成了，導出來的文件可以交給程序員哥哥了，接下來的事情讓他們自己去弄吧，我們美工能幫的就這些了。嘿嘿！

總結

以上是生活随笔為你收集整理的炫酷神器，AE插件Bodymovin.zxp的安装与使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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