SlideShare a Scribd company logo
1 of 33
Download to read offline
HSL⾊彩系統

亮度中間值 , 飽合度最⾼

亮度增加或減少, 飽合度會損失
RGB ⾊彩系統

左上⾓最亮, 右下⾓最暗
RGB ⾊彩結合HSL⾊彩

> SRGB ⾊彩空間
這空間

不是所有顏⾊對應的亮度是均
勻的.

黃綠⾊亮度比較⾼

紅藍亮度比較低
*相機校準 — 調整RGB軸值
統⼀⾊

與⿊⽩相比 除了多⼀個飽和度維度可以調整
*降飽和度處理

*某⼀影調範圍內,
引入對比⾊. (黃vs藍)
*⼤⾯積的⿊或⽩鋪底 > ⿊⾦⾊調
、





























































對比⾊
⾊輪呈180度的兩種顏⾊
*膚⾊對比套路,冷暖對比
分離互補
交叉互補、對稱互補

比較多依靠前期的美術設計

後期調整比較不容易
畫⾯主⾊略亮 , 較搶眼
*相機校準 — 調整RGB軸值

*HSL — 調整軸在⾊彩空間的擺動
例⼦2:

以黃⾊為主軸,斜線分
布的和諧⾊
例⼦1:

以綠⾊為主軸,不動,

下⽅顏⾊往綠⾊偏,

上⽅顏⾊往黃⾊偏,

斜線分布的和諧⾊
單⼀⾊系的調整 : 

⾊相調整
實際上在ACR調整是有限的,
無法很完美的和諧,需搭配飽
和度調整
單⼀⾊系的調整 : 

飽和度調整
以主⾊調為中⼼,

上下兩邊慢慢變淺
以主⾊調為中⼼,

S型曲線的調整
近似⾊的調整:

⾊相調整
近似⾊的調整:

飽和度調整
冷暖⾊傾向各走⼀邊

中間有⼀個過渡區調整,

⼀般選擇 5/3, 4/4 滑塊分佈
對比⾊的調整:

⾊相調整
可以把過渡區飽和度降低,

但要注意是否跳階
對比⾊的調整:

飽和度調整
保留主⾊飽和度,相鄰⾊飽和度逐漸調低
分離互補⾊: 

⾊相調整
飽和度調整
⾊相分成三個區段 3/3/2
主要還是透過前期美術設計, ⾊相調整只能簡單收攏

也很難透過飽和度調整到協調
⾊相分成4個區段 2/2/2/2
四⾊/交插對比
相機校準⾯板
定義⾊彩空間⼤⼩
單⼀⾊系
近似⾊
對比⾊
分離互補
複雜調⾊ , 會讓某⼀⾊調特別亮。

⼈像上,通常會讓紅⾊較飽和,符合⼈眼視覺規律。
交插互補
沒有動,沒錯
VSCO 調⾊預設
根據⾊彩學原理,

進⾏ACR的預設調整系統。
把紅⾊的近似⾊黃橘⾊,在⾊輪上拉開

以青⾊為中⼼,近似⾊藍綠⾊收攏
實現紅橙綠⾊的分離互補調整
飽和度與亮度調整的傾向通常是⼀致的





把綠⾊飽和度與亮度降低多⼀點

以凸顯紅橙⾊系
透過相機校正⾯板,縮⼩⾊彩空間分佈
透過VSCO預設集調整
透過VSCO C2 預設集調整
C2並沒有做⾊調

明暗度調整
可以針對影調明暗

做更細微的調整
或是套⾃動調整

也可以獲得不錯效果
由於⼀開始就⽤

相機校準⾯板,

限制了⾊彩空間。

所以改變⾊溫,

顏⾊也不會差距太
多,也比較協調。
使⽤預設集的反例
如果畫⾯偏中性⾊,飽和度較低,就算使⽤預設,效果也不顯著。
可以透過相機校準⾯板,把⾊彩空間拉的更開,來改善這種情況
透過VSCO G3 預設集調整
透過VSCO K3 預設集調整
紅橙不變,藍綠⾊系拉開

分離互補的調法
建立⾃⼰的系統化預設集
把影調與調⾊分開處理

More Related Content

More from Rouyun Pan

「轉貼」移動互聯網行業盤點
「轉貼」移動互聯網行業盤點「轉貼」移動互聯網行業盤點
「轉貼」移動互聯網行業盤點Rouyun Pan
 
The overview of VR solutions
The overview of VR solutionsThe overview of VR solutions
The overview of VR solutionsRouyun Pan
 
Render thead of hwui
Render thead of hwuiRender thead of hwui
Render thead of hwuiRouyun Pan
 
[轉貼] 社群大數據 - 輿情觀測及分析應用
[轉貼] 社群大數據 - 輿情觀測及分析應用[轉貼] 社群大數據 - 輿情觀測及分析應用
[轉貼] 社群大數據 - 輿情觀測及分析應用Rouyun Pan
 
WebRTC overview
WebRTC overviewWebRTC overview
WebRTC overviewRouyun Pan
 
Android 待機與操作耗電檢查
Android 待機與操作耗電檢查Android 待機與操作耗電檢查
Android 待機與操作耗電檢查Rouyun Pan
 
Analyzing Display and Performance with Systrace
Analyzing Display and Performance with SystraceAnalyzing Display and Performance with Systrace
Analyzing Display and Performance with SystraceRouyun Pan
 

More from Rouyun Pan (12)

Deep learning
Deep learningDeep learning
Deep learning
 
VR解密
VR解密VR解密
VR解密
 
「轉貼」移動互聯網行業盤點
「轉貼」移動互聯網行業盤點「轉貼」移動互聯網行業盤點
「轉貼」移動互聯網行業盤點
 
The overview of VR solutions
The overview of VR solutionsThe overview of VR solutions
The overview of VR solutions
 
Render thead of hwui
Render thead of hwuiRender thead of hwui
Render thead of hwui
 
Project Tango
Project TangoProject Tango
Project Tango
 
[轉貼] 社群大數據 - 輿情觀測及分析應用
[轉貼] 社群大數據 - 輿情觀測及分析應用[轉貼] 社群大數據 - 輿情觀測及分析應用
[轉貼] 社群大數據 - 輿情觀測及分析應用
 
財報分析1
財報分析1財報分析1
財報分析1
 
WebRTC overview
WebRTC overviewWebRTC overview
WebRTC overview
 
Device tree
Device treeDevice tree
Device tree
 
Android 待機與操作耗電檢查
Android 待機與操作耗電檢查Android 待機與操作耗電檢查
Android 待機與操作耗電檢查
 
Analyzing Display and Performance with Systrace
Analyzing Display and Performance with SystraceAnalyzing Display and Performance with Systrace
Analyzing Display and Performance with Systrace
 

調色筆記