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

Bodymovin插件特色：

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

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

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

導(dǎo)出的文件體積小，方便開發(fā)使用；

實(shí)現(xiàn)效果佳，可以支持漸變等效果。

Bodymovin插件功能介紹

1、支持的功能

形狀

路徑，橢圓，星星，矩形

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

破折號(hào)

修剪路徑（部分）

圓角

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

固體

圖片

譜曲

空值

文本

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

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

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

相機(jī)（部分）

表達(dá)式

表達(dá)式。部分支持。每個(gè)版本都支持越來越多的表達(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腳本

使用注意事項(xiàng)：

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

更新日志

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

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

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

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