入門教學‎ > ‎

#06 用 Cubism Animator 讓模型動起來


    關於 Cubism Animator

Animator 是能給 Live2D 模型加上動畫的工具

這裡將使用能夠輸出動畫的 32bit 版



    製作新專案

啟動Animator後,會顯示〔選擇專案〕的視窗
這裡點擊〔製作新專案〕



接下來會顯示〔場景設定〕的視窗
這裡主要用來設定場景的名稱與畫面尺寸
輸入完成後,點選〔確認〕按鈕

  • 場景名稱
    場景的名稱

  • 動畫幀數
    動畫的幀數。如果沒有特別的理由,就維持 30fps 的設定

  • 尺寸
    畫面的尺寸

  • 背景顏色
    動畫預覽畫面的背景顏色

  • 進入切換速度 / 退出切換速度
    將動畫放進 app 等程式時所需要的設定
    這會影響到播放動畫時,從上一個動作切換到下一個動作的方式
    通常設定為1即可
    在製作動畫時,這個設定並沒有太大的意義


接下來給檔案命名並儲存檔案




    讀取模型檔案與調整位置

首先以 Animator 讀取模型檔案(.comx 格式)
將檔案拖曳至 Animator 的畫面即可
(點擊〔檔案〕選單→〔開啟舊檔〕並選擇模型檔案,也能夠開啟檔案。)



檔案讀取完成後,模型就顯示在預覽視窗中,模型的動作記錄也顯示在時間軸視窗中
而模型檔案也被追加到素材視窗中



因目前顯示的樣子太大,所以要調整尺寸
拖曳紅框可在固定原有長寬比例的狀態下調整尺寸
Shift + 拖曳則是在不固定原有長寬比例的狀態下調整尺寸



點擊下圖中的三角形標誌,就能夠開啟時間軸視窗中,詳細的模型動作記錄
開啟〔Live2D參數〕,就能夠確認在Modeler中設定的參數
接下來就使用這些參數,來製作動畫




    改變場景長度

移動時間軸上方的捲軸,就可改變場景的長度
拖曳下圖的位置即可移動
(綠色捲軸是工作區域的範圍。這與場景的長度不同。)



將場景的長度設定為「3秒 0格」




    製作動畫

將參數的關鍵影格配置到時間軸上,就能夠讓Live2D模型動起來
以製作眨眼動作為例
  1. 將游標指在 0秒 0格處,將「左眼 開闔」設定為「1」,將「右眼  開闔」設定為「1」
  2. 將游標指在 0秒 7格處,將「左眼 開闔」設定為「0」,將「右眼 開闔」設定為「0」
  3. 將游標指在 0秒 15格處,將「左眼 開闔」設定為「1」,將「右眼 開闔」設定為「1」


POINT!
插入關鍵影格的方法有幾種
下圖就是代表性的例子

1. 先將游標指在時間軸上,欲插入關鍵影格的位置
2. 調整參數的刻度
3. 或是直接輸入參數的數值

另外可一次選擇多個關鍵影格、拖曳移動關鍵影格與複製(剪下)&貼上關鍵影格,因此能夠輕易的移動



按下播放按鈕,即可確認動作



除了眼睛的開闔之外,也嘗試「角度Z」與「嘴巴 開闔」的參數加入關鍵影格中,藉此製作成動畫