創作內容

322 GP

[達人專欄] [背景作畫講座] 鏡頭與比例:平視鏡頭篇

作者:Foya (教父)│2018-12-27 18:06:46│巴幣:3,331│人氣:15853
大家好,我是Foya
今天要說的主題坦白來說會比上一篇燒腦一些,
而且我相信不少前輩對鏡頭已有相當深入的了解。

但在我背景窗口與校稿的經驗裡,
發現這依然是非常多資深繪師或遊戲製作者的死穴。
背景畫久了很容易陷入單線思考、不再以人為本。

下場往往就是:
場景變成巨人國或小人國;
角色飛天、遁地,甚至獲得穿牆能力

在此必須明示:
遊戲畫面以面積來說八成左右由背景美術主宰、
對遊戲體驗具有絕對的影像力。
因此背景師不可以只顧自己畫爽,卻無視角色死活。

如何「讓角色活在場景裡」我將稍後說明,
首先先上今天的示範圖吧!

今天破例用我比較近期的作品:遊戲《甜點王子2》的背景美術。
甜點店白天差分。一樣感謝製作方同意本人PO網。

甜點店夜晚差分。

草稿的部分比較混亂些,紅線部分是整張背景完稿後再添加的物件。完成草稿後我會簡單切出色塊、劃分圖層。這張背景在第二步之後就沒有記錄步驟了,接下來我會展示該背景的圖層構成方式。

這是一個右側順光景,陽光盡量遠離畫面中央,無論是逆光景或順光景,尤其是逆光景。這是遊戲背景美術中只有老司機才會知道的潛規則;否則當你要畫差分時,「絕對」改到哭爹喊娘。之後我們聊到鏡頭光或環境光源時再來細講。

去除掉線稿後打上光源。光源的部分我個人會用到濾色、實光、覆蓋三種圖層屬性;影子統一用色彩增值。換句話說,加上正常屬性的圖層,我通常只會使用五種屬性。

接著我們開始今天的主題:


第三講:鏡頭與比例:平視鏡頭篇

為什麼要說平視鏡頭?

我就毫無避諱的明說吧:
首先,對背景師或遊戲製作人來說平視鏡頭的作畫成本最低 (製作速度快),而且一張背景容易裁切成許多背景來使用、又容易拿來做活動幅度較大的背景動畫……老闆掐指一算……哇!賺!

再者,對背景美術學習者來說,平視鏡頭容易上手,不會一下子就把你的學習熱情給熄滅了。
最後就是:即便畫遊戲場景或做遊戲數十年的老前輩,對於鏡頭缺乏基本概念的也依然不在少數。過去常收到會讓角色變超人的背景稿子,嚴格來說就算已經清稿甚至上色了,稿子都是要報廢的。。。

因此,今天的主題雖然簡單,但我還是單獨挑出來說明。
仰角鏡頭和俯角鏡頭應該之後會提到。

接著來介紹我們今天的主角:
來介紹一下我們的立繪主角:歐巴馬三世。選用歐巴馬當立繪是因為他身高185公分,和筆者一樣,身材也接近。原本想用沒有肖像權問題的金正恩,不過金正恩身高僅162.5公分,這樣的成年男性在遊戲中實屬特例。
※誠徵男女主角立繪,讓歐巴馬三世退休

遊戲角色飛天遁地是什麼概念?
我故意做得誇張一些。其實這個問題屢見不鮮。

到底什麼是平視鏡頭、仰角鏡頭和俯角鏡頭?
哪些鏡頭角度常用於AVG遊戲?
為了容易比較鏡頭角度,上圖刻意將鏡頭高度統一。實際遊戲裡仰角鏡頭的鏡頭高度應該調低、俯角鏡頭則需調高,日後有機會再來細講。

遊戲畫面中理想的視平線高度範圍 &視覺詐欺:
已知:未經加工、用相機攝影出來的平視鏡頭,視平線必定在畫面的水平中線(±0)。
遊戲裡,大城市場景(重點在建築上半部)、天空為主的場景(重點在天空)等等為了避免地面佔據過多的畫面,平視鏡頭的視平線通常會刻意低於
畫面水平中線(±0)。相反的,許多室內場景的平視鏡頭之視平線會高於中線。
比較嚴謹的繪友或動畫師可能會納悶:上圖平視鏡頭的視平線離開了畫面水平中線(±0),背景苟且不管,角色立繪難道不會因透視更動而變形嗎?
我必須承認:真實世界人物會有些微差異!但是背景師就是專門搞「視覺詐欺」的人,基本上只要讓觀眾不會覺得「哪裡怪怪的」,都能夠被接受,美觀、省錢、省時間才是重點!日本背景美術名家ゆうろ也曾明示:從來沒有透視要絕對正確的道理。
當然啦,坊間所有透視的教科書都不可能教你反透視的應用。

