小屋創作

插畫2013-11-03 10:32

[達人專欄] 【分享】遊戲背景作畫過程

作者:日津樹伶

最近為了做遊戲都在畫背景XDDDD
趁這機會來分享一下遊戲背景作畫過程的東西XD


這次要畫的是和風客廳
雖然是傳統和室建築不過內部放了不少現代的家電和器具:)

首先是找參考資料
參考資料包含場景的照片、其他遊戲或是插畫、漫畫的參考圖
從中選出自己覺得最適合的架構與構圖
然後再去做改造和設計:P

遊戲是1280x720的大小
背景原圖大概是開2200x1238
一來畫大圖再縮小比較精美好看,二來之後尺寸大一點也方便印設定集

接著畫基本草圖,決定基本的構圖構造
這階段主要是決定透視的方式、透視水平線的位置、建築物的基本型和物件的分布和大小
這張用的是一點透視,水平線的話,遊戲背景CG大多是落在畫面的一半或是上方1/3處
另外遊戲背景大多會留空間給角色站立(?),所以前方要留一些空位XD

這張是舊版客廳的草圖初稿
後來決定要重繪,所以差很多XDDD


以上面那張為參考,後來又修正成底下這樣

線稿我是用COMIC STUDIO描的
軟體本身有提供非常方便的透視線功能XD
基本透視概念還OK的話應該不會畫歪XD


在描繪物件時會找很多參考資料
參考資料越多畫起來越貼近現實的場景感覺
建築和家具之外的小東西很多很煩不過還是得畫
這樣才不會像模型屋一樣什麼都沒有,營造生活感是很重要的XD
   
這張的參考資料們XD
燈、桌子、櫃子、和室的參考資料放在別的資料夾的,這裡就不另外貼了XD
大概也有10幾張吧~
有時候物件不一定完全符合自己的需求、得做很多改造和設計
或是自己對該物件不熟,需要很多角度來參考
所以參考資料會多達30張以上也不一定


總之線稿畫完了XDDDD
因為打算把不同物件分開畫各別保留
所以線重疊的部份沒有用橡皮擦擦掉
而是用白底暫時遮蓋
等要上色時再依不同的需求顯示/隱藏圖層


之後是枯燥的底色上色過程Orz
這裡決定基本配色
因為之後線稿會關掉,所以底色的邊緣盡可能要畫得準確
分底色的同時也把資料夾和圖層整理好


我的資料夾分法XDDD


然後就是上色上色上色上色了^q^
上色沒什麼特別技巧.....就和畫人物一樣,陰影/反光/環境光這樣畫XDDD
不過東西很多所以需要很大的根性與耐心Orz
這是剛上完色,還沒貼材質&修飾的房子
看起來很不美Orz
上完色後就可以把線稿關掉啦XDDDDDDD


加上質感和修飾的圖
木頭的紋路和草蓆都是用素材加工的
這裡再推一次無接痕圖樣&紋路質感素材集900這本書,真是畫背景神器!
不過單單貼上素材還是不夠好,上面還是得另外手工加點磨損+反光的痕跡看起來才比較真實:P
這張我畫得很粗糙(爆)不過縮小後還可以看啦XD


  
另一張背景的,這張花比較多時間在處理質感上,看起來也相對比較舊XD


順帶一提,我背景的物件習慣個別分開畫
之後要做差分或是把擺設換掉直接當做另一個房間用都很方便
雖然畫到現在很少有用到兼用卡的情況.....繪師的莫名矜持XD
  


桌面加個反光,看起來總算比較美了XD
一些反光比較大的地方也加強了光亮的部份,比較有金屬或塑膠的質感XD
花草的部份基本上我都不會畫線稿,等之後要上色時才參考圖片另外補繪製
畫完同時也合併一下圖層做整體色調調整:p


基礎的室內上色,這裡是預設在中間的白光來繪製陰影
要像商業遊戲的背景那樣畫精美的陰影還會隨時段變動也不是不行
不過實在太花時間了............每次畫那種有透視的光線陰影都覺得很燒腦|||||
以同人遊戲來說這種畫法的CP值也非常低Orz...
而且還要考慮與人物立繪的搭配問題,有時候陰影太重不太好控制畫面的平衡控制
總之就跳過了!!!!!(逃)


之後是時段變化的差分XD
以基礎背景做基底,加上不同的光和影子以及色調調整來變化XD
如果是透明玻璃窗或是看得到外面的開口的話
白天場景要另外考慮光線映射在地板的問題<O>
所以這張圖我很果斷的就不開窗了!(爆)


  
光線如果足夠強烈的大概會有像這樣的光線..............
當然如果設定成正中午太陽在正上方,、屋頂的範圍比較廣、或是太陽光沒那麼強烈等等
那就不需要畫這個了
總之看個人需求XDDDDD
有時候畫一下感覺比較有FU(?)


黃昏的色調比較偏黃橘紅色,甚至陰影可能是微藍紫色、較深且較為傾斜
不過因為CP值很低(爆)所以這張單純改個色調+光線改成黃色而已XD
    

晚上室內開燈景,窗戶恢復原來的淺白灰色+有陰影的狀態,改成上方的燈亮了XD
燈亮的同時木頭桌面和茶壺杯子上方也會反光,所以稍微補一下就有點FU了www


  
夜晚不開燈,整體色調偏藍色,彩度也比較低
因為室內的關係不需要考慮室外的處理,所以單純調個色調就結束了(爆)
為了讓物件分開畫的苦心不要浪費(?)這裡還特地把桌上的東西撤掉www


  
實裝上去和人物搭起來看看吧~!ヽ(゚∀゚)ノ


  
最後補上我2年前第一次畫的場景和現在的重製版..........<O>
經歷了一段星耀學園的海量場景圖的恐怖考驗好像稍微有點進步了(?)


以上XDDDDD
個人有點偷懶的遊戲背景流程分享www
彩色插畫背景、遊戲背景、黑白漫畫背景個別要注意的點也不太一樣XD
有機會再來分享~

185

24

LINE 分享

相關創作

真青龍

自由行

Tea time

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】