入門教學‎ > ‎

#01 啟動 Cubism Modeler 作準備


    準備素材

首先將下載下來的樣本zip檔解壓縮。 解壓縮後會出現下面4個檔案。

  • simple_01.canx  :   製作完成的Live2D動畫檔案。可以Cubism Animator 開啟。
  • simple_01.cmox : 製作完成的Live2D模型檔案。可以Cubism Modeler開啟。
  • simple.psd : 將作為模型基礎的素材分開的圖檔。
  • sketch.png  :  製作眼睛與嘴巴閉上的型態時,作為草稿使用的圖片。

教學中將使用「simple.psd」「sketch.png」兩個檔案,來製作模型。
製作完成的動畫與模型檔案,可在遇到不懂的地方時作為參考。

TIPS
 :
關於PSD檔
因PSD檔會用到PSD匯入功能,角色的每個元件都分別拆開為圖層。




    Cubsim Modeler 的畫面

啟動 Cubism Modeler 後,會出現下面的畫面。
這裡先解說主要的視窗。



  1. 元件
    顯示元件一覽的視窗。元件就是指構成角色之物體的群組。對應各個元件名稱加上多邊型的材質圖(繪畫物件)與變形工具就顯示在這裡。
     
  2. 變形工具
    以樹狀圖顯示變形工具之路徑關係的視窗。當變形工具的數量增加,導致路徑關係變得複雜時,這個視窗就可以輕易的確認路徑關係。

  3. 編輯
    用來確認、編輯已選擇之物件(繪畫物件、變形工具)的視窗。可定所屬的元件、位於上一層的變形工具、圖層順序、不透明度等。

  4. 參數
    定參數的視窗。參數就是將角色動作的程度數值化的資料。要設定角色的動作時,就會使用到這個視窗。

  5. 視窗
    配置角色與變形工具的視窗。


    匯入PSD檔

讀取PSD檔 將PSD檔(simple.psd)拖曳到 Modeler。



稍待片刻後,會顯示出材質圖與多邊型自動生成的結果。



請仔細看左下方〔情報〕欄位的〔比例調整〕,有可能會因為設定的關係,而跟下圖一樣,並不是100%。



如果〔比例調整〕不是100%,圖片就會被縮小比例,導致圖片精細度變差。
為了讓圖片變得更漂亮,接下來就調整位於畫面左邊的匯入設定,來讓〔比例調整〕變成100%。



    匯入設定

這次要設定成能夠在材質圖尺寸2048的狀況下,比例調整為100%。

首先確認〔材質圖尺寸〕所顯示的數字為2048。
如果顯示的是不同的數字,請點選選單選擇「2048」。



接下來輸入〔圖層〕與〔多邊型〕的數值。
依照下列方式設定,比例就會變成100%。


圖層

圖層間的間距 : 15
允許旋轉圖層 : チェックを入れる
再次匯入用座標 : 0,0




多邊形
邊界邊距 : 10
邊界的最小邊距 : 2
點的間距(像素) : 80
依據尺寸調整之間隔 : 8.00
邊界的最少點數 : 5
不透明參數設定為 : 0


各項目的詳細解說請看這裡


輸入上述數值後,只要看到〔比例調整〕變成100%就完成設定。

最後請確認已經勾選〔自動設定圖層順序〕。
勾選這個項目後,匯入檔案後就會自動設定圖層順序的數值。



完成所有設定後,點擊下方的〔確認〕按鈕。



這樣子作為模型基礎的圖片就配置完成了!



POINT!
配置在主視窗中的圖片稱為繪畫物件



    讀取草稿

接下來將讀取草稿。
跟讀取PSD檔時一樣,將草稿檔案(sketch.png)拖曳至 Modeler。
這時候會出現〔圖片設定〕的對話框,這裡要選擇圖片的使用方法。



確認選擇「草稿」後,點擊「確認」按鈕。



這樣子草稿就完成配置了
草稿檔案會顯示在「元件」視窗的「〔草稿〕」元件中。


讀取完成之後,PSD檔與草稿就變成會重疊顯示。
這裡不顯示到作為草稿使用為止的步驟。


在元件視窗中,點擊位於下圖紅框內的「+」標誌,就會變成「-」標誌,並打開下一層的項目。
再次點擊「-」標誌,就能夠把打開的項目關閉。
因草稿是屬於繪畫物件,因此顯示在〔繪畫〕。



點擊「sketch.png」的眼睛標誌,改為不顯示。



這樣就變得比較清楚了。



因為想要將配置完成的草稿固定不動,
因此點擊紅框內這個位置,鎖定「草稿」元件。



TIPS
想改變草稿的不透明度時,先選擇草稿,接下來在編輯視窗裡的〔不透明度〕處輸入數值。
以拖曳的方式也可以更改數值。




    儲存檔案

準備完成之後,先儲存檔案。

點擊〔檔案〕選單→〔儲存檔案〕


接下來會開始〔儲存檔案〕的對話框,在檔案名稱處輸入「simple_01.comx」。
在檔案名稱的最後加上編號,會比較好管理。
最後點擊〔存檔〕按鈕來儲存檔案。





コメント