密技:攝影取材時,真實情況下平視鏡頭的鏡頭高度應該多高?
1.     在電腦上模擬遊戲畫面,把你本人的全身照當作立繪、丟進去成演出時理想的狀況
2.     觀察畫面水平中線在你身上那個區域
3.     以後拍資料照片時,就把相機放在這個高度來拍
不過就如我上一點所述,這只是貼近真實的取材方式,但以室外場景來說,通常會有畫面中地面佔比過高的缺點(有些觀眾接受度比較高,不過對大多數背景師而言這種構圖並不好看)。為了背景呈現更漂亮、地面佔比降低、減少視覺上的壓迫感,「把低鏡頭高度+仰角鏡頭的畫面變形成平視鏡頭」或「利用裁切背景,來更動視平線位置」這兩種「不真實卻不容易被發現問題」的技巧依然普遍,甚至稱得上是主流作法。

「利用裁切背景,來更動視平線位置」使一個原本角色有遁地問題的背景變正常了,雖然損失了一堆畫面。不過以這張來說又多出了演出立繪比例過小的問題、人物可能獲得了傳說中的穿牆能力……所以啦,背景師一開始就把構圖做對才能治根又治本。

拉遠鏡頭來看穿牆能力者

最後,我們回到「飛天」、「遁地」的問題。平地上的解決方式如下:

給遊戲製作者的建議:

     <方案一>
  1. 在畫面中放置演出用的大立繪
  2. 丟背景進畫面
  3. 準備一個小立繪丟進進背景中,調整成符合比例的大小
  4. 找到背景視平線
  5. 將視平線、小立繪、背景放大/縮小/挪移,使視平線切在大小立繪的相同部位
  6. 請不要相信自己的直覺或用奇怪的偏方,很有自信卻依然做錯的人我看多了。只要每次多花你3分鐘,就能正確使用手上的背景,而且一勞永逸...Do it

     <方案二> 交給能照方案一處理的人處理。

給背景師的建議:
  1. 簡單的畫出背景草稿
  2. 找到背景草稿的視平線
  3. 放上演出立繪
  4. 在演出立繪與視平線重疊處做記號(或對位即可)
  5. 多做一些小立繪丟進背景裡,記號要與視平線重疊
  6. 調修、微調比例誤差
給背景師的建議:把人物丟進你的背景裡! Do it !

遇到上下坡斜面 (or樓梯) 的背景時:小立繪丟進去後除了考量透視,另要增加向下/向上平移小立繪的動作


細節上有問題可以email / 站內信和我討論,或在文章下方留言:
email:a41004a41004@gmail.com
巴哈:FOYA小屋
噗浪:FOYA噗浪
推特:FOYA推特
沒有粉專。

這應該是今年最後一篇文章,
預祝大家新年快樂~!!

最後,感謝各位的捧場,
我是Foya,我們明年見~!!

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

相關創作

同標籤作品搜尋:背景美術|講座|遊戲|教學|背景|背景作畫講座|場景|甜點王子2|Foya|繪圖

留言共 31 篇留言

解凍豬腳
讚讚讚……

12-27 18:14

Foya (教父)
嫁嫁嫁……12-28 11:20

斯巴拉西

12-27 18:28

Foya (教父)
https://lh4.googleusercontent.com/-yYX-8rVKjs8/AAAAAAAAAAI/AAAAAAAACaw/TJXgkAfTZVo/photo.jpg12-28 11:12
EK
以前我很佩服AVG裡角色的繪師 看完這篇我更尊敬繪製背景的繪師了...

12-27 18:34

Foya (教父)
THX~
自古(?)背景師都有著低調行事的優良傳統[e2]12-28 11:40
阿喵 ❖ 協奏曲
這是透視進階班了嗎?哈哈哈

12-27 19:21

Foya (教父)
也許可以這麼說,鏡頭、比例、透視是一體der12-28 11:37
黑糖
優質好文還不讚個

12-27 19:30

Foya (教父)
感恩~~!![e12]12-28 11:50
雨丸✰“ReのLife”★
推個

12-27 19:32

