Bodymovin是一個非常流行和有用的插件,用于將Adobe After Effects動畫導出為JSON格式,以便在Web上使用。Bodymovin導出的JSON文件通常用于創建各種網頁動畫,包括SVG、Canvas和HTML5動畫等。然而,新版本的Bodymovin插件只支持較新的JSON格式,而不支持舊版本的JSON格式。這就是為什么我們需要導出老版本的JSON的原因。
要導出Bodymovin老版本的JSON,我們需要遵循以下步驟:
1. 首先,我們需要下載并安裝一個較舊版本的Bodymovin插件,該插件支持老版本的JSON格式。我們可以在GitHub上找到這個插件,并下載適合我們After Effects版本的插件。 2. 現在,我們可以在After Effects中創建并完善我們的動畫。完成后,我們需要選擇Composition >Add to Render Queue來呈現我們的動畫。 3. 在Render Queue窗口中,我們需要選擇Bodymovin插件的輸出渲染模塊。 請注意,我們必須選擇較舊版本的Bodymovin插件,以支持舊版本的JSON格式。 然后,我們可以單擊“Output To”選擇要保存JSON文件的位置和名稱。 4. 接下來,我們需要單擊Render按鈕并等待呈現過程完成。完成呈現后,導出的JSON文件就會保存在我們選擇的目標文件夾中。
如果我們需要將舊版本的Bodymovin JSON格式導入到我們的網頁中,則我們需要使用Lottie JavaScript庫。 Lottie庫是用于呈現Bodymovin動畫的JavaScript庫,可以幫助我們在網頁上使用JSON格式的動畫。 例如,我們可以使用Lottie在React或Vue項目中呈現動畫。
總之,導出老版本的Bodymovin JSON文件可能有些繁瑣,但對于需要使用較舊版本的JSON格式的項目來說,這是非常有用的。我們只需要下載適合我們After Effects版本的Bodymovin插件,并按照上述步驟操作即可。