創作內容

51 GP

繪圖筆記‧光影與環境色基本觀念

作者:解凍豬腳│2015-07-30 23:22:31│巴幣:128│人氣:2151

安安,

好久沒有 po 一些繪圖的相關心得筆記了
最近研究了一下環境色和 Vofan 十幾年前的教學文章以後,
想說還是來小屋稍微統整一下到目前為止的理解。

※ 注意:以下所提到的「上下左右」皆是以此種方形調色盤(HSV)作為標準:



▲ HSV(Hue, Saturation, Value;色相/彩度/明度)

這次來寫一下對光影理解的心得好了~就拿一顆紅色的球來作例:
首先我們假設藍色的桌上有一顆紅色的球,並且光源從右上角照下來。


▲ 首先,我們先畫一張藍色的桌子和紅色的球。


▲ 我們挑選比球底色本身更深一點的顏色畫上去作為暗面:

當然,我們在這張圖假設的情況是,
光是從右上角照下來的,因此暗面應該呈現在左下角的地方;
選暗面顏色的時候我們應該注意,你有很多種選擇:

1. 從底色 單純把彩度調高(調色盤內往右)
2. 從底色 把彩度調高、明度調低(調色盤內往右下)
3. 從底色 單純把明度調低(調色盤內往下)
4. 從底色 把彩度調低、明度調低(調色盤內往左下)

這些都是可以自由決定的,依你想要的風格而定。
當然有的人也會為了追求色彩的豐富性而調整色相,
一時間說不完,等下次研究用色觀念的時候再來整理一下……


▲ 把暗面的分界線抹開。


▲ 光照到物體身上,當然要有受光的地方。


▲ 抹開。


▲ 我們常說有光的地方就有影子,所以我們畫個物體的投影在桌上。

這部分可能要比較注意一下,對於光受物體阻擋而形成的影子來說,
通常一些繪師會比較在意名詞的差異,所以稱「投影」會比「陰影」較準確一些。


▲ 抹開。

這步驟其實是不一定啦,
因為是投影所以實際上不必抹得這麼開,除非光源在比較遠的地方(或比較弱)

一般來說光源比較遠的地方,就會讓影子變得比較模糊(除非是很強的光源)
這裡因為只是記錄下來作個示範,所以我也不刁鑽在示範圖上面了。

實際上,「要不要抹開」跟「我應該抹得多開」都是一門學問,我們必須考慮:

1. 我現在要畫的是「投影」還是「暗面」?
受到物體阻擋而形成的暗處,稱為「投影」;
同一物體上因為相對受的光比較少,稱為「暗面」(前面的圖所寫的「陰影」)

2. 我應該考慮……
(1) 物體本身的材質(如果是投影,則考慮「被投影面」的材質,譬如桌面)
(2) 光線的方向(以決定投影的位置)
(3) 光線的強度(以決定抹開的程度,也就是桌面上亮暗過渡地帶的大小;也影響顏色對比)
(4) 光線的遠近(影響以上兩者及其他綜合因素)

叭啦叭啦叭啦叭啦叭啦……

其實也不能真的完全獨立把考量因素寫進來,因為這些因素都是互相影響的。



▲ 環境色。

我目前接觸的光影概念所有相關的東西來說,
環境色應該算是最難的部分之一了……

我們如果把一個物體帶到外太空(旁邊沒有其他物體)使物體面對太陽
那麼背對太陽的那一面,可能會黑到讓你幾乎看不到。

接著,你現在可以試著把手舉起來,好好觀察你的手指,
你會發現,即使你把燈光調得很強,
背對燈光的那一面仍然會讓你看得很清楚,
而不是像在外太空上面一樣,背光面很黑很暗。

為什麼呢?
大家都知道,當一道光線照射到物體上面,
那這個光線可能會被物體吸收(譬如黑色物體會吸收所有顏色,所以它才會顯現黑色)
也有可能會被物體反射,然後反射出來的光就不斷射來射去,
並因為隨著途中碰到不同顏色的物體而逐漸減弱終至消失。

(光的三原色:RGB,即紅綠藍。紅綠藍三種光線合在一起會變成白色。)

譬如:
一道白色的光照射到紫色(藍+紅)的葡萄(綠色被吸收)
接著反射出來的紫色(藍+紅)光線照射到周圍的紅色蘋果,
這時候這道紫色(藍+紅)光線的藍色部分被蘋果給吸收並反射出紅色,
再來反射出來的紅色光線再照射到對面的綠色塑膠罐,
於是這道白色光線就在這個過程中慢慢被吸收,最後不見。


▲ 光線路徑示意圖。

