top of page

Jotting Note

Some draft notes

廣告設計師 + 企業合作軟體講師

部落格區域長期施工中。

原本當成個人隨手資料筆記用途,簡單記錄下感興趣的內容讓自己想看時方便點。

年會努力在工作之餘花時間整頓一下這個區域。

偶然查資料迷路點進來的人,有出處的文獻會有網址。可到原本出處看詳細圖文 :)

2023.4

After Effects轉檔 json步驟,預覽json (ae export json 2025)搭配免費外掛Bodymovin

資料來源:



免費外掛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下載、安裝:

ree
ree

安裝好後,打開After Effects,到Windows/extension/Bodymovin打開外掛視窗

勾選要輸出的Comp,設定輸出路徑,按Render渲染 (AE中的Comp會自動出現在外掛視窗)


外掛英文介面、中文介面 :

ree
ree

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



ree

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

ree

最新文章

查看全部
bottom of page