作為一種即時(shí)可用的動畫解決方案,bodymovin可以讓設(shè)計(jì)師將其在Adobe After Effects中創(chuàng)建的矢量動畫導(dǎo)出為JSON文件,以便開發(fā)人員使用該文件進(jìn)行網(wǎng)站或應(yīng)用程序的開發(fā)。以下是如何使用bodymovin導(dǎo)出JSON文件的簡單步驟。
第一步:安裝bodymovin插件
首先,您需要在Adobe After Effects中安裝bodymovin插件。在{panel:bgColor= #F9F9F9}瀏覽器地址欄中輸入“bodymovin下載”,點(diǎn)擊搜索按鈕,即可跳轉(zhuǎn)到下載頁面下載該插件安裝程序。
第二步:創(chuàng)建您的動畫
第二個(gè)步驟是創(chuàng)建您的動畫。在這一步中,您可以使用Adobe After Effects的所有功能來制作您的矢量動畫。在完成動畫之前,您需要確認(rèn)所有圖層都包含已描邊和填充的矢量圖形。
第三步:準(zhǔn)備導(dǎo)出
準(zhǔn)備好導(dǎo)出您的文件后,您需要啟動bodymovin插件。在該插件的主窗口中,您需要按照您的要求設(shè)置所有參數(shù)。這包括設(shè)置輸出文件的名稱和文件夾以及執(zhí)行導(dǎo)出所需的其他參數(shù)。
第四步:導(dǎo)出JSON文件
最后,您可以開始導(dǎo)出JSON文件。單擊“導(dǎo)出”按鈕以開始該過程。這可能需要一些時(shí)間,具體取決于您的動畫大小和復(fù)雜程度。完成后,您應(yīng)該會在指定的文件夾中找到JSON文件。
在bodymovin插件中,還有許多其他的選項(xiàng)和功能。在您開始使用該插件時(shí),請參閱官方文檔以了解更多詳細(xì)信息。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang