AE插件Bodymovin,將動畫最小化的放到網站吧!
07/23
2021

將動畫放到網頁上時你是否常常會遇到?
1.AE直接輸出的動畫檔案大到不行。
2.製作圖後與工程師溝通希望的動畫效果,需要花費較長的溝通時間。
這時候就可以使用AE插件Bodymovin!
為了達到網頁某些需求,有些時候設計師會需要套用動畫至網頁上。
使用AE插件Bodymovin,將動畫匯成JSON 檔,嵌入程式碼中,就可以不用擔心上述問題的將動畫匯入網頁!
接下來就來看看要如何使用執行吧!
第一步:下載AE
第二步:安裝AE插件Bodymovin(免費)
>可以用aescripts + aeplugins下載
註冊後將右側Bodymovin的價格改成0元,就可以免費下載囉!
>或者是透過Adobe官網 下載
官網下載的話要注意登入的帳密要跟電腦creative cloud帳號相同唷!
第三步:開始製作AE動畫
第四步:使用Bodymovin匯出JSON檔交給工程師
第五步:工程師使用Lottie將JSON嵌入程式碼中
Other Post
其他資訊分享