骨骼元件主要的作用是給萬(wàn)彩動(dòng)畫(huà)大師里頭的圖片增加骨骼動(dòng)畫(huà)，讓靜態(tài)的圖片能夠動(dòng)起來(lái)。下面講解具體的操作步驟：
新建工程，選擇要添加的圖片進(jìn)來(lái)，也可以自定義圖片點(diǎn)擊右側(cè)工具欄【圖片】中【添加圖片】格式選擇png和svg，咱們以“植物”元素來(lái)作為案例進(jìn)行操作，點(diǎn)擊“植物”右側(cè)工具欄中選擇【制作元件】中的【制作骨骼元件】點(diǎn)擊

系統(tǒng)后臺(tái)會(huì)彈出萬(wàn)彩骨骼大師，選擇默認(rèn)尺寸點(diǎn)擊確認(rèn)進(jìn)入，第一步就是添加骨骼，選擇左側(cè)工具欄中【添加直線骨骼】節(jié)點(diǎn)

在每一個(gè)要?jiǎng)拥奈恢蒙洗蛏瞎?jié)點(diǎn)，打上節(jié)點(diǎn)后看到上方工具欄中【制作動(dòng)畫(huà)】點(diǎn)擊

這個(gè)時(shí)候我們只需要點(diǎn)擊這個(gè)節(jié)點(diǎn)進(jìn)行拖拉，拖動(dòng)這個(gè)葉子讓它動(dòng)起來(lái)，點(diǎn)擊下方工具欄中【骨骼幀】添加此虛擬幀，把添加好的幀往后移一點(diǎn)，然后調(diào)動(dòng)節(jié)點(diǎn)往一個(gè)方向調(diào)，然后再添加一個(gè)關(guān)鍵幀，繼續(xù)往一個(gè)方向調(diào)

繼續(xù)再加骨骼幀，讓葉子的擺動(dòng)浮動(dòng)大一點(diǎn)，這里咱們一共是加了四個(gè)關(guān)鍵幀

擺動(dòng)完了，咱們要做一個(gè)對(duì)稱的動(dòng)畫(huà)效果，復(fù)制前面的關(guān)鍵幀形成一個(gè)對(duì)稱的動(dòng)畫(huà)，相當(dāng)于讓它搖過(guò)去又搖回來(lái)，設(shè)置好后選擇預(yù)覽，這時(shí)我們可以看到葉子的擺動(dòng)

設(shè)置好后，點(diǎn)擊右上方【發(fā)布】，彈出默認(rèn)小窗口，輸入【元件名字】，選擇【發(fā)布】，然后自動(dòng)回到畫(huà)布中心，這個(gè)時(shí)候我們的骨骼動(dòng)畫(huà)就已經(jīng)制作完成了，點(diǎn)擊預(yù)覽即可

骨骼大師和萬(wàn)彩動(dòng)畫(huà)大師無(wú)縫的集成，同事我們可以看到右側(cè)工具欄【元件】中【骨骼元件】里頭的【我的】就有剛剛制作好的“植物”的元件，這個(gè)元件可以直接拖過(guò)來(lái)繼續(xù)使用，如果不滿意點(diǎn)擊編輯去修改就可