減加🤡低浮上
2 years ago
#翻譯 在推特上拜讀到這串很厲害的色彩學教學系列:
Devin Korwin on Twitter是用3D的空間思維幫助大家電繪選色。作者老師說尤其是想幫助使用灰階轉彩色繪圖法、但選色時總是調不出理想顏色的人。由於部分用字比較專業,決定翻譯出來做紀錄方便自己複習。一共有三個章節,今天先做完第一章。翻譯版請不要轉出噗浪,也請覺得有幫助的人去老師推特給他鼓勵+按讚轉發
latest #38
減加🤡低浮上
2 years ago @Edit 2 years ago
https://images.plurk.com/1LFjSyuVEcpVHIDj434MJv.png https://images.plurk.com/5WPgpmDX258g8EyZNrbix1.jpg
我們先從最基本的色彩學說起。要了解選用顏色時,你需要想像自己是遊走在一個3D空間中。之所以這樣說是因為我們知道色彩有三個變數。如果我們只調整其中兩個變數,例如只看明度與飽合度,很容易陷入2D思維
減加🤡低浮上
2 years ago @Edit 2 years ago
https://images.plurk.com/jnk1mMMDrg0RNEjxtKXWf.png
我們很熟悉這樣的2D空間,諸如PS或Procreate這些軟體都能看到這樣的檢色器。一旦我們加入第三個變數:色相,這個空間就進入了三維。
https://images.plurk.com/2hlIfVuol4zhMbT37F60jP.png
明度是指光的多寡(the amount of light),飽和度是指光的純度(the purity of the light),色相則是指光的波長(the wavelength of the light)。稍後會細講這部分。
減加🤡低浮上
2 years ago @Edit 2 years ago
https://images.plurk.com/6uhWK0Sqy6vpQGAyLx7rH2.jpg
色相位於此3D空間的外圈,在繪圖軟體中則用長條帶狀來呈現,或在色環中以圓環的方式呈現。當我們只調整明度與飽和度時,是在2D平面中移動,而調整色相則是在3D空間中遊走。
減加🤡低浮上
2 years ago
當我們拉低飽和度時,事實上會增加該色對向的互補色。
https://images.plurk.com/vVMi21CRtvEN4Vq25jd9G.png
如圖所示,當我們拉低純黃色的飽和度,實際上是持續加入藍色直到它接近純灰,再由純灰逐漸進入對向的藍色,直到變成純藍色。
https://images.plurk.com/5gnPgCiNJic3qA7OhlHGI1.png
減加🤡低浮上
2 years ago @Edit 2 years ago
因此在降低藍色飽和度時候,我們其實是加入了黃色,讓它變得更暖。
這也是為什麼在沒有變動黃色色相的情況下,低飽和度偏灰的黃色會看起來比純黃色更冷。色溫是相對的,在圖上可以比較兩個黃色的色溫。
https://images.plurk.com/6hukcMrcpLzTQTzyZkTFAY.png https://images.plurk.com/3LrK4Og2WHiQDuswRMYrlU.png
減加🤡低浮上
2 years ago @Edit 2 years ago
當我們在畫受紅色光源照射的黃色的物體,最快的選色路徑不走是中間區域,而是在外圈色相環中移動。我們可以將黃色色相往橘色方向拉動。在這個過程中由於改變了光混色的純度,飽和度也會自然跟著稍微下降一點。
https://images.plurk.com/3bNSRNeijBACRReKhMX5Q3.jpg
減加🤡低浮上
2 years ago @Edit 2 years ago
https://images.plurk.com/2ll1HpOSaBsymfCKdO6ZcM.jpg
那麼要如何判斷我們在3D色域中的移動範圍呢?這取決於描繪物體本身與光源的強度。我們所見之物都來自於光的反射,而物體質感則決定成像效果。例如圖上的金屬球會反射出強烈的藍色光源
減加🤡低浮上
2 years ago
https://images.plurk.com/1VTeBPHyFY2krTiHDccyrK.jpg
而同樣的強烈藍光照射在皮膚這樣特殊屬性的物體上,反射出來的光也會受光源顏色影響,但沒有那麼強烈,最終出現粉紅色的反射光
減加🤡低浮上
2 years ago @Edit 2 years ago
關於反射光與高光,作者老師也有做一系列的分析教學,連結在這裡
Devin Korwin on Twitter 大約在分析光反射的原理、人體皮膚會同時反射泛光跟高光兩種效果等等
減加🤡低浮上
2 years ago
第一部分到這邊結束!明天再來做part2! 上面有些重新編輯的部分請重整,有意見歡迎留言~
椰可❖草青
2 years ago
非常感謝你的分享&翻譯!(也轉推了)
球藻
2 years ago
感謝翻譯真的受益良多
解決了一直以來困惑的點
我自己沒意識到調整飽和度會加入/降低對比色這點 之前用檢色器根本都是憑感覺亂拉一通
感謝翻譯&分享!!!
感謝翻譯!降低飽和度=增加對比色真的沒注意過,想想的確是這樣,難怪會有高飽和跟偏灰色配色
受益良多!
減加🤡低浮上
2 years ago @Edit 2 years ago
謝謝大家!(居然還有人打賞真是不好意思
Part2是關於物體與光源之間的關係,明天繼續努力
看完覺得豁然開朗!!!謝謝翻譯!!!OQQQ
謝謝分享!!
謝謝大家!
發現色溫那邊有個字翻錯了,已經修正。請重整
蜜瓜寞🍈
2 years ago
感謝翻譯!受益良多啊><
順便貼一下作者老師的IG Login • Instagram
賀九
2 years ago
感謝分享!!!
覺得3D的好清楚噢;_;
O_o
2 years ago
謝謝你的翻譯,我是看別人轉噗過來的。這是蠻有意思的思考方式。不過他這張可能我會建議大家抱持一個存疑的心態:
https://images.plurk.com/1VTeBPHyFY2krTiHDccyrK.jpg
O_o
2 years ago
不是說懷疑他的說法。而是在3D中,Shader是一種運算方式,可以想成一種模擬。他是否反映出真實世界的顯色方式,還要看render的方式、算圖引擎,以及其他很多設定。
O_o
2 years ago
皮膚的反射顏色會不同是因為皮膚表面不平,不被吸收的光會在旁邊四處彈(scatering好像叫散射?)就會... 痾... 衰減?(忘記了~大家一起討論看看) 所以顏色才會不一樣哩。
O_o
2 years ago
皮膚還有一個特性是有一點點透光,所以透過的光還會折射~anyway~
減加🤡低浮上
2 years ago @Edit 2 years ago
Iamposter: 你說的沒有錯,他在英文原文中的意思是皮膚是一種很複雜的物體,不像金屬能直接反射光源。但由於這個教學是色彩學入門,所以並不在這邊繼續探究皮膚的複雜性。在下一個part有更詳盡的解釋反射光源這件事,而在上面附的反射光討論裡也有更多篇幅討論你說的部分。

這邊這張膚色sample是一個基礎的概念。反射光那部分的教學我不確定有沒有精力翻譯就是了😂

另外他也有付費的教學電子書可以購買,裡面內容也更詳盡
「降飽和=走向對比」這一點真的從前都沒有這樣思考過,但超有道理的!
O_o
2 years ago
Nightfeatherᵧ
2 years ago
很有趣的說法
魔王ですわ
1 years ago
哇 現在才在河道上看到有人轉這篇,這篇超棒的
魔王ですわ
1 years ago
Marco Bucci的光影教學中也有提到不同顏色互相影響時會從飽和度低的路徑移動過去,不過沒有把理論講得那麼清楚。
魔王ですわ
1 years ago
而且DevinKorwin還有出電子書耶,Creative Fundamentals 的內容也是超棒的
back to top