After Effects轉檔 json步驟,預覽json (ae export json 2025)搭配免費外掛Bodymovin
- 葉小妖 ( 葉蘊儀 YunYiiYeh )
- 7月9日
- 讀畢需時 1 分鐘
資料來源:
免費外掛Bodymovin下載方式:
(第1種)打開Adobe Creative Cloud下載:(第一種方法只有Adobe正版用戶能用)
(第2種)GitHub下載:
下載後Bodymovin安裝檔位置:
lottie-web-master\lottie-web-master\build\extension
由於安裝檔為ZXP所以要裝ZXP的安裝軟體
安裝完後打開軟體,點“File”>“Open”選到bodymovin.zxp插件,ZXP Installer會自動開始安裝。安装完成後如下圖所顯示,表示插件已成功安裝。
*打開Adobe Creative Cloud下載、安裝:


安裝好後,打開After Effects,到Windows/extension/Bodymovin打開外掛視窗
勾選要輸出的Comp,設定輸出路徑,按Render渲染 (AE中的Comp會自動出現在外掛視窗)
外掛英文介面、中文介面 :


輸出後,想預覽json動畫,可以上傳到lottiefiles

物件是白色看不清楚的話,可以在lottiefiles改預覽時的背景顏色
