Bodymovin是一款用于導(dǎo)出Web動(dòng)畫的After Effects擴(kuò)展插件，能夠?qū)?dòng)畫導(dǎo)出為.json文件，使用隨插件附帶的bodymovin.js播放器。您可以在svg，canvas和html上在瀏覽器中渲染動(dòng)畫，也可以以安卓或蘋果原生動(dòng)畫的形式在移動(dòng)設(shè)備上渲染播放，是AE用戶的好幫手！

Bodymovin軟件特色

將動(dòng)畫導(dǎo)出到j(luò)son文件和png（如有必要）。

動(dòng)畫可以通過(guò)bodymovin播放器在網(wǎng)絡(luò)上播放，也可以通過(guò)Lottie在iOS和Android中播放。

要播放動(dòng)畫，請(qǐng)?jiān)跀U(kuò)展程序面板中獲取播放器，然后將其加載到瀏覽器中。

Bodymovin軟件功能

1、支持的功能

形狀

路徑，橢圓，星星，矩形

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

破折號(hào)

修剪路徑（部分）

圓角

變換（位置，錨點(diǎn)，旋轉(zhuǎn)，縮放，不透明度，傾斜，傾斜軸）

固體

圖片

譜曲

空值

文本

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

每個(gè)文本框支持單個(gè)文本偏差。

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

相機(jī)（部分）

表達(dá)式

表達(dá)式。部分支持。每個(gè)版本都支持越來(lái)越多的表達(dá)式。

如果您遇到任何問題，請(qǐng)告訴我們。

支持表達(dá)式滑塊。

2、一般支持的屬性

變換（旋轉(zhuǎn)，縮放，位置，錨點(diǎn)，不透明度）

時(shí)間重新映射

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

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

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

填

職業(yè)水平

投影

著色

全音

使用教程

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

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

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

2.Win運(yùn)行一下Add Keys.reg，Mac運(yùn)行一下install-as-admin

3.打開AE軟件設(shè)置，勾選上*允許腳本讀寫和訪問網(wǎng)絡(luò)

Win：編輯-首選項(xiàng)-常規(guī)

Mac：After Effects CC-首選項(xiàng)-常規(guī)

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

更新日志

-報(bào)告：改進(jìn)的動(dòng)畫報(bào)告

-修復(fù)：表達(dá)式分離標(biāo)注

-修復(fù)：表達(dá)式的propertyGroup（支持Duik骨骼）

-特點(diǎn)：支持褶皺和膨脹