Bodymovin是一款在AE中導出Web動畫的AE擴展。動畫導出為.json文件，使用隨插件附帶的bodymovin.js播放器，您可以在svg，canvas和html上在瀏覽器中渲染動畫。它支持After Effects功能的子集。動畫也可以通過Lottie在iOS和Android上本地播放，帶腳本使用視頻教程。

An After Effects extension to export animations for web. Animations are exported as .json files that use the bodymovin.js player that comes along with the plugin. You can render animations in the browser on svg, canvas and html. It supports a subset of After Effects features. Animations can also be played natively on iOS and Android through Lottie

https://aescripts.com/bodymovin/

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

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

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

支持的功能

形狀

路徑，橢圓，星形，矩形

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

破折號

修剪路徑(部分)

圓角

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

固體

圖片

比較

空值

文字

支持大多數(shù)字體，只要將字體加載到瀏覽器中，就可以將它們導出為形狀或文本

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

不支持：文本裝飾，例如小寫字母或垂直刻度。

相機(部分)

表達方式

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

支持表達式滑塊。

常規(guī)支持的屬性

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

時間重新映射

蒙版(加法，在某些情況下為差異，反轉(zhuǎn)和減法)

亮度和Alpha蒙版(使用svg渲染器)

支持的效果(使用svg / html渲染器)

填

專業(yè)水平

陰影

著色

三音

Bodymovin V5.6.1 更新內(nèi)容：

在新項目尚未保存目的地的情況下，修復了較早的AE版本的導出器

支持新的導出模式：Rive

支持新的導出模式：橫幅

改進了現(xiàn)有的導出模式

改進的圖像壓縮解決方案(現(xiàn)在PNG可以很好地壓縮為jpeg)

支持導入Lottie動畫！

固定版本以防止污染全球范圍

文字動畫師乘法器修復

修復了＃1883文本偏移

修復＃1878支持容器的id屬性

改進：驗證變換是否為線性以消除空間插值

修復：減去蒙版轉(zhuǎn)換后的修復

表情：增加了后繼時間支持

修復：TextSelectorProperty中錯誤的緩動函數(shù)計算

修復：沒有關鍵幀的自動定向?qū)傩?/p>

新增功能：實施一個可以在輔助線程上運行的新Canvas渲染器

資源下載此資源僅限注冊用戶下載，請先登錄

加QQ群:333758950 免費獲取資源 資源下載

下載價格：免費請先登錄

加QQ群:333758950 免費獲取資源

總結(jié)

以上是生活随笔為你收集整理的ae导出html,AE导出json格式的Web动画工具 Bodymovin v5.6.1 + 使用教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。