AE Bodymovin插件是一款適用于AE軟件的Web動畫導出插件，動畫導出為.json文件，使用隨插件附帶的bodymovin.js播放器。您可以在svg，canvas和html上在瀏覽器中渲染動畫。然后以Android/iOS原生動畫的形式在移動設備上渲染播放。AE（Adobe After Effects）可是視頻后期特效和動畫制作的行家

Bodymovin插件特色：

將動畫導出到json文件和png（如有必要）。

動畫可以通過bodymovin播放器在網絡上播放，也可以通過Lottie在iOS和Android中播放。

要播放動畫，請在擴展程序面板中獲取播放器，然后將其加載到瀏覽器中。

導出的文件體積小，方便開發使用；

實現效果佳，可以支持漸變等效果。

Bodymovin插件功能介紹

1、支持的功能

形狀

路徑，橢圓，星星，矩形

填充，描邊，漸變填充和漸變筆畫

破折號

修剪路徑（部分）

圓角

變換（位置，錨點，旋轉，縮放，不透明度，傾斜，傾斜軸）

固體

圖片

譜曲

空值

文本

支持大多數字體，只要您在瀏覽器上加載字體，它們就可以導出為形狀或文本

每個文本框支持單個文本偏差。

不支持：文本裝飾，如小型大寫或垂直縮放。

相機（部分）

表達式

表達式。部分支持。每個版本都支持越來越多的表達式。

如果您遇到任何問題，請告訴我們。

支持表達式滑塊。

2、一般支持的屬性

變換（旋轉，縮放，位置，錨點，不透明度）

時間重新映射

面具（添加劑，在某些情況下差異，倒置和減少）

亮度和alpha蒙版（使用svg渲染器）

3、支持的效果（使用svg / html渲染器）

填

職業水平

投影

著色

全音

使用方法

1.拷貝bodymovin文件夾到以下位置:

Win : C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\

Mac : /Library（中文叫資源庫）/Application Support/Adobe/CEP/extensions

2.Win運行一下Add Keys.reg，Mac運行一下install-as-admin

3.打開AE軟件設置，勾選上*允許腳本讀寫和訪問網絡

Win：編輯-首選項-常規

Mac：After Effects CC-首選項-常規

4.在軟件頂部window窗口菜單-擴展下即可看到bodymovin腳本

使用注意事項：

在使用前期，這種方法是否適合你現在做的動作，lottie是針對矢量動畫開發的，不太適合照片過多的情況，照片過多的話文件負荷會增加，所以最好把照片變成路徑動畫。
在AE中引入Lottie的圖層無法識別矢量漸變。
不能支持外置插件的效果，如顆粒、光效等。
需要與前端開發溝通，他們是否愿意使用。
導出開發的文件需要完整的視頻參考，開發可以通過完整的視頻了解loading的位置和效果，如果json導出錯誤，開發可以看到，遇到不同的地方可以向設計師詢問。
 

更新日志

-報告：改進的動畫報告

-修復：表達式分離標注

-修復：表達式的propertyGroup（支持Duik骨骼）

-特點：支持褶皺和膨脹