rainbow
專欄,  插圖技法

三種數位繪圖時瞬間切換彩色至灰階預覽的技法

分享

學畫路程當中不可或缺的一個看似不重要但其實非常有用的插畫技巧,就是將畫面暫時轉變為黑白灰,因為這麼做有助於抽離顏色成為純灰階預覽,無論使用Clip Studio還是Photoshop,最直接的觀看畫面的明暗布局,廢話不多說。

前言,為何需要灰階預覽?

為什麼需要灰階預覽?因為人眼當中有感知顏色的視錐細胞以及感知亮度的視桿細胞同時運作,對於顏色飽和度會被亮度所影響,在攝影後製當中對於顏色的平衡控制更是一門學問。

大多時候會將畫面轉為灰階預覽便於整體調色,甚至出現黑白照片派的人直接放棄彩色僅用黑白當作呈現方式,因為這樣最能將明度的刺激運用給最大化。

當然這裡不是說彩色還是黑白誰比較厲害,整體來說這都是一種間接工具,畫圖領域也是如此!

不相信嗎?請見以下面的範例。

灰階預覽

以上彩虹色是色環當中飽和度全滿的狀態下呈現的視覺效果,也就是將刺激顏色的條件下拉滿,但是可以發現如果我把顏色抽離後會發生下方的情況,一旦視錐細胞不參與工作的時候,人眼對於最敏銳的綠色反而沒有黃色亮,這代表綠色的部分視錐細胞比視桿細胞還要敏感,黃框的紅色區域也是對於色彩更為敏感,藍色區域最明顯整個黑成一團,這意味著在灰階當中藍色的元素其實超暗的。

也因為明度與彩度是兩種細胞分工的結果,因此在插畫技巧當中很多人都會採用灰階畫法再去鋪色,這是另一個話題了不在這邊解釋。


永久的做法不在此篇的討論範圍內,這邊只有在處理彩色圖像的時候如何短暫且快速的切換黑白灰階的方式。
從最簡單的系統到根據不同繪圖軟體循序漸進。

這邊有三種針對不同需求的類別:

  • 第一種,Windows內健全畫面的色彩濾鏡。
  • 第二種,已經廢棄掉的但還是提一下,Nvidia顯示卡面板的數位飽和度。
  • 第三種,Photoshop、Clip等繪圖軟體內建的圖層屬性疊加。

Windows內健全畫面的色彩濾鏡。

這方式僅限電腦安裝Windows7、10、11系統,可以把整個系統顯示的色彩做更改,當中灰階只是功能之一。

首先點下方工具欄最左邊開始旁邊的放大鏡搜尋,輸入色彩濾鏡

W1

進入後如下圖,例圖是已經開啟的狀態,通常第一次看到會是關閉的。

W2

點選灰階,然後開啟色彩濾鏡開關,會發現整個畫面全部都變灰階了!彷彿電腦人生變成黑白,無一例外。

這功能有快速鍵,這也是我推薦使用的原因,下方的鍵盤快速鍵開啟,就能靠著鍵盤當中Ctrl+WIN+C進行切換動作。

W3

當然這只是其中一個功能,你還能切換各種色盲模式,體驗一下不同色盲者看出去的畫面,這功能是為了給開發應用程式的時候針對色盲使用者的模擬,只要開啟就會變成該色盲,可以看到哪邊的ICON辨識問題。

W4

還有色彩反轉、灰階反轉這類幾乎用不到的功能,看起來會像恐怖片。

值得注意的是這功能會在軟體層將顏色改變,因此截圖出來的畫面也會是經過改變的。

W5

這是我最常用於繪圖軟體以外的時候,像是有人在LINE上發圖片想轉灰階就用該方法,完全不用在開什麼程式,三顆鍵就能完成,不過這方式有時候轉換會要等一下,如果一直切換電腦會卡一下,這點要注意。


Nvidia顯示面板的數位飽和度

最早知道的方法,超爛不要用,但因為也是方法之一所以一起講,這跟上面Windows的色彩濾鏡一樣會改變整個畫面的顏色,差別在於這個改法是輸出到螢幕端的顏色改變,所以截圖畫面依然是彩色的。

不推薦的點在於沒有快速鍵,每次切換都很麻煩且手續繁雜,但如果其他方式都不行的話,可以試試看這個。

只展示N卡的方式,A卡的話也差不多,位置可能會有點不一樣。

N1

到桌面右鍵選擇NVIDIA控制面板

N4

左邊顯示分類當中的調整桌面色彩設定

N5

右方的套用色彩增強,下方的數位亮度,預設位置在50%,將其拉到0%後,套用即可。

其他設定的飽和度不會改變明度,意思是說飽和度關閉後不會改變亮暗,這是補償了色彩損失的做法,但是並不是正確的,即使是這個數位亮度關閉後看到的明度也是很奇怪,但是跟其他方式接近算是堪用就是。

這裡不推薦的原因是你將數位亮度改為0%後要恢復得重複上述的步驟再度改回50%後套用,這就是為何會說超麻煩的原因,況且你拉回50%如果手滑成53%55%,反而顏色會變得不準確,因此務必改回來要對準50%。


Clip Studio Paint當中的圖層屬性疊加

畫圖的人最方便的做法,限制於只有繪圖軟體內,這邊用我最常用的Clip Studio為例。

C1

不管開啟單一圖層還是多圖層,只要在最上方新增一個圖層就能全數套用

當然以此推測只要把該圖層放在你不想改變顏色的圖層下方,那麼就會產生以該圖層以上不改變顏色只改變下方圖層顏色的效果。

當然我是要把整張圖都改變為灰階,因此圖層放置於最上方。

C2

該圖層為透明,此時你用油漆桶也好畫筆填滿也好,將整個圖層改成全黑。

注意一定要填滿實色無任何透明度的純黑色,才是準確的。

見下圖

C3

然後把該全黑的圖層更改圖層的屬性,選擇色相

C4

這邊有一個小差異,Clip的舊版本沒有色相只有彩度,選擇彩度後效果跟色相一樣,但是新版本當中色相跟彩度的算法不同,以至於這兩個模式有些微差別,正常來說是選擇色相。

C5

此時可以看到整張圖顏色都變成灰階了,只有畫布當中的內容,這做法跟Windows色彩濾鏡不同的地方是畫布以外的區域保有顏色。

C6

把圖層的可見關閉,恢復成原本的色彩,非常方便的一個功能,我現在幾乎每張圖最上方都會有這樣的一個層圖,隨時切換灰階狀態,甚至輸出的時候打開圖層就能以灰階輸出。

C7

同時當然也可以降低該圖層的透明度來進行低飽和度的效果。

但是我也說了這是一種切換灰階的功能,不是用來調色的,因此我不會更動任何透明度,如果怕會動到可以把圖層鎖住。


Adobe Photoshop當中的圖層屬性疊加

方法跟上面Clip的作法很類似,就只是換一個繪圖軟體,方法都是一樣的,同樣推理至所有具備圖層濾鏡且可以抽離色相的所有繪圖軟體。

P1 scaled

一樣最上層新增空白圖層。

P2

油漆桶填滿純黑色。

P3 scaled

更改圖層濾鏡屬性為色相即可。


結語

是不是很簡單?但是當初畫圖的時候沒想到過,以至於少了一個方便的工具,很多時候即使是再簡單的小撇步,但還是會因習慣而忽略掉,有點像是生活冷知識那樣,或許知道了也沒什麼用,不過轉灰階可是很有用的喔。

在繪圖技巧上對於顏色校準、預覽還有很多方式,下次有機會我再寫一篇告訴大家。

發表迴響

zh_TW