減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 7:59 AM
5188
1531
5
翻譯
在推特上拜讀到這串很厲害的色彩學教學系列:
Devin Korwin on Twitter
是用3D的空間思維幫助大家電繪選色。作者老師說尤其是想幫助使用灰階轉彩色繪圖法、但選色時總是調不出理想顏色的人。由於部分用字比較專業,決定翻譯出來做紀錄方便自己複習。一共有三個章節,今天先做完第一章。翻譯版請不要轉出噗浪,也請覺得有幫助的人去老師推特給他鼓勵+按讚轉發
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:03 AM
Fri, Jul 24, 2020 8:56 AM
我們先從最基本的色彩學說起。要了解選用顏色時,你需要想像自己是遊走在一個3D空間中。之所以這樣說是因為我們知道色彩有三個變數。如果我們只調整其中兩個變數,例如只看明度與飽合度,很容易陷入2D思維
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:09 AM
Fri, Jul 24, 2020 8:57 AM
我們很熟悉這樣的2D空間,諸如PS或Procreate這些軟體都能看到這樣的檢色器。一旦我們加入第三個變數:色相,這個空間就進入了三維。
明度是指光的多寡(the amount of light),飽和度是指光的純度(the purity of the light),色相則是指光的波長(the wavelength of the light)。稍後會細講這部分。
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:14 AM
Fri, Jul 24, 2020 8:14 AM
色相位於此3D空間的外圈,在繪圖軟體中則用長條帶狀來呈現,或在色環中以圓環的方式呈現。當我們只調整明度與飽和度時,是在2D平面中移動,而調整色相則是在3D空間中遊走。
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:19 AM
當我們拉低飽和度時,事實上會增加該色對向的互補色。
如圖所示,當我們拉低純黃色的飽和度,實際上是持續加入藍色直到它接近純灰,再由純灰逐漸進入對向的藍色,直到變成純藍色。
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:23 AM
Fri, Jul 24, 2020 11:10 AM
因此在降低藍色飽和度時候,我們其實是加入了黃色,讓它變得更暖。
這也是為什麼在沒有變動黃色色相的情況下,低飽和度偏灰的黃色會看起來比純黃色更冷。色溫是相對的,在圖上可以比較兩個黃色的色溫。
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:30 AM
Fri, Jul 24, 2020 9:53 AM
當我們在畫受紅色光源照射的黃色的物體,最快的選色路徑不走是中間區域,而是在外圈色相環中移動。我們可以將黃色色相往橘色方向拉動。在這個過程中由於改變了光混色的純度,飽和度也會自然跟著稍微下降一點。
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:33 AM
Fri, Jul 24, 2020 8:33 AM
那麼要如何判斷我們在3D色域中的移動範圍呢?這取決於描繪物體本身與光源的強度。我們所見之物都來自於光的反射,而物體質感則決定成像效果。例如圖上的金屬球會反射出強烈的藍色光源
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:36 AM
而同樣的強烈藍光照射在皮膚這樣特殊屬性的物體上,反射出來的光也會受光源顏色影響,但沒有那麼強烈,最終出現粉紅色的反射光
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:38 AM
Fri, Jul 24, 2020 9:04 AM
關於反射光與高光,作者老師也有做一系列的分析教學,連結在這裡
Devin Korwin on Twitter
大約在分析光反射的原理、人體皮膚會同時反射泛光跟高光兩種效果等等
減加🐨一天休息22小時
@gabbia0427
說
Fri, Jul 24, 2020 8:39 AM
第一部分到這邊結束!明天再來做part2! 上面有些重新編輯的部分請重整,有意見歡迎留言~
椰可也可啦
@sh98coco
Fri, Jul 24, 2020 9:22 AM
非常感謝你的分享&翻譯!(也轉推了)
球藻
@OAO_OUO_OAO
Fri, Jul 24, 2020 9:25 AM
感謝翻譯真的受益良多
解決了一直以來困惑的點
減加🐨一天休息22小時
@gabbia0427
Fri, Jul 24, 2020 9:31 AM
我自己沒意識到調整飽和度會加入/降低對比色這點
之前用檢色器根本都是憑感覺亂拉一通
成功等到王泥喜精選集的風音🚀🃏
@navykaze
Fri, Jul 24, 2020 9:33 AM
感謝翻譯&分享!!!
卓芭子HACOCHO
@tina610212002
Fri, Jul 24, 2020 9:35 AM
感謝翻譯!降低飽和度=增加對比色真的沒注意過,想想的確是這樣,難怪會有高飽和跟偏灰色配色
受益良多!
減加🐨一天休息22小時
@gabbia0427
Fri, Jul 24, 2020 9:51 AM
Fri, Jul 24, 2020 9:52 AM
謝謝大家!(居然還有人打賞真是不好意思
Part2是關於物體與光源之間的關係,明天繼續努力
MeLay 米雷
@khrssc
Fri, Jul 24, 2020 10:58 AM
看完覺得豁然開朗!!!謝謝翻譯!!!OQQQ
頸椎@活俠好毒啊
@g0987655
Fri, Jul 24, 2020 11:06 AM
謝謝分享!!
減加🐨一天休息22小時
@gabbia0427
Fri, Jul 24, 2020 11:13 AM
謝謝大家!
發現色溫那邊有個字翻錯了,已經修正。請重整
寞🖤
@feins11
Fri, Jul 24, 2020 11:26 AM
感謝翻譯!受益良多啊><
減加🐨一天休息22小時
@gabbia0427
Fri, Jul 24, 2020 11:33 AM
順便貼一下作者老師的IG
Login • Instagram
賀九
@azx91986442
Fri, Jul 24, 2020 12:05 PM
感謝分享!!!
小三🧡阿菇
@vi_xiaosan
Fri, Jul 24, 2020 12:51 PM
覺得3D的好清楚噢;_;
O_o
@Iamposter
說
Fri, Jul 24, 2020 12:59 PM
謝謝你的翻譯,我是看別人轉噗過來的。這是蠻有意思的思考方式。不過他這張可能我會建議大家抱持一個存疑的心態:
O_o
@Iamposter
說
Fri, Jul 24, 2020 1:02 PM
不是說懷疑他的說法。而是在3D中,Shader是一種運算方式,可以想成一種模擬。他是否反映出真實世界的顯色方式,還要看render的方式、算圖引擎,以及其他很多設定。
O_o
@Iamposter
說
Fri, Jul 24, 2020 1:07 PM
皮膚的反射顏色會不同是因為皮膚表面不平,不被吸收的光會在旁邊四處彈(scatering好像叫散射?)就會... 痾... 衰減?(忘記了~大家一起討論看看) 所以顏色才會不一樣哩。
O_o
@Iamposter
說
Fri, Jul 24, 2020 1:08 PM
皮膚還有一個特性是有一點點透光,所以透過的光還會折射~anyway~
減加🐨一天休息22小時
@gabbia0427
Fri, Jul 24, 2020 1:16 PM
Fri, Jul 24, 2020 1:21 PM
O_o
: 你說的沒有錯,他在英文原文中的意思是皮膚是一種很複雜的物體,不像金屬能直接反射光源。但由於這個教學是色彩學入門,所以並不在這邊繼續探究皮膚的複雜性。在下一個part有更詳盡的解釋反射光源這件事,而在上面附的反射光討論裡也有更多篇幅討論你說的部分。
這邊這張膚色sample是一個基礎的概念。反射光那部分的教學我不確定有沒有精力翻譯就是了😂
另外他也有付費的教學電子書可以購買,裡面內容也更詳盡
牧秋秋🌦吱吱不息
@syshih
Fri, Jul 24, 2020 3:32 PM
「降飽和=走向對比」這一點真的從前都沒有這樣思考過,但超有道理的!
O_o
@Iamposter
說
Fri, Jul 24, 2020 4:46 PM
ailutfun
:
減加🐨一天休息22小時
@gabbia0427
說
Sun, Jul 26, 2020 9:08 AM
@ailutfun - #翻譯 色彩學系列第二彈 探尋色彩線索第二回!這次我們將更深入的探討光是如何運作...
第二章!如果需要討論第二章內容請移駕至第二章的噗
Nightfeatherᵧ
@featherance
Sun, Jul 26, 2020 11:20 AM
很有趣的說法
減加🐨一天休息22小時
@gabbia0427
說
Wed, Jul 29, 2020 3:54 PM
@ailutfun - #翻譯 色彩學系列最終回 終於來到最後一回!在開始前要聲明一下,這系列翻譯有經過...
第三章!也是最後一章囉
魔王ですわ
@x2159679
Wed, Apr 7, 2021 4:30 PM
哇 現在才在河道上看到有人轉這篇,這篇超棒的
魔王ですわ
@x2159679
Wed, Apr 7, 2021 4:37 PM
Marco Bucci的光影教學中也有提到不同顏色互相影響時會從飽和度低的路徑移動過去,不過沒有把理論講得那麼清楚。
魔王ですわ
@x2159679
Wed, Apr 7, 2021 4:40 PM
而且DevinKorwin還有出電子書耶,Creative Fundamentals 的內容也是超棒的
載入新的回覆
我們先從最基本的色彩學說起。要了解選用顏色時,你需要想像自己是遊走在一個3D空間中。之所以這樣說是因為我們知道色彩有三個變數。如果我們只調整其中兩個變數,例如只看明度與飽合度,很容易陷入2D思維
我們很熟悉這樣的2D空間,諸如PS或Procreate這些軟體都能看到這樣的檢色器。一旦我們加入第三個變數:色相,這個空間就進入了三維。
明度是指光的多寡(the amount of light),飽和度是指光的純度(the purity of the light),色相則是指光的波長(the wavelength of the light)。稍後會細講這部分。
色相位於此3D空間的外圈,在繪圖軟體中則用長條帶狀來呈現,或在色環中以圓環的方式呈現。當我們只調整明度與飽和度時,是在2D平面中移動,而調整色相則是在3D空間中遊走。
如圖所示,當我們拉低純黃色的飽和度,實際上是持續加入藍色直到它接近純灰,再由純灰逐漸進入對向的藍色,直到變成純藍色。
這也是為什麼在沒有變動黃色色相的情況下,低飽和度偏灰的黃色會看起來比純黃色更冷。色溫是相對的,在圖上可以比較兩個黃色的色溫。
那麼要如何判斷我們在3D色域中的移動範圍呢?這取決於描繪物體本身與光源的強度。我們所見之物都來自於光的反射,而物體質感則決定成像效果。例如圖上的金屬球會反射出強烈的藍色光源
而同樣的強烈藍光照射在皮膚這樣特殊屬性的物體上,反射出來的光也會受光源顏色影響,但沒有那麼強烈,最終出現粉紅色的反射光
解決了一直以來困惑的點
受益良多!
Part2是關於物體與光源之間的關係,明天繼續努力
發現色溫那邊有個字翻錯了,已經修正。請重整
這邊這張膚色sample是一個基礎的概念。反射光那部分的教學我不確定有沒有精力翻譯就是了😂
另外他也有付費的教學電子書可以購買,裡面內容也更詳盡