炫酷神器，AE插件Bodymovin.zxp的安裝與使用

前段時間，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文件，就會看到，動畫被原汁原味地導出了：
大功告成了，導出來的文件可以交給程序員哥哥了，接下來的事情讓他們自己去弄吧，我們美工能幫的就這些了。嘿嘿！