Foya (教父)
THX[e12][e12][e12][e12]12-28 11:35
黎黎貓
神...(艸
最近也有在玩這款!

12-27 19:33

Foya (教父)
感謝~~
苦等角色開放ing[e3]12-28 11:34
麻美子
大推 背景超難繪製

12-27 19:34

Foya (教父)
感謝~~m(_ _)m12-28 11:25
小淳地上波
否雅宅

12-27 19:47

Foya (教父)
你宅[e1]12-28 11:15
內笑美莉
標楷體比較適合更大的字體,不然略顯難讀
再加上你用預設的灰色字體又更加模糊
建議通篇文字改成純黑色,標楷體部分改為正黑體或是字體放大一階

12-27 19:53

Foya (教父)
改起來! 我現在才發現我都用灰色...12-28 11:22
肥臭宅
推教父(牛排) 已收藏!!

12-27 20:06

Foya (教父)
http://cdn.walkerland.com.tw/images/upload/poi/p48976/m26120/431a8113f9cd20cab0493c222f4d4346bce5eca6.jpg
http://www.shegoweb.com/wp-content/uploads/2015/03/DSC_1085.jpg
http://iphoto.ipeen.com.tw/photo/comment/366811/634088/cgm633ca14c07fe6f425999f52dd8f67415692.jpg12-28 11:57
Foya (教父)
https://c2.staticflickr.com/4/3943/33048142115_a762f44717_b.jpg
http://ext.pimg.tw/mystussy/1404055287-378757202_m.jpg
http://ext.pimg.tw/phina66/1425113510-4087943737_l.jpg
https://img.rainieis.tw/uploads/20180102163105_74.jpg
http://ext.pimg.tw/imwhats/1521347476-2212507728_n.jpg
http://ext.pimg.tw/sharon1974/1527045229-1400133992_l.jpg12-28 11:59
Foya (教父)
給你滿滿的教父(牛排),餓惹[e13]12-28 12:03
Wei
看到各位元首出現感覺你壓力好像滿大 XD

12-27 20:57

Foya (教父)
真der[e13]12-28 12:04
鬼島居士
看到red bull笑了

12-27 21:38

Foya (教父)
red bull給你一對翅膀!12-28 11:25
LINTAI

12-27 21:57

Foya (教父)
感謝~~Orz Orz12-28 15:11
JHC
優質教學

12-27 22:16

Foya (教父)
感謝~~~\0.0/\0.0/\0.0/12-28 19:47
An Ting Shi
畫背景真的要盡量一開始就丟人物進去比對ww

12-27 22:47

Foya (教父)
真der,不過有些時候畫對了,到了製作方手上又被放成錯的[e3]12-28 15:13
清流
教父真ㄉ好帥豪厲害

12-27 22:56

Foya (教父)
https://p2.bahamut.com.tw/B/GUILD/e/8/9088_3c9b.PNG 就你最會12-28 21:30
小小小
太厲害了吧><

12-27 22:58

Foya (教父)
THX~~[e5]12-28 15:40
大囧愛
其實玩逆轉裁判 有一些很矮的人物 我懷疑鏡頭外他們有踩木箱

12-28 00:40

Foya (教父)
嗯嗯!很常見! 處理不好就會非常詭異。12-28 15:38
OREO
捧げよ‼

12-28 04:18

Foya (教父)
捧げよ!!!!!!!!!12-28 14:49
FlameJack
把金正恩的頭髮弄長就沒問題惹!!

12-28 14:42

Foya (教父)
https://truth.bahamut.com.tw/s01/201812/aac66d1117c3a1ca990c70192cd08b1e.JPG?w=300
我前天才被北韓關切...別別[e20]12-28 14:48
EC
很專業ㄛ!雖然被關切但仍然專業

12-28 17:53

Foya (教父)
怕爆,我被抓走前幫我通知媒體XDDD12-29 21:05
小童
留名

12-28 19:45

Foya (教父)
還好不是幫我上香12-29 21:05
Aries
最近在玩這遊戲
覺得背景很美 推一個!

12-28 23:35

Foya (教父)
感謝!我自己也有在玩XD 遊戲愉快~12-29 21:06
草草算
戀愛類遊戲的背景。未上色之前的圖已經很難畫,如物件有很多曲線,那真的要命。很漂亮!讚!

12-29 01:43

Foya (教父)
感謝~!!很少人知道背景繪師背後的煎熬[e3] [e3] [e3] 12-29 21:09
山本魚
超實用的 不要把紅牛亂丟!

12-29 17:59

Foya (教父)
感謝~red bull給你一對翅膀!!!!雖然太貴我都喝7-11大熱拿12-29 21:09
微光
請問圖檔失聯了嗎? 見不到謝謝

12-29 23:14

Foya (教父)
再看看有沒有好Orz,我剛用別台電腦開網頁是正常的。感謝~Orz12-30 17:24
微光
謝謝可以了~

12-30 22:23

Moka
要點講的很正確,感謝分享。
背景靠北漂亮靠北強...。

12-31 14:11

Foya (教父)
一樣感謝moka~~[e3]02-12 21:39
憐卿
優質好文
感謝分享

01-01 17:56

Foya (教父)
感謝~~!! 漏訊息了Orz02-12 21:39
吃串
這樣一張背景搞多久雅

01-04 15:58

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

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

前一篇:[達人專欄] [背景作畫... 後一篇:[達人專欄] [背景作畫...

追蹤私訊切換新版閱覽

作品資料夾

a86189642祝福
看到的人會變得幸福哦!看更多我要大聲說11小時前


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

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