Fw: [閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計
※ [本文轉錄自 C_Chat 看板 #1XHgJ9Sg ]
作者: dogluckyno1 (lucky) 看板: C_Chat
標題: [閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計
時間: Sun Sep 19 10:47:31 2021
原文標題:《OPUS:龍脈常歌》遊戲美術開發—角色設計
https://medium.com/@sigono/opus-%E9%BE%8D%E8%84%88%E5%B8%B8%E6%AD%8C-%E9%81%8A%E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E8%A7%92%E8%89%B2%E8%A8%AD%E8%A8%88-4da30d80d04c
大家好,我是鸚鵡,在 SIGONO 擔任主美術。
以下是一段進行角色設計時不斷踩雷與試錯與掙扎的紀錄,希望分享這些紀錄過程,可以作為有類似開發需求的人避雷參考,抑或是單純的茶餘飯後閒談內容。
閱讀本文,你會學到:
如何從無到有設計遊戲角色,並將他整合到遊戲環境中
就可以從左邊,變成右邊→
https://miro.medium.com/max/875/1*B3Z6cm4bpAo3pZyF2rgu9w.png
好!那我們開始吧,首先是…
從思考設定開始…
開始時要跟劇本家討論,依大綱劇本給出的角色人物性格與特點,去設計角色的特徵與外觀,這階段多半是找參考圖而已,不會真正去實作。
https://miro.medium.com/max/725/1*3z0ZRPbiP4bgYaQzf7UsCw.png
因為主軸是東方+科幻,主要參考圖的找尋著重在東方服裝,東方裝飾,與現代的剪裁、科幻元素,cyberpunk 這幾個方向。
https://miro.medium.com/max/875/1*pSqCbJLXKpWjY8bDLPUTEg.png
開始設計角色的剪影
依據研究的資料發想,因為人類視覺上第一時間認知到的是角色的輪廓,因此先依據東方感,科幻感繪製剪影,找出靈感。
https://miro.medium.com/max/875/1*ICIT5YIxikYDGDSqHiLwRQ.png
https://miro.medium.com/max/875/1*L5scQGF50Q6W_6YMvHlDkA.png
細化角色外觀
有了候選的剪影後,就可以開始繪製角色正式的服裝了,此時收到的需求是希望有科幻感,並強調女主角的獨立性,畢竟是駕駛太空船的旅行家。
https://miro.medium.com/max/875/1*fxJYcebnghgi5qru-tdsIA.png
|製作人:覺得應該要是黑長直
|ME:這是你個人喜好吧?
|製作人:不是
|ME:…好ㄛ
https://miro.medium.com/max/875/1*zFo5u6cd10sp1EcI6VFw7w.png
https://miro.medium.com/max/400/1*kBcnEUxlkBtpPMkdyZfVsA.jpeg
找出最適合角色的主色調
開始進行角色配色,由於角色的個性是獨立,渴望被需要,內心自卑,我們認為好像不能用太亮的顏色,挑了些低飽和的顏色測試
https://miro.medium.com/max/875/1*6-2JQI1_7kt9udDBQ8ZD7w.png
|製作人:欸,好像有點危險,找個背景丟進去看看
|ME:好ㄛ
進行環境模擬測試
我們將角色試著放進場景概念圖,模擬跟場景結合的感覺,發現角色完全跟背景的顏色混在一起了,不太能用低飽和的顏色。
https://miro.medium.com/max/875/1*3tr6golEreuIqyThDITGJQ.png
https://miro.medium.com/max/875/1*VbF-MrqqjcDefAgGXx6WCQ.png
https://miro.medium.com/max/729/1*urTA0QDJrjO1jkQTYi_7XQ.png
https://miro.medium.com/max/670/1*qdhA0IWNgNi1fX7zBT279Q.png
以上,主要角色確定後,就開始設計其他角色…
設計不同文化的角色
故事主要發生的舞台在群山,是一個多樣文化融合的地區,來自各方的旅人在此交匯,為了能在角色登場時,就讓人一眼看出他所來自的地區勢力,在這階段依設定先為各勢力訂個大致的外觀基調。
https://miro.medium.com/max/875/1*AnAczt_9BO3AaXOgXvWJLQ.jpeg
https://miro.medium.com/max/875/1*aIhTOpgMUmPXnZVS5HIFnQ.jpeg
https://miro.medium.com/max/875/1*SuoGKWp8YGW4Z4AJMZfc8A.jpeg
https://miro.medium.com/max/875/1*GjK1Kwii94zxCreXNVAvLQ.png
https://miro.medium.com/max/875/1*Bmr-pjzzQpmQQpWLapv71g.png
試著用角色身高表統整
經過幾輪測試定調各方人物後,為了確保不同人都有各自特色,最後是整理成一張所有角色的外觀身高表,這樣有幾個好處:
.提供明確的尺規
.去檢查當角色們站在一起時,彼此的特色夠不夠明顯
https://miro.medium.com/max/875/1*BShrN1sX-3mTHWnaxu280A.png
https://miro.medium.com/max/875/1*vHsSmGQyXykRhmstcZHA0w.png
https://miro.medium.com/max/875/1*6s3uPjWP3YlJAw6ONrTS-A.png
https://miro.medium.com/max/875/1*jHJFhm4MrV3HF9AI-MjzhQ.png
到這階段後,2D 角色已經發展得差不多了,剩下就是要正式的跟場景合成。
開始前,你得有一位 3D 模型師幫忙…
系統訊息:你得到了 3D 的角色
https://miro.medium.com/max/875/1*OFLRmUgdyoCMUiQEN2MjgQ.png
接下來就是將角色放到環境中…
系統訊息:你得到了 3D 場景
https://miro.medium.com/max/875/1*U6vHgPtoxUUPBtg90gvcMA.png
|製作人:嗯…好像哪裡怪怪 der
|3D 美術:好像角色跳不太出來背景
|ME:好ㄛ
實際研究後,發現主要問題是:角色靜止時,視線無法明確聚焦在角色身上,而我們遊戲動態不多,會讓角色有點沉到背景,想到了幾個解決方案:
.讓人物細節的比例略高於場景,讓視覺集中
.適度加入反光,讓角色在顏色相近的場景也能跳出
.材質加入自發光,確保角色在黑暗的場景,也能有一定的亮度
https://miro.medium.com/max/875/1*4UYdsTj8ZLFuD3JtyusrVg.png
https://miro.medium.com/max/875/1*_oCGCXWt9MCVD8xtd3HOPQ.png
https://miro.medium.com/max/875/1*KJzRzjNnBU7m8AO1MFFUTg.png
完成,我們稍微看一下他動起來時,以前跟現在的差別
https://miro.medium.com/max/875/1*ZgPCeh6k2NACkOpoJuC4QQ.gif
鐺鐺,MAGIC!!
以上雖然輕描淡寫,但實際流程約一年半(吐血),接下來會跟大家介紹角色設計中的另一大重點,就是角色表情的整合過程。
|讓我們進入下一階段,人物頭像整合
繪製初版頭像
開發初期時,最早要找出色塊的分配方法,切出輪廓,定義弧線畫法、陰影顏色面積等。
https://miro.medium.com/max/875/1*_XeosxsiNJarOqb5Nla2RA.png
https://miro.medium.com/max/375/1*PYGSSu74WXU0WYQA7Yi1uQ.png
|製作人:妳測試過了嗎?
|ME:好…好ㄛ
整合測試
為了提早發現問題,這時會拿頭像與其他美術素材進行整合測試,模擬使用於遊戲中的情境。
https://miro.medium.com/max/875/1*XB8NtK07Mo9lfmU-iiTffA.png
https://miro.medium.com/max/596/1*3HofpXZwaxRpdotb8PX9Kw.png
https://miro.medium.com/max/875/1*g4nEM0EKMhx55A2aowBP2A.png
最後定案的版本
根據測試結果調正角色的神韻、用色、反光
https://miro.medium.com/max/640/1*ZqvFfAddPrRx1De_-eTbMQ.png
頭像量產
風格確認後進行量產
https://miro.medium.com/max/875/1*C3aTdKEaSMXLGkKNDNsoFg.png
製作不同表情
表情製作不是分成一次做完,而是先做好喜怒哀樂,丟到遊戲中遊玩;再依序擴大製作量,慢慢填滿現在的世界
https://miro.medium.com/max/875/1*a527-35lFOPGM_qOKUe83g.png
https://miro.medium.com/max/875/1*ovAt65YeVIgAsxd4fHDHYA.png
https://miro.medium.com/max/875/1*MZ8T_QKrM6Z1yp2_h0Zkow.png
https://miro.medium.com/max/875/1*A8oLTX_o2OogYCwSu4VP2A.png
人物模型加入表情
表情確定後,就是建立角色的表情對應圖,讓角色不會臉白白的很可怕,因對應塊面風格,先採用簡化風的五官
https://miro.medium.com/max/875/1*RUoVh-P7sQhzNZMKAcIvpA.png
https://miro.medium.com/max/875/1*1B6iRw-dUtNWzTv2Xs6AYQ.png
這段其實是在遊戲幾乎完成時才做的,因為此時已經不會新增表情,我們簡單統計一下各種表情被使用的數量,每個角色挑出幾個重點製作
https://miro.medium.com/max/875/1*4Fm8WKvlg7npOS0Vc_gLhQ.png
https://miro.medium.com/max/875/1*3Lv_lGS2TYJk-MjwHU3BoA.png
https://miro.medium.com/max/875/1*TlQv5LYYr16YNL0OoIG1dw.gif
|此時約是專案尾聲
|製作人:嗯…我說你們是不是做太細惹啊
|3D 美術:快要沒東西做了呀
|ME:好ㄛ(????)
總之,這就是最後完成所有角色的樣子!
https://miro.medium.com/max/1400/1*JqlgVH6-DYFoJE8y3aBdfw.png
https://miro.medium.com/max/1400/1*IiG4fZyE1_4_ix9XNO9UMQ.png
https://miro.medium.com/max/1400/1*Jb4dgUsBUU2xy8I6hlBJ1A.png
https://miro.medium.com/max/1400/1*Gej2rA_h1aHK3B53ozzf-w.png
\完成/
謝謝大家的觀賞,其實過程會發現,不論在 2D 角色發想,還是跟 3D 整合的階段,原則都是一樣,大致有兩點:
.切分工作階段,一步一步往前堆疊
.建立可測試的流程,提早發現問題
這樣就不用等到所有東西都完成後,才發現基礎的設計未完成,那時打掉就很痛了。希望閱讀完這段充滿淚與掙扎的紀錄,可以讓大家之後角色設計的過程快樂一點。
我是鸚鵡,OPUS 龍脈常歌的主美,還畫過幾本漫畫。
有關於角色設計的種種,你還可以參考這些文章:
The Art of Journey
https://www.youtube.com/watch?v=RoHrwAacTwo&ab_channel=GDC
Overwatch: How A Hero us Mei'd
https://www.youtube.com/watch?v=lHevkQIZL2M&ab_channel=GDC
Steam Support :: Dota 2 Workshop - Character Art Guide
https://help.steampowered.com/en/faqs/view/0688-7692-4D5A-1935
關於 OPUS:龍脈常歌
一個結合太空探索與冒險解謎的敘事遊戲。未知的小行星「龍脈」由於其礦藏蘊藏的巨大能量,成為眾人爭奪的目標,能唱出龍脈之歌的少女——艾妲,將與立志探索龍脈的少年
一同冒險,揭露宇宙的遠古神話。
如果有興趣,歡迎看看我們的遊戲
https://store.steampowered.com/app/1504500/OPUS/
--
清廉正直射命丸文,世界第一可愛
https://i.imgur.com/XqOptr2.jpg
https://i.imgur.com/SJR03hx.jpg
https://i.imgur.com/nUbq2HQ.jpg
https://i.imgur.com/0yn2DP5.jpg
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.175.215.153 (臺灣)
※ 文章網址: https://www.ptt.cc/C_Chat/M.1632019657.A.72A
感謝一個好遊戲 背後真是血汗堆砌而成
推 龍脈
好遊戲 喜歡美術風格跟場景設計
推!看到朋友在FB直播玩,也馬上入手了~
推
推
推推!
推好遊戲!
厲害厲害,推!
用心推
推用心
推
靠剪影就要分的出角色記得銀魂也說過
推
很棒的分析
會有龍脈宇宙嗎 想看瀛海的太空船
真是好文章, 美術風格很讚!
好文! 很喜歡這樣的推廣, 希望國產遊戲越來越好.
19
[閒聊] OPUS:龍脈常歌 遊戲美術開發—機械設計原文標題:《OPUS:龍脈常歌》遊戲美術開發—機械設計 原文網址: %E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E6%A9%9F%E6%A2%B0%E8%A8%AD%E8% A8%88-1c1edb3c057414
[閒聊] OPUS:龍脈常歌 遊戲美術開發-地圖與UX設計原文標題:《OPUS:龍脈常歌》遊戲美術開發—地圖與 UX 設計 原文網址: %E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E5%9C%B0%E5%9C%96%E8%88%87ux%E8 %A8%AD%E8%A8%88-c41a53273a8b12
[閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計原文標題:《OPUS:龍脈常歌》遊戲美術開發—角色設計 原文網址: %E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E8%A7%92%E8%89%B2%E8%A8%AD%E8% A8%88-4da30d80d04c9
[閒聊] 臺灣團隊《OPUS:龍脈常歌》今NSwitch發售原文標題:臺灣團隊開發《OPUS:龍脈常歌》今日在 Switch 平台發售 原文網址: GNN 記者 RU 報導 在任天堂今日晚間專門介紹 Nintendo Switch 平台獨立遊戲最新情報的影片「Indie World- 2022.5.11」中,宣布由台灣獨立遊戲開發團隊 SIGONO 開發、敘事冒險遊戲《8
[閒聊] OPUS:龍脈常歌 遊戲開發—遊戲插圖設計原文標題:《OPUS:龍脈常歌》遊戲美術開發—遊戲插圖設計 原文網址: %E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E9%81%8A%E6%88%B2%E6%8F%92%E5% 9C%96%E8%A8%AD%E8%A8%88-e7e3a5aa3d7b8
[閒聊] OPUS:龍脈常歌 數位官方美術設定集 上市國產遊戲佳作《OPUS:龍脈常歌》的數位版官方美術設定集正式上市啦,只要新台幣152 元就可以帶回多達130頁的豐富內容,美術概念與關卡設計等資料,還在等什麼,趕快加 入購物車吧! 美術集網址: --6
[閒聊] 繼承OPUS:靈魂之橋續作龍脈常歌公開預告原文標題: 繼承《OPUS:靈魂之橋》精神續作《龍脈常歌》公開新預告影片與 Steam 頁面 原文網址: GNN 記者 Jessica 報導6
[閒聊] OPUS:龍脈常歌 遊戲開發精華-關卡設計原文標題:《OPUS:龍脈常歌》遊戲開發精華—關卡設計 原文網址: %E6%88%B2%E9%96%8B%E7%99%BC-%E9%97%9C%E5%8D%A1%E8%A8%AD%E8%A8%88-8ab0291d209e 嗨,我是 Scott,在 SIGONO 擔任主關卡設計兼執行製作。6
Fw: [閒聊] OPUS:龍脈常歌 遊戲開發—遊戲插圖設計作者: dogluckyno1 (lucky) 看板: C_Chat 標題: [閒聊] OPUS:龍脈常歌 遊戲開發—遊戲插圖設計 時間: Wed Oct 27 12:28:18 2021 原文標題:《OPUS:龍脈常歌》遊戲美術開發—遊戲插圖設計 原文網址:4
Fw: [閒聊] OPUS:龍脈常歌 遊戲開發精華-關卡設計作者: dogluckyno1 (lucky) 看板: C_Chat 標題: [閒聊] OPUS:龍脈常歌 遊戲開發精華-關卡設計 時間: Sat Oct 2 10:30:28 2021 原文標題:《OPUS:龍脈常歌》遊戲開發精華—關卡設計 原文網址:
86
[CS2 ] BLAST Premier Fall Final 2024 Day328
[問題] 請推薦各類型小品2X
Re: [問題] 索尼賠4億美元,政治正確會消失嗎?5
[問題] 遊戲手把的問題?3
Re: [問題] 索尼賠4億美元,政治正確會消失嗎?2
[問題] 幻想西遊記 FlyingSB9
[閒聊] Deadlock史詩級更新:把外掛變青蛙1
[問題] 關於黑神話悟空的影神圖1
Re: [問題] 索尼賠4億美元,政治正確會消失嗎?