Bodymovin是一款用于導(dǎo)出Web動(dòng)畫的After Effects擴(kuò)展。動(dòng)畫導(dǎo)出為.json文件,使用隨插件附帶的bodymovin.js播放器。您可以在svg,canvas和html上在瀏覽器中渲染動(dòng)畫。
軟件特色
將動(dòng)畫導(dǎo)出到j(luò)son文件和png(如有必要)。
動(dòng)畫可以通過bodymovin播放器在網(wǎng)絡(luò)上播放,也可以通過Lottie在iOS和Android中播放。
要播放動(dòng)畫,請?jiān)跀U(kuò)展程序面板中獲取播放器,然后將其加載到瀏覽器中。
功能介紹:
1、支持的功能
形狀
路徑,橢圓,星星,矩形
填充,描邊,漸變填充和漸變筆畫
破折號
修剪路徑(部分)
圓角
變換(位置,錨點(diǎn),旋轉(zhuǎn),縮放,不透明度,傾斜,傾斜軸)
固體
圖片
譜曲
空值
文本
支持大多數(shù)字體,只要您在瀏覽器上加載字體,它們就可以導(dǎo)出為形狀或文本
每個(gè)文本框支持單個(gè)文本偏差。
不支持:文本裝飾,如小型大寫或垂直縮放。
相機(jī)(部分)
表達(dá)式
表達(dá)式。部分支持。每個(gè)版本都支持越來越多的表達(dá)式。
如果您遇到任何問題,請告訴我們。
支持表達(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(中文叫資源庫)/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腳本