創作內容

185 GP

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

作者:日津樹伶│2013-11-03 10:32:20│巴幣:1,400│人氣:9014
最近為了做遊戲都在畫背景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
有機會再來分享~

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2230029
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:背景

留言共 24 篇留言

迷路金屬
ep2!!

11-03 11:44

日津樹伶
沒錯!!!正在製作中!!!11-04 22:33
Root
厲害!

11-03 11:56

日津樹伶
感謝~XD11-04 22:33
潮鮑精
背景容易被角色立繪蓋過而忽視
其實在它們身上花得心血也可多了xD

11-03 13:36

日津樹伶
沒錯沒錯T__T 就算被遮光光了還是得用心畫!!11-04 22:32
茄子
神奈子:這是廚房喔(?

11-03 15:14

日津樹伶
這看起來像廚房嗎XD11-04 22:32
真夏
好精緻的背景@口@
看了有點羨慕期許自己也能做出這樣的背景QwQ
給你GP與鼓勵
希望你之後能越做越好^口^/

11-03 16:07

日津樹伶
感謝~!會繼續努力的:D11-04 22:32
回憶
哇 好讚

11-03 17:01

日津樹伶
謝謝:)11-04 22:32
ܤ 森之淘ೀ
請問大大推薦的那本書 內容都是花樣嗎XD
還是有什麼教學之類的-/-...?

11-03 17:42

日津樹伶
這本只有花樣素材喔,教學的話要找其他本^^11-04 22:31
克羅威斯
很棒喔~很有AVG遊戲的感覺呢!!!

11-03 21:32

日津樹伶
哈哈、本來就是用在AVG遊戲裡的XDD11-04 22:31
西班白袍咖啡香
背景一直都是我的痛(炸) 與其說不會畫,不如說是不知道要畫什麼......謝謝你的分享,簡單易懂又很實用,特別喜歡場景隨時間改變色調的部分www

11-03 22:21

日津樹伶
這部份要靠觀察力和想像力嘍XDDD11-04 22:31
史達Suda
潮棒!!!!

陰影實在令人頭大啊!!!!!

當場收藏XD

11-03 22:45

日津樹伶
陰影真的很煩T_T11-04 22:30
艾草貓
太棒了,我一直都對背景苦手,雖然大部分是懶得關係...從以前懶到現在變成就是畫不出來=口=

11-03 23:10

日津樹伶
畫背景需要滿滿的愛與根性XDDD11-04 22:30
喵頭人93
單看背景害我又出現【脫出】遊戲的習慣猛點了[e16]

11-03 23:31

日津樹伶
咦會這樣嗎XD11-04 22:30
99熊ʕ•͡ᴥ•ʔ
看到第一個感覺 : 恩... 逃脫遊戲 !

11-04 02:35

日津樹伶
為什麼是逃脫遊戲啊XD11-04 22:30
艾蕾姬
大大 這圖 很像 日本某遊戲的場景..( 第一眼看到就很熟析 )...

忘記是哪個遊戲...( 我是無心的 ..

11-04 21:24

日津樹伶
有很多和室都是類似的感覺喔,如果真的有發現很像的也歡迎貼出來給我看一下嘿0.0/11-04 21:32
艾蕾姬
巴哈我不會貼圖~

11-04 22:00

日津樹伶
可以問問其他人喔^^;11-04 22:29
嘯月
和室本來就很多是大同小異...。樓上是來亂的嗎=A=?

11-04 22:34

日津樹伶
=w=" 是還滿多長很像的,所以才有既視感吧XD"11-04 22:38
哞妞
感謝分享!

11-05 00:09

點子-庫洛米庫洛米
背景苦手 orz

11-07 19:34


真是佛心的分享、收藏先 ~ [e30]

11-10 12:29

日津樹伶
歡迎收藏XD11-15 23:38
伊諾莉
好強大的背景 =口=[e17]
大大真厲害!!

12-26 14:30

~嵐天~
我覺得我在線搞部分就卡死了... 我還是乖乖的用無線繪吧

03-03 18:36


<(_ _)> 想問一下樹伶大大 https://i.imgur.com/Ilmtm07.png 這塊反光部分是用筆刷慢慢刷嗎@@
自己稍微嘗試畫了一個空的背景 https://i.imgur.com/P9gEHwg.png 發現反光那部分塗的怪怪的T_T

02-07 11:05

日津樹伶
就用筆刷喔,先用範圍大的刷一層淡的,然後在逐步用小一點的筆刷在反光比較亮的地方稍微加強,另外還有貼木紋材質。你可能沒有貼/畫木頭質感才會覺得怪怪的?02-08 14:06

感謝大大回覆[e19] 我來嘗試看看

02-08 17:14

mintsummer
可以請問一下畫一張背景圖大概要花幾天的時間嗎?

12-01 11:58

我要留言提醒:您尚未登入,請先登入再留言

185喜歡★fliris003 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:[達人專欄] 【艦これ】... 後一篇:[達人專欄] 【遊戲】醜...


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

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