將動畫放到網頁上時你是否常常會遇到？

1.AE直接輸出的動畫檔案大到不行。

2.製作圖後與工程師溝通希望的動畫效果，需要花費較長的溝通時間。

這時候就可以使用AE插件Bodymovin！

為了達到網頁某些需求，有些時候設計師會需要套用動畫至網頁上。

使用AE插件Bodymovin，將動畫匯成JSON 檔，嵌入程式碼中，就可以不用擔心上述問題的將動畫匯入網頁！

接下來就來看看要如何使用執行吧！

第一步：下載AE

第二步：安裝AE插件Bodymovin（免費）

>可以用aescripts + aeplugins下載

註冊後將右側Bodymovin的價格改成0元，就可以免費下載囉！

>或者是透過Adobe官網 下載 

官網下載的話要注意登入的帳密要跟電腦creative cloud帳號相同唷！

第三步：開始製作AE動畫

第四步：使用Bodymovin匯出JSON檔交給工程師

第五步：工程師使用Lottie將JSON嵌入程式碼中