因此我們可以知道,只要你身邊有物體(包括牆壁)
不管光線從哪個方向射來,你的背光面(暗面)仍然會被照到少部分的反射光,
進而少部分地呈現出物體所處環境的顏色,這也是反光又被稱作環境色的原因。

做個實驗:
你拿出一個有鮮艷顏色的物體(譬如有色的塑膠瓶或金屬罐)
接著把手放在光源跟物體的中間,然後把手臂慢慢靠近這個物體,
這時候觀察手臂的暗面,
MAGIC!你會發現你的手臂會顯現跟物體一樣的顏色,這就是環境色的原理。

所以,當光線照到藍色的桌面,反射出藍色的光,
再反射回紅色的球上面,這時候混合起來就呈現了一些紫色的反光。
這邊我採用的是大約 66% 明度、16% 彩度的紫色,
如果覺得不對勁,可以自己抓抓看不同的明度跟彩度,
觀察它們分別呈現的效果,再來決定應該如何選色。


▲ 把環境色抹開。

因為環境色牽涉到的東西太多了,
所以這部分要考慮桌面的材質、也要考慮球的材質,
這樣才能決定環境色的多寡、強弱和亮暗過渡地帶大小——
譬如環境是「水」,可能就會反射多一點;
如果環境是「草原」,可能就會反射少一點;
如果球是布質,可能過度地帶會大一點;
如果球是金屬,可能過度地帶會小一點。
諸如此類。


▲ 當然,光線照到圓形的物體上面,
一定會有首當其衝最先受到光線的地方(當然,這個位置一定最亮)
這個地方就被稱為「高光」,因為光滑的物體最會呈現這樣的特徵,
因此很多畫家為了讓物體顯得光滑,常常會喜歡加上高光
(所以金屬材質的亮處通常可以直接解釋為高光會比較貼切……)。
而受光面上的其他部分則是受到比較弱一點的光線,因此不會像高光處那麼亮。


▲ 因為是高光,所以稍微抹開一點點就好。大功告成。

更正:高光應是光源照射到物體上,接著直接往觀察者的眼睛反射時所產生的效果。



如果有空的話,多多觀察身邊的一些物體,
你會發現其實環境色是平常很容易見到的現象,
這也是為什麼經驗較足的畫家會告訴我們:
「加上環境色可以使畫面看起來更加活潑」的原因。

