大家好我是態爺，上色是很多同學在學習插畫過程中覺得比較難的一部分，今天就和大家分享我的上色思路。我會用例子詳細展示如何為一張自然場景的插畫上色。

往期教程：

先看一下成品圖：

這張插畫的草圖是我之前練習構圖的時候畫的，比較粗糙，先細化一下。

1. 鋪底色

草圖細化完成，接下來是找參考圖。參考圖的作用是在動筆前對整個畫面的構圖、造型、色調有一個大概的心理預期。這一步非常重要，不能省略，沒有參考圖我寧可不動筆。我想畫一個藍天白云下的大草地，有飛機單車，遠處還有點雪山，參考圖也按這個方向找。

通過參考圖，我得到了一組基礎配色，這一步需要注意的是不要用吸色的方式找顏色。照片的顏色是由一堆雜亂的像素混合而成的，而不同照片的顏色混合也是不一樣的。吸色只能吸到一個獨立像素點，而不是一個整體的顏色，更談不上色彩之間的搭配。要用眼睛去看，拿畫筆的是人，不是電腦。

接下來是進一步確定配色比例。這里有一個比較通用的配色公式「60＋30＋10」，大體分為 2 種：

1. 60％背景色＋30％主角＆配角色＋10％點綴色
2. 60％主體色＋30％次級色＋10％輔助色

這個公式可以根據你自己的情況來調整，比如 70＋25＋5，或 60＋35＋5；而且配色公式不是絕對的，只是輔助手段，不要陷入到教條主義中。

在這個畫面里，飛機是絕對的主角，所以用大片的藍天來做襯托；草地的綠色飽和度不能高，綠色不能太純，否則就搶戲；背景群山混合了更多天空的環境色，整體壓成深藍色，這樣背景就能統一成一個藍色調，然后通過“藍色—綠色—黃色”的近似色漸變逐漸延展到前景來。

提升完善人物的固有色和明暗劃分。除了飛機的黃色，其他所有顏色都是低對比度低飽和度，比如騎自行車的人，衣服的顏色基本是直接從背景中提出來的，僅靠自行車和 T 恤的黑以及清晰的外輪廓與背景作分離。

然后是背景的初步細化，這一步基本確定背景的層次和顏色。場景的層次變化是很豐富的，可以通過明暗對比、色彩對比、塑造程度、清晰度等的遞增遞減來表現從遠到近的空間感。

2. 背景細化

接下來開始細化。我的習慣是先從最遠處畫起，然后逐漸往前推。這樣的好處是可以無腦推空間。

按塑造程度從 1-10 來說，前景是 9 或 10，那么背景就是 1 或 2。這樣就可以很輕松的確定畫面內元素的造程度，從而搭建整個空間。這樣做的前提必須是對整個畫面有了一個明確的思路，并且鋪好底色。

在這一步的時候，前面找的參考圖就全都派上用場了，對著畫就完事了。不過在畫著的時候記著當時的部分塑造程度是多少，環境色和固有色的比例是多少，讓空間意識一直扎根在腦海中。

然后是遠山的細化。如前面說到的，空間遠處的色彩對比度要低才能來開視覺層次。低對比度下的明暗，盡量統一在一個色系里，遠處的山甚至都可以不用暖色，直接藍色偏點紫取個低飽和度，在大色調的對比下可以直接給山地腦補一層棕色。畫水下的人物也可以用這個方法。

前景草坡的地面雖說層次最豐富塑造最完整，卻也不用一根一根草去畫出來。只需要把基底顏色做豐富了，加點土塊石頭，然后在色階之間加幾根冒頭的草。就像畫頭發一樣，靠的不是發絲，而是基礎的層次。

3. 主體細化

我在畫畫的時候習慣把圖層整理的比較有條理，最上面是線，接著是明暗，最底下是用來做剪輯蒙版的底色，中間是根據顏色或部位分的固有色。

在進行單個部位的塑造時，我可以直接給圖層加個 ALPHA 鎖定，改起顏色來也很快，后期維護起來特別簡便。騎單車的人不是主角，所以只需要在明暗的基礎上加一到兩個色階就可以了。圖層的分法還是得按畫風來定，比如厚涂，我可能就直接一兩個圖層完事了。

飛機的處理也是同理。雖然線和固有色已經分的很清晰了，也不能忘了空間二字。我給下方機翼的暗部加重了顏色，再加一個較強的反光，然后減弱了上方機翼的顏色，這樣上機翼-機身-下機翼的空間就能分出來了。

到這一步，整個畫面就都完成了。

4. 整體調色

畫完之后，我一般會進行一個簡單的調色。調色的目的一個是統一色調，再則對整體顏色進行一次大的傾向調整。一般是在圖層上方新建一個調整圖層，用的是「可選顏色」。先對背景進行一個簡單的調整，把暖色部分加一些飽和度，再把綠色往冷了調，目的是讓背景色調高度統一，以及進一步突出飛機的黃色。

然后是畫面整體的一個調整。先用「曲線工具」調整了一下黑白的色階，再用「可選顏色」讓整體暗部偏藍；然后提亮了黃色部分的明度，再減一點點飽和度，因為暖色飽和度太高容易焦躁；

最后再新建一個圖層加一點雜色，用「顏色加深」疊上去，為畫面增添質感。

最后請@麥點盛世劉輝 幫我配了字，完工。以上就是我日常上色的過程分享，希望對正在學習插畫的同學們有幫助。

「關注我」

1. 優設賬號： http://www.hx168888.com/u/87222/publish/post
2. 微博賬號： https://weibo.com/u/6517085292
3. 站酷賬號： https://www.zcool.com.cn/u/16953096
4. 優設大課堂課程： https://xue.uisdc.com/teacher?id=5f35175002a5853cf70fc51d

推薦閱讀：