[閒聊] OPUS:龍脈常歌 遊戲開發—遊戲插圖設計
原文標題:《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-%E9%81%8A%E6%88%B2%E6%8F%92%E5%9C%96%E8%A8%AD%E8%A8%88-e7e3a5aa3d7b
嗨大家好,我們是 SIGONO 的美術設計團隊,龍脈常歌作為一款著重劇情與敘事的遊戲,在遊戲中的關鍵劇情等時間點會出現遊戲插圖來協助營造沉浸感、推動劇情。
閱讀本文,你會學到插畫設計師如何與團隊協作,製作出栩栩如生的遊戲插畫!
https://i.imgur.com/AeeJHf0.png
事情是這樣開始的…
| 製作人:(丟)
| ME:這個有 17MB、厚達兩百頁、有一堆字的文件是‥‥
| 製作人:這是劇本初稿,作畫前要全部看過一遍喔。
| ME:(‧-‧)
事前準備:閱讀劇本
為了做到準確傳達遊戲氛圍,事前研讀劇本是必要的。
除了台詞之外,場景的大致外觀、場景配置、情境與角色情緒等在劇本裡都有標註。
以故事中,女配角駕駛太空船「紅樓」,接走眾人的這一張插圖為例,它在劇本上的描述是這樣的:
https://i.imgur.com/rrn3Thq.png
繪製草圖
這邊描寫的是太空船第一次在男主眾人前登場時的景象,想營造出一種在巨大的風暴與灰塵後看清來者的視角,所以一開始採用了仰視角構圖。
https://i.imgur.com/lszok58.png
| 製作人:…
| ME:好,我會測試效果
| 製作人:我什麼都還沒說啊XD
接下來我們要進入一個團隊成員們都很熟悉的環節
原型測試
是的!有了草圖之後,我們就可以馬上放進遊戲引擎中,與台詞、頭像、遊戲流程、音樂等串接在一起測試效果。這時候,所有素材都還是很粗糙的草案,但經過整合測試之後,可以早期發現許多在完成之前需要改進的地方,並立刻進行修正。
https://i.imgur.com/SRrFr39.gif
這張草稿我們測試後發現以下幾個缺點:
.只能看到眾角色的後腦,無法呈現逃亡的慌亂情緒與張力
.仰望的視角與前一幕遊戲視角有些類似,運鏡顯得單調
經過討論後決定調整構圖,變成這樣:
https://i.imgur.com/im1TPgx.png
我們把構圖改成從菈米亞的視點俯瞰停機坪,這麼做有以下好處:
.能清楚看到逃亡三人的身影與表情,彰顯落難、弱勢的感覺
.鏡頭上從遊戲的仰望轉換到俯瞰視角,視覺上更加豐富
正式完稿
好的,上一個草稿我們同樣在引擎中進行確認,一切看似都沒問題後馬上開始進行完稿:
https://i.imgur.com/dWdZYCg.gif
等等,好像哪裡不對!
https://i.imgur.com/2ZOaYOK.png
由於進行測試的插圖還是黑白草稿,所以千萬別忘了參考模擬圖與測試場景的色彩,對整體顏色進行調整。色調與光線必須要與關卡有連貫性,才能讓玩家更能夠帶入整體的氛圍之中,簡單的說就是要「連戲」。
比對概念圖之後發現整體火光的亮度不足,因此在各處加了一些火焰的環境光。
https://i.imgur.com/LOilZkf.gif
到這邊,就算完成了吧?
| 製作人:插圖如果動起來,一定更代入吧。
| ME:嗯,圖層如果分清楚,動起來會滿漂亮的
| 製作人:妳都這麼說了,應該都有整理吧?
| ME:…(‧︶‧)
| 製作人:…妳有好好整理吧?
| ME:……(‧︶‧)
於是乎,團隊還有下一個階段要進行
為插圖加上動態效果
圖層管理
圖層管理在協作上是非常重要的一環,因為插圖並不是畫完就完成了,後續可能會經過各種調整、再利用、交接,沒有經過整理的話這些過程將會變得非常困難重重。
https://i.imgur.com/AsBsTUL.png
錯位(Parallax)
錯位是遊戲開發很常用的一個技巧,簡單的說就是利用不同層次的捲動速度差異營造出遠近的錯覺,進而型塑空間的立體感。首先我們將插圖分為三層:
.前景:菈米亞,捲動速度快
.中景:艾妲,捲動速度中等
.遠景:李莫&大魁,捲動速度慢
https://i.imgur.com/TaRA4Xh.gif
接著只要把各層設定好遠近距離的參數,就能透過我們自家開發的工具自動套用事先設計好的公式,呈現出各種不同的視差效果。
https://i.imgur.com/45Q7VCy.gif
\最後再加上特效就大功告成啦/
插圖在繪製的時候會先將煙塵、燈光等等特效分開繪製,最後再由 3D 美術在遊戲引擎中製作出更有動感的特殊效果,讓畫面更加生動。
https://i.imgur.com/uAnWNTi.gif
附帶一提,相信眼尖的玩家應該有發現遊戲中部分插圖角色的眼睛是會閃動的。這些其實也是特效的一部分。
https://i.imgur.com/TVGXxlu.gif
如果拿掉特效的話就會變成這樣
https://i.imgur.com/sGWEglO.png
還有這樣
https://i.imgur.com/ibKIssm.png
嗯,總之謝謝大家的觀賞,看了上述的介紹相信你會發現,要完成遊戲中的插圖不只是畫出一張美麗的圖片就完成了,它同時也包括了:
.理解劇本並反覆在遊戲中測試,使其融入遊戲情境與氛圍
.確保圖片符合規格,能順利交棒給其他夥伴增添更多效果
本文由 SIGONO 的美術設計團隊多人共同撰寫。對於插畫有興趣的話,你還可以到
DeviantArt、ArtStation 看看好作品;關於錯位(Parallax)想了解更多的話,可以參考以下影片:
The Beauty of Parallax
https://www.youtube.com/watch?v=z9tBce8eFqE
關於 OPUS:龍脈常歌
一個結合太空探索與冒險解謎的敘事遊戲。未知的小行星「龍脈」由於其礦藏蘊藏的巨大能量,成為眾人爭奪的目標,能唱出龍脈之歌的少女——艾妲,將與立志探索龍脈的少年
一同冒險,揭露宇宙的遠古神話。
如果有興趣,歡迎看看我們的遊戲
https://store.steampowered.com/app/1504500/OPUS/
SIGONO 講堂
關於遊戲開發還想了解更多嗎?歡迎閱讀其他 SIGONO 講堂的文章:
《OPUS: 龍脈常歌》遊戲美術開發 — 角色設計
https://bit.ly/3nLNo2b
《OPUS: 龍脈常歌》遊戲開發精華 — 關卡設計
https://bit.ly/2YasdfT
《OPUS: 龍脈常歌》遊戲美術開發 — 機械設計
https://bit.ly/3ACofcL
--
清廉正直射命丸文,世界第一可愛
https://i.imgur.com/XqOptr2.jpg
--
10/27 12:29
推一個
角色變白眼了XD
這款遊戲美術超讚 還我艾妲
推
推
推個
推
推,美術好棒
推
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-1c1edb3c057418
Fw: [閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計作者: dogluckyno1 (lucky) 看板: C_Chat 標題: [閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計 時間: Sun Sep 19 10:47:31 2021 原文標題:《OPUS:龍脈常歌》遊戲美術開發—角色設計 原文網址:14
[閒聊] 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-4da30d80d04c8
[閒聊] 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:龍脈常歌》遊戲美術開發—遊戲插圖設計 原文網址:5
Re: [閒聊] OPUS:龍脈常歌 遊戲美術開發-角色設計自己的文章自己回 SIGONO 官方 Youtube 頻道有推出關於角色設計的說明短片,可以在3分鐘內快速了解在 《龍脈常歌》這部作品中,豐富而多元的角色是如何設計的,從原型到後來的整個專案, 一步步解釋整個設計流程。4
Fw: [閒聊] OPUS:龍脈常歌 遊戲開發精華-關卡設計作者: dogluckyno1 (lucky) 看板: C_Chat 標題: [閒聊] OPUS:龍脈常歌 遊戲開發精華-關卡設計 時間: Sat Oct 2 10:30:28 2021 原文標題:《OPUS:龍脈常歌》遊戲開發精華—關卡設計 原文網址:
爆
[閒聊] 為什麼感覺UBI突然怕了?81
[閒聊] UBI若倒了甜寶貝心裡會想什麼73
[問題] 為啥“只要好玩就算政確也賣爆”突不通了爆
[閒聊] 《羊蹄戰鬼》女主角臉模X封鎖大量「反DE66
[閒聊] NieR官推回應劍星聯動消息52
[蔚藍]伊織(泳裝)愛用品劇情51
[閒聊] UBI怎麼調整刺客教條才能重拾玩家信心41
Re: [情報] 咒術迴戰 271 (雷)49
[閒聊] TGS2024 CAPCOM ONLINE PROGRAM47
[閒聊] 女生覺得你在看她那裡45
[閒聊] 碧藍航線-天狼星擦花瓶☺56
[閒聊] 魔物獵人要怎麼做 才能拿到GOTY?45
[閒聊] 怪物彈珠 hololive合作(待查証45
[閒聊] 為啥戰國遊戲沒有吹像孔明這樣的智將45
[情報] Overwatch 2與我的英雄學院聯動61
[Vtub] 番長這部影片為什麼流量這麼高44
[閒聊] 卡普空聽到黑武士延期時在想什麼?43
[閒聊] 家裡蹲30年的女人42
[Vtub] 儒烏風亭螺鈿 80萬訂閱達成33
[討論] 還有人認為法環DLC會得GOTY的?37
[咒術] 五條老師他回來了!36
[閒聊] My Go的魅力是什麼36
[閒聊] UBI會成為SJW滾出遊戲業界的契機嗎?34
[閒聊] 3歲女童內臟位置全相反 醫看X光片嚇傻:34
Re: [閒聊] 《羊蹄戰鬼》女主角臉模X封鎖大量「反DE36
[順位] 週刊少年JUMP 2024年44號 咒術1億部完結31
[閒聊] 「敗北女騎士」太多了 要怎麼演?爆
[情報] 悲報 UBI股價跌破10歐元26
[PS5P] 預購秒殺!玩家怨:比iPhone還難搶27
[情報] 餓狼傳說CotW 推出快打旋風跨界角色