(以後誰還敢說畫圖不用動腦筋……我一定一拳把他尻死

※ 注意:因為我不是相關科系的學生,所以這些只能算是「個人筆記」而非「教學」,
若有觀念上的錯誤,還請不吝指正,豬腳會很感激你的。
 
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2914013
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 20 篇留言

鳶尾鴉

07-30 23:25

解凍豬腳
通知![e12]
https://truth.bahamut.com.tw/s01/201507/f50be9c487b564f5be25464a4cef86a7.JPG?w=30007-30 23:26
鳶尾鴉
阿私 豪ㄘ!

07-30 23:30

コーティカルテ
板凳

07-30 23:34

解凍豬腳
[e16]07-30 23:38
皮卡丘後空翻
豬腳
高光不是在直接受光那個位子
是相機(或看的人)看過去物件的方向 跟光源射去物件的方向 完美反射才有那個高光

07-31 00:29

解凍豬腳
啊啊、原來如此[e17][e16]
謝謝皮卡丘07-31 00:37
皮卡丘後空翻
https://en.wikipedia.org/wiki/Specular_highlight

07-31 00:39

皮卡丘後空翻
wiki有好幾種distribution可以參考

07-31 00:39

解凍豬腳
啊啊、對了[e17]
你手邊有沒有類似對於光影觀念的教學資源呢(網站的)07-31 00:43
皮卡丘後空翻
我有書...有基本的計算機圖學也有很機掰的物理模擬 但很硬欸你真的要嗎= =

07-31 00:46

皮卡丘後空翻
要畫畫用的話可能一些藝術書比較好吧(?)

07-31 00:48

解凍豬腳
其實我是都不介意啦……
因為平常都是用電腦作畫
所以我通常也是專門找電子書或網站來研究[e17]07-31 00:51
皮卡丘後空翻
圖學的話 我們學校大學部用這幾本
http://www.amazon.com/Fundamentals-Computer-Graphics-Peter-Shirley/dp/1568814690
http://www.amazon.com/Interactive-Computer-Graphics-Top-Down-Shader-Based/dp/0132545233
http://www.pbrt.org/
可是基本的圖學書裡有很大篇幅跟畫畫完全無關(就計算機部分)
然後比較深入但有講到物理的像PBRT阿GPU GEMS這種沒讀過前面基本的又看不懂= =
會花很多功夫但得到很少
我覺得不太划算...

07-31 00:56

解凍豬腳
好像也是...滿滿的物理[e18]07-31 00:58
雪之王女‧F‧巧可奈
很專業的電繪教學

07-31 17:10

解凍豬腳
謝謝奈姊賞臉[e16]07-31 17:13
蒙其·D·戈巴契夫
豪專業R
不用收學費對吧

07-31 21:02

解凍豬腳
你要捐學費我也不是不反對啦[e16]07-31 21:04
seraph
長知識了 豬腳大大已經開導我好幾次了 感謝

08-01 03:37

解凍豬腳
不敢當 不敢當[e17] 只要大家喜歡我的作品 我會一直待在這裡[e16]08-01 03:50
止水
畫圖60%講究觀念和觀察,通常認真思考畫圖..30分鐘就夠大腦激盪

08-01 11:59

止水
對了..高光應該要再左下一點..不會是在"邊緣"

08-01 12:05

解凍豬腳
這也是我經過上面皮卡丘說完以後才想到的……
因此後面有多一個更正
感謝你[e12]08-01 15:14
消弭殆盡的餘燼
原來豬腳也發繪圖文,最簡單的圓卻是最難畫的

08-01 13:14

解凍豬腳
三年前開始畫圖的~~~心得越來越多
你可能不常經過我的小屋所以沒發現
畫圖真的是很棒的一個興趣[e16]08-01 15:15
清流
好像很好吃的感覺

08-01 14:28

解凍豬腳
度R ㄘㄘ...................愛ㄉ結晶[e14]08-01 15:16
歡樂大便
看不懂@@好吧我是畫畫白ㄘ

08-01 22:16

解凍豬腳
畫畫是很棒的一件事,也很好打發時間[e12]08-01 23:31
台廢暗殺星
最近在上素描 跟電繪好像有點關聯欸

08-01 22:20

解凍豬腳
當然,素描很重視光影的準度,而大部分電繪也是依賴美術知識為基礎,所以你會發現通常有底子的人,他們即使是第一次碰電繪也能畫得超棒[e12]08-01 23:33
2B王
最近都在學手繪素描
再去碰電繪感覺突飛猛進[e38]

08-16 00:05

解凍豬腳
我則是在研究糟糕本的上色 超爽的[e16]08-16 00:12
萬里磁鐵貓
順便教我3D圖學的陰影ㄅ

09-03 16:43

解凍豬腳
屁ㄅ 給我自己學09-03 16:44
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:耶!豬腳我滿十八歲了... 後一篇:注意!假冒巴哈的網站,請...

追蹤私訊切換新版閱覽

作品資料夾

------------------ (0)

豬腳生活 (1)
日常雜談、巴哈大小事 (193)
煞氣a國中生 (7)
高中生活日誌 (55)
大學生活日誌 (34)
冬令營回憶錄 (19)
也許藏有一些小祕密吧? (3)
各式各樣的開箱文 (11)
貓科動物時間 (15)

------------------ (0)

繪圖創作 (1)
電繪插圖、草稿 (199)
短篇漫畫、單幅標語 (61)
上課太無聊的手繪塗鴉 (8)
不知道該怎麼分類的綜合作品 (18)

文字創作 (1)
草莓兵的國軍紀實 (14)
我與らい的點點滴滴 (12)
那些榮耀的時刻與心跳加速的瞬間 (60)
有感而發的隨筆之作、無法分類的短文 (17)

------------------ (0)

語言學習 (1)
日語:天気がいいから (5)
粵語:唔好再淨係識講粗口喇 (6)
英語:Hey, you! (1)

程式設計及電腦網路 (1)
系列文:跟著豬腳 C 起來 (10)
系列文:論壇網站運作原理 (3)
Go(Golang) (11)
Ruby / RGSS (7)
Visual Basic (13)
JavaScript (1)
各種原理 (17)

思想:多思考一下,世界會更不一樣 (1)
網路經驗、社會觀察 (23)
檸檬庫 (21)

數學:我來拯救你的期中考了 (1)
各類基礎觀念 (5)
國中生也能懂的微積分 (9)
微分方程 (0)

小說:用筆鋒劃出新世界的入口 (1)

繪圖:我也想畫出私巴拉西的美圖 (10)

------------------ (0)

施工中 (22)

不堪回首的痕跡、雜物堆放 (31)

------------------ (0)

未分類 (1)

robert286 ლ(´•д• ̀ლ
ლ(´•д• ̀ლ看更多我要大聲說7小時前


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

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