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

看板C_Chat (希洽)作者時間7年前 (2018/03/04 12:00), 7年前編輯推噓19(1902)
留言21則, 20人參與, 7年前最新討論串1/2 (看更多)
之前過年時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最後得到的心得 感謝各位把這麼冗長的一篇文章看完 如果有什麼問題可以在底下發問因為我也只玩了一週如果不能回答還請見諒 又如果你也會做這些部分有更好的方法也歡迎提出來讓大家參考喔 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.176.62.27 ※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1520136056.A.518.html

03/04 12:02, 7年前 , 1F
讚讚 看著live2d效果這麼好我都像自己寫一個了
03/04 12:02, 1F

03/04 12:03, 7年前 , 2F
好 去當Vtuber吧少年!
03/04 12:03, 2F
其實用facerig有兩個原因 一個是因為我自己一點都不可愛w 另一個是當年還是學生那時上課教關於網路時都說 千萬不要把真實資訊放到公開的地方諸如地址電話或者照片等 所以習慣上就是盡可能的不在網路上露臉

03/04 12:03, 7年前 , 3F
不過那個介面的設計實在 很像直接用winform拉出來的
03/04 12:03, 3F
也許是因為我windows還在用傳統配色的關係? 從95就開這個介面實在捨棄不了阿

03/04 12:05, 7年前 , 4F
先推再看
03/04 12:05, 4F

03/04 12:13, 7年前 , 5F
Winform怎麼了嗎 有意見站出來抽牌
03/04 12:13, 5F

03/04 12:15, 7年前 , 6F
你可以參考win商店的假面小萌
03/04 12:15, 6F

03/04 12:17, 7年前 , 7F
推,原來你之前實況就是用這個ww
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
winform...gtk表示無壓力
03/04 12:41, 14F

03/04 12:50, 7年前 , 15F
幹 心動動了
03/04 12:50, 15F
技術需求量很低,只要肯花時間(我大概做了超過15小時?)應該都做的出來

03/04 12:54, 7年前 , 16F
肥宅大叔都能當Vtuber 跟可不可愛沒關係的!
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
其實大陸那邊也有一個類似的叫 dragon bone
03/04 13:26, 20F

03/04 13:40, 7年前 , 21F
03/04 13:40, 21F
文章代碼(AID): #1QcszuKO (C_Chat)
文章代碼(AID): #1QcszuKO (C_Chat)