在做Loading等一些動畫時,經(jīng)常會遇到這個動畫很炫酷,但用GIF和逐幀動畫占內(nèi)存用戶體驗(yàn)差(只支持8位圖),補(bǔ)間動畫或者屬性動畫開發(fā)實(shí)現(xiàn)難度較大,時間成本高。就在前段時間發(fā)現(xiàn)一個神器Bodymovin。它可以把AE上做好的動畫直接導(dǎo)出json文件,并支持在移動設(shè)備Android/iOS上直接渲染播放。
一、Bodymovin的安裝步驟
1.首先你得有個AE CC2014或更高版本
(鏈接:https://pan.baidu.com/s/1a7ExqvybQW5keQUFCCTTUw 提取碼:6i2d )AE CC2017和破解器。
2.ae安裝完成后,安裝Bodymovin插件(https://www.adobeexchange.com/creativecloud.details.12557.html)Bodymovin插件地址,下載后解壓安裝包。
3.打開“ExManCmd”文件夾下目錄下的bodymovin.zxp復(fù)制進(jìn)去同一個資料夾。
4.在“開始”“搜索程序和文件夾”輸入“cmd”在“cmd.exe”下右擊以管理員身份運(yùn)行。
5.輸入“cd C:/ExManCmd_win 所在的路徑 “,進(jìn)入ExManCmd的資料夾后,再輸入 ExManCmd.exe /install bodymovin.zxp就安裝完成了。
6.打開“AE”軟件,“窗口”“擴(kuò)展”“bodymovin”打開插件。
一、Bodymovin的使用方法
1.在“項(xiàng)目”新建合成,并根據(jù)需求制作一段動畫;
2.打開bodymovin插件選中合成,設(shè)置輸出json文件位置,點(diǎn)擊“RENDER”;
3.導(dǎo)出成功,點(diǎn)擊“RETURN”;
4.json文件在Bodymovin中預(yù)覽,點(diǎn)擊插件界面上的“Preview”,點(diǎn)擊“Browse”導(dǎo)入json文件,拖動紅色圓點(diǎn)即可預(yù)覽動畫。
三、Bodymovin在AE中不支持以下功能:
1.圖層形狀特效。
2.文本(“可創(chuàng)建形狀”)。
3.3d。
4.漸變。
5.攝像機(jī)燈光。
6.多邊形形狀。
7.表達(dá)式。
8.圖像層。
發(fā)表評論 取消回復(fù)