[閒聊] Facerig+Live2D 零美術基礎創作自己角色
之前過年時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/LiEkdCl.jpg)
我們會需要的素材有
前髮 橫髮 後髮 眼珠 眼白 上睫毛 下睫毛 眉毛 上嘴唇 下嘴唇 鼻子 脖子 身體 口內
就是把各個素材除了目標以外的地方全部刪除 比如說眼珠就是圖片只有眼珠
剝完之後檔案像這樣 https://i.imgur.com/RRPGdqh.png
![](https://i.imgur.com/RRPGdqh.jpg)
記得背景要是透明的
這邊有個小技巧因為人物通常是對稱的所以可以做一半另外一半用鏡像就好
可以少處理一半的邊緣
然後說說後髮的部份它平常會被身體擋住對吧
我的作法是遊戲內調整光源方向然後從背面截圖
素材剝完之後要排列整齊
開一張新的圖片選用透明背景把做好的素材當成圖層加進去
這個步驟做完會像這樣 https://i.imgur.com/H4Rnw1N.png
![](https://i.imgur.com/H4Rnw1N.jpg)
沒辦法靠著自己憑空排完的話可以把剝素材用的正面圖放在背景當參考來排
排完之後刪掉就好
都排好之後把這張圖片存成PSD檔
以上素材準備就完成了
這邊大概是最燒時間的部份
接下來進入Live2D部分
這邊直接往這裡請 https://goo.gl/q43GnH
這是官方的教學請一直做到 "基本チュートリアル 5:顔のXYの動き付け"
網路上教學我翻了非常多篇就是官方教學最基本好懂而且沒有太多的資訊量
有一些教學影片超過5小時我想大家也是看不下去
這邊說一個我常碰到但沒有教的東西
就是素材做錯了或者少做了但是我Live2D的部份已經做到一半了該怎麼辦?
這一個問題其實呢直接去編輯舊的psd檔
想要新的配件就加新的圖層
想要修正舊的配件就直接在上面修
記住圖層的名稱修正的就維持原名新的就用新的名稱
然後File>Open 去選那一個PSD檔
它會讓你選要創建新的Model還是匯入舊有的
點舊有的那個Model選ok
接著是選這些是要做新網格還是取代掉材質
這邊選取代 https://i.imgur.com/SwE9OQd.png
![](https://i.imgur.com/SwE9OQd.jpg)
這樣你就學會了取代跟新增素材的方法了
做到這邊之後如果你不想要理物理效果就可以輸出到Facerig啦!才怪
因為Live2D有改版過的關係所以定義名稱有改動
詳細內容可以看這邊 https://goo.gl/oFYBE3
把參數名稱都改好之後就能輸出了
選這個 https://imgur.com/XU3CfRY.png
![](https://i.imgur.com/XU3CfRY.jpg)
然後會得到兩個檔案 xxx.moc xxx.model.json 跟一個資料夾xxx.2048之類的
把這三個檔案放到FaceRig\Mod\VP\PC_CustomData\Objects\xxx
xxx就是你的角色名稱
到這一個步驟你的角色已經可以在facerig上面使用了
但是如果你需要物理模擬頭髮呆毛配件等東西
打開Live2Dviwer開啟你的.moc檔
然後選擇這個 https://imgur.com/ZiwJbXA.png
![](https://i.imgur.com/ZiwJbXA.jpg)
這個它會有一個基本的參數讓你不會不知道調整數值方向
input的地方選要跟頭髮擺動有關的參數
個人建議是頭的Z軸跟X軸也就是臉的傾斜跟臉左右擺動
output的地方是要選受物理影響的部份
也就是在Live2D中你做頭髮擺動的那一些參數
要加參數就是點那一個+號 https://imgur.com/DH6ZbAy.png
![](https://i.imgur.com/DH6ZbAy.jpg)
最後做完了記得去點project>write>physics
檔名做成xxx.physics.json
一樣放到FaceRig\Mod\VP\PC_CustomData\Objects\xxx 裡面
這樣能做表情能轉頭頭髮有物理特效的角色就完成啦!
以上是0美術基礎的我花了一週的時間找資料摸索live2d跟facerig最後得到的心得
感謝各位把這麼冗長的一篇文章看完
如果有什麼問題可以在底下發問因為我也只玩了一週如果不能回答還請見諒
又如果你也會做這些部分有更好的方法也歡迎提出來讓大家參考喔
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.176.62.27
※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1520136056.A.518.html
→
03/04 12:02,
7年前
, 1F
03/04 12:02, 1F
推
03/04 12:03,
7年前
, 2F
03/04 12:03, 2F
其實用facerig有兩個原因
一個是因為我自己一點都不可愛w
另一個是當年還是學生那時上課教關於網路時都說
千萬不要把真實資訊放到公開的地方諸如地址電話或者照片等
所以習慣上就是盡可能的不在網路上露臉
→
03/04 12:03,
7年前
, 3F
03/04 12:03, 3F
也許是因為我windows還在用傳統配色的關係?
從95就開這個介面實在捨棄不了阿
推
03/04 12:05,
7年前
, 4F
03/04 12:05, 4F
推
03/04 12:13,
7年前
, 5F
03/04 12:13, 5F
推
03/04 12:15,
7年前
, 6F
03/04 12:15, 6F
推
03/04 12:17,
7年前
, 7F
03/04 12:17, 7F
那個時候還在用時津風吧,其實那個也很可愛呢
但是用既有的角色代表自己感覺就怪怪的
推
03/04 12:20,
7年前
, 8F
03/04 12:20, 8F
推
03/04 12:26,
7年前
, 9F
03/04 12:26, 9F
推
03/04 12:26,
7年前
, 10F
03/04 12:26, 10F
推
03/04 12:27,
7年前
, 11F
03/04 12:27, 11F
推
03/04 12:35,
7年前
, 12F
03/04 12:35, 12F
推
03/04 12:36,
7年前
, 13F
03/04 12:36, 13F
推
03/04 12:41,
7年前
, 14F
03/04 12:41, 14F
推
03/04 12:50,
7年前
, 15F
03/04 12:50, 15F
技術需求量很低,只要肯花時間(我大概做了超過15小時?)應該都做的出來
推
03/04 12:54,
7年前
, 16F
03/04 12:54, 16F
推
03/04 12:55,
7年前
, 17F
03/04 12:55, 17F
花了很多時間對著自己科科笑w
推
03/04 12:55,
7年前
, 18F
03/04 12:55, 18F
※ 編輯: guogu (180.176.62.27), 03/04/2018 13:02:16
推
03/04 13:03,
7年前
, 19F
03/04 13:03, 19F
推
03/04 13:26,
7年前
, 20F
03/04 13:26, 20F
推
03/04 13:40,
7年前
, 21F
03/04 13:40, 21F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇):
C_Chat 近期熱門文章
PTT動漫區 即時熱門文章