[閒聊] Facerig+Live2D 零美術基礎創作自己角色 guogu PTT批踢踢實業坊

[閒聊] Facerig+Live2D 零美術基礎創作自己角色

作者: guogu 2018-03-04 12:00:53

之前過年時Facerig特價就把它給買了下來
剛好更早以前有買了個便宜的視訊鏡頭
所以就有事沒事開開實況
主要是開給自己看
自己的笑點跟自己非常的合重播特別的好看w
但是一開始角色是用工作坊的
用久了總是會有一種遺憾畢竟不是自己的角色
但是我完全沒有美術基礎到底要怎麼辦呢?
所以大概在一個禮拜前開始研究Live2D
尋找沒有美術基礎也能做到的方法
最後就在昨天把自己的角色做完啦!
https://i.imgur.com/Kx4oV3D.mp4
以上前情提要結束
先來說說需要用到的工具
首先做Live2D我們需要"素材"
所謂的素材就是那一些分開的元件比如說鼻子眼睛嘴巴身體等
如果你跟我一樣不會畫圖
推薦找一些可以3D捏臉的遊戲來做素材擷取
在這邊我選用ILLUSION新遊戲的試玩版
遊戲就看喜好選用就是了
然後為了製作素材我們必須要有繪圖軟體
如果你已經有photoshop了那樣就用photoshop
沒有的話可以使用GIMP
他是開源而且免費的繪圖軟體
最後是Live2D的部份
除了本體的Live2D Cubism 3
為了要有物理效果我們還需要2.X版本的Live2D Viewer來做物理效果
因為新版的Live2D內建的物理定義檔跟Facerig不相容
這兩個檔案都能在Live2D的官網獲得免費版的雖然功能有限制但已足夠使用
當然最重要的部分Facerig跟Live2D的DLC就是上Steam買了
結論，請準備：可捏臉遊戲，繪圖軟體，Live2D Cubism+Viewer，Facerig+DLC
首先第一步驟獲取素材
在這一個部分要先捏自己的角色
我相信這邊的各位這個步驟絕對是輕鬆解決應該是不用教學
接著是捏完之後取素材
除了取得素材的部份我們也需要參考的部份
這邊來一一說明
首先正臉是絕對需要的
除了正臉以外也請擷取臉向不同方向的截圖
因為你如果跟我一樣是零美術基礎要做臉轉向的變形時絕對會需要參考的
臉部擷取正面跟上下左右轉建議在視角完全固定的狀態下截完這樣做參考會比較方便
然後閉眼那一些全部都用變形來完成所以需要知道閉眼或者嘴型之類的另外截圖看就好
以上準備好之後就是剝素材
現在應該會有像這樣的圖片可以用 https://i.imgur.com/LiEkdCl.png
我們會需要的素材有
前髮橫髮後髮眼珠眼白上睫毛下睫毛眉毛上嘴唇下嘴唇鼻子脖子身體口內
就是把各個素材除了目標以外的地方全部刪除比如說眼珠就是圖片只有眼珠
剝完之後檔案像這樣 https://i.imgur.com/RRPGdqh.png
記得背景要是透明的
這邊有個小技巧因為人物通常是對稱的所以可以做一半另外一半用鏡像就好
可以少處理一半的邊緣
然後說說後髮的部份它平常會被身體擋住對吧
我的作法是遊戲內調整光源方向然後從背面截圖
素材剝完之後要排列整齊
開一張新的圖片選用透明背景把做好的素材當成圖層加進去
這個步驟做完會像這樣 https://i.imgur.com/H4Rnw1N.png
沒辦法靠著自己憑空排完的話可以把剝素材用的正面圖放在背景當參考來排
排完之後刪掉就好
都排好之後把這張圖片存成PSD檔
以上素材準備就完成了
這邊大概是最燒時間的部份
接下來進入Live2D部分
這邊直接往這裡請 https://goo.gl/q43GnH
這是官方的教學請一直做到 "基本チュートリアル 5：顔のXYの動き付け"
網路上教學我翻了非常多篇就是官方教學最基本好懂而且沒有太多的資訊量
有一些教學影片超過5小時我想大家也是看不下去
這邊說一個我常碰到但沒有教的東西
就是素材做錯了或者少做了但是我Live2D的部份已經做到一半了該怎麼辦?
這一個問題其實呢直接去編輯舊的psd檔
想要新的配件就加新的圖層
想要修正舊的配件就直接在上面修
記住圖層的名稱修正的就維持原名新的就用新的名稱
然後File>Open 去選那一個PSD檔
它會讓你選要創建新的Model還是匯入舊有的
點舊有的那個Model選ok
接著是選這些是要做新網格還是取代掉材質
這邊選取代 https://i.imgur.com/SwE9OQd.png
這樣你就學會了取代跟新增素材的方法了
做到這邊之後如果你不想要理物理效果就可以輸出到Facerig啦！才怪
因為Live2D有改版過的關係所以定義名稱有改動
詳細內容可以看這邊 https://goo.gl/oFYBE3
把參數名稱都改好之後就能輸出了
選這個 https://imgur.com/XU3CfRY.png
然後會得到兩個檔案 xxx.moc xxx.model.json 跟一個資料夾xxx.2048之類的
把這三個檔案放到FaceRig\Mod\VP\PC_CustomData\Objects\xxx
xxx就是你的角色名稱
到這一個步驟你的角色已經可以在facerig上面使用了
但是如果你需要物理模擬頭髮呆毛配件等東西
打開Live2Dviwer開啟你的.moc檔
然後選擇這個 https://imgur.com/ZiwJbXA.png
這個它會有一個基本的參數讓你不會不知道調整數值方向
input的地方選要跟頭髮擺動有關的參數
個人建議是頭的Z軸跟X軸也就是臉的傾斜跟臉左右擺動
output的地方是要選受物理影響的部份
也就是在Live2D中你做頭髮擺動的那一些參數
要加參數就是點那一個+號 https://imgur.com/DH6ZbAy.png
最後做完了記得去點project>write>physics
檔名做成xxx.physics.json
一樣放到FaceRig\Mod\VP\PC_CustomData\Objects\xxx 裡面
這樣能做表情能轉頭頭髮有物理特效的角色就完成啦!
以上是0美術基礎的我花了一週的時間找資料摸索live2d跟facerig最後得到的心得
感謝各位把這麼冗長的一篇文章看完
如果有什麼問題可以在底下發問因為我也只玩了一週如果不能回答還請見諒
又如果你也會做這些部分有更好的方法也歡迎提出來讓大家參考喔

作者: knife5566 (愛心癤瘤‧刀) 2018-03-04 12:02:00

讚讚看著live2d效果這麼好我都像自己寫一個了

作者: YouKnowMe (YouKnowMe) 2018-03-04 12:03:00

好去當Vtuber吧少年！

作者: knife5566 (愛心癤瘤‧刀) 2018-03-04 12:03:00

不過那個介面的設計實在很像直接用winform拉出來的

作者: daidaidai02 (不推理的名偵探) 2018-03-04 12:05:00

先推再看

作者: spfy (spfy) 2018-03-04 12:13:00

Winform怎麼了嗎有意見站出來抽牌

作者: AlianF (左手常駐模式) 2018-03-04 12:15:00

你可以參考win商店的假面小萌