當前位置:
首頁 > 創意 > 插畫師也太難難難了,配色都這麼多花樣!

插畫師也太難難難了,配色都這麼多花樣!

一幅作品,給人的第一印象是色彩,可以說好的作品60%取決於好的配色,在插畫作品中,色彩更是重中之重。

鮮艷的色彩往往更能吸引人們的視覺點,更插畫又是和色彩相輔相成的藝術形式,如何使作品呈現強烈的美感,是每個插畫創作者必須要考慮的問題。

今天,數藝君就來跟大家嘮嘮,插畫的配色知識,以及在實際創作當中的配色思路。

配色知識

01

色彩理論:色相環

1.色相

色相:任何黑、白、灰以外的顏色都有色相的屬性,而色相就是這些顏色的稱謂,即色彩相貌。例如,紅色的花,綠色的草,紅色就是這朵花的色相,綠色就是草的色相。

2.三原色

三原色:紅、黃、藍為三原色,通過這三種顏色均勻混合調配出綠、橙、紫三種區間色,然後依次融合出更多的顏色。

3.色相環

十二色相環如圖所示,是在三原色的基礎上製作出來的。對於新手,只要牢記六字口訣即可牢記色相環:紅、橙、黃、綠、藍、紫。所有的顏色都可以根據這六種顏色結合色相環的位置來配色。

02

色相環配色法

1.鄰近色

色相環上相距60。左右兩種顏色為鄰近色,如圖所示。鄰近色因為視覺衝擊力非常弱,一般表現溫馨、甜美、雅緻的感覺,但是也容易造成單調、呆板的現象。

鄰近色示例如圖所示,選用了鄰近色紅色與橙色,只在明度和飽和度上做了調整。

2.間隔色

色相環上相距120。左右的兩種顏色為間隔色,間隔色的視覺衝擊力強於鄰近色,但又不像互補色那麼強烈,是常用且實用的配色方案,效果醒目。當然,如果使用不當也容易造成雜亂感,如圖所示。

間隔色示例如圖所示,選用了間隔色綠色與藍紫色。

3.互補色

色相環上相距180 。度的兩種顏色為互補色。互補色對比非常強烈,視覺衝擊力強,能夠表現出力量與氣勢,也是非常現代、時尚的配色。另外,也有不直接選擇互補色,而是選擇其左右鄰近的顏色,效果也不錯,如圖所示。

互補色示例如圖所示,圖中沒有直接選用草綠色的互補色紫色,而使用的是其左右兩邊的粉色與藍紫色。

03

明度與純度

1.明度

明度:一般就是指色彩的明亮程度。明度最高是白色,最低是黑色,如圖所示。

2.純度

純度通常是指色彩的鮮艷程度。顏色純度最高就是純色,最低是灰色,如圖所示。

在Photoshop的拾色器中, x軸代表純度, y軸代表明度,如圖所示。

04

色調決定風格

色調:指圖像的相對明暗程度,是明度與純度的不同組合變化所產生的色彩傾向。直觀來說就是色彩給人的整體感受,例如,這幅畫的顏色給人溫暖的感覺,那就是暖色調,反之就是冷色調。

色相相同而每個顏色的色調不同,也會產生不同的感覺,如圖所示。

色相不同,但統一了色調,依然會給人統一的印象,如圖所示。

一般日系插畫會使用下圖中1至3這個色調範圍。而選取怎樣的色調與畫師自己的性格和想表達的感情有關,並沒有規定哪個色調是最好的,可以多嘗試不同的色調去繪畫。

同樣一張插圖,如果改變色調,提高飽和度和明度,給人的直觀感受就會不一樣。如下圖所示的兩幅畫,A圖是冷色調,給人安靜與清爽的感覺;B圖提高了飽和度和明度,一下子覺得室內溫度上升,產生一種炎熱午後的感覺。與低飽和度相比,高飽和度的畫面會有積極的傾向,但容易造成視覺疲勞。

05

協調的配色

色彩可以說是無窮盡的,怎麼選取顏色呢?這裡教你幾招。

1.色相一致

色相一致是指選取一種顏色,如藍色,只在明度與純度上做變化,因為黑、白、灰屬於無彩色,可以一起搭配使用,如圖所示。

2.明度一致

明度一致也就是保持色彩亮度的統一。我們可以隨機選取不同的配色,然後轉化為灰度,使所有灰度保持在相同水平。這樣即使是不同的色相,任何顏色也不會突兀,如圖所示。

3.純度一致

純度一致也就是色相的飽和度保持一致,如圖所示,這裡選取的是高純度的配色。統一使用高純度的配色,色彩會有非常強烈的對比。如果選取的是低純度的配色,會使畫面變成安靜、沉穩,色相間的差異也會減弱。

4.冷色調和暖色調

冷色調和暖色調是指色彩給人的感受,是讓人覺得寒冷還是覺得溫暖,如圖所示。

冷暖色配色方案參考如圖所示。

5.從生活中取色

生活中常見的顏色會讓人覺得熟悉和安心,並且豐富多彩的生活配色也為我們提供了很多的參考。

大地色如圖所示,從自然中取色是最安全的一種方式,幾千年來人類在自然中生存早已熟知這些顏色,會特別有親切感,不會感到突兀。

馬卡龍色如圖所示,馬卡龍色是少女的最愛配色。

從圖騰壁畫中取色,如圖所示。平時外出旅遊時可以多收集一些各個國家的花紋、圖案等,也會是一種獨特的配色參考。

6.實例分析

下圖中的插畫作品,修改前主要採用了藍綠鄰近色配色,但如果畫面只有這兩個色相會略顯單調。

修改後畫面中的紅傘起到點睛的作用,在色相上紅和綠是互補色,會有強烈的視覺衝擊感,這也使人們的視線會第一時間集中在紅傘上。

然後引導到主體的幾個人物上。所以在配色時,先整體選取一組鄰近色相,然後局部使用互補色是非常保險的一種配色方法。

日本設計師提出過一個配色黃金比例,即70:25:5。其中,70%為大面積的主色,25%為輔助顏色,5%為點綴色。色相一般不要超過3種,其中深藍、天藍可視為一種色相,如圖所示。

實例:日系和服少年上色解析

01

設計角色前的準備工作

一般在設計角色前可以先假設一下角色的性格,設定一個時代背景。腦海里有一個概念之後去尋找一些參考圖,可以從平時收集的資料中找一些靈感或者直接去網路上搜索。

這次繪畫的主題是和服少年,筆者根據自己的喜好選擇了幾個關鍵詞:冬天、陽光少年、和服、昭和。根據這些關鍵詞我在網上搜尋了一些同時期男性和服作為參考資料,如圖所示。

02

繪製線稿

打開Photoshop,按快捷鍵Ctrl N新建畫布 ,選擇鋼筆 -2畫筆繪製草圖,如圖所示。

01 草圖的繪製過程如圖所示。首先確定好人物姿勢,降低圖層不透明度,再新建一層添加五官、頭髮和衣服等。然後細化草圖,把衣服、五官等結構都交代清楚。

02 繪製線稿,如圖所示。繼續使用鋼筆-2畫筆,並結合鋼筆工具一起完成勾線。如果在勾線過程中遇到不順手的情況,可以用快捷鍵R(旋轉視圖工具)旋轉畫布,以自己順手的角度繪製。

03 繪製衣服線稿。遇到長線條或難以把控的線條時可以用鋼筆工具繪製,目的是為了線條的流暢和美觀,如圖所示。

04 添加閉塞點,如圖所示。線稿完成之後可以用畫筆在每條線交叉點塗一下,做一個閉塞區域。

最終完成線稿效果如圖所示。

02

平塗上色

01 把每一個元素都分開新建圖層,如皮膚一層,頭髮一層等。然後進行上色,並用鋼筆工具繪製選區,填充色塊,如圖所示。

02 在每個區域都塗上顏色後可以嘗試不同的配色方案,如圖所示。

因為筆者想要表現溫暖復古的感覺,所以主色調選擇了飽和度較低的咖啡色,為了使顏色更豐富、有冷暖變化,羽織使用了飽和度低的藏藍色。臉部是最吸引人的部分,所以圍巾選擇了紅色,讓圍巾帶動人們把視線焦點放在臉部,如圖所示。

03 根據配色改變線稿的顏色,例如膚色是肉色的,那麼手和臉部的線條可以適當地加點暗橘色,這樣上色之後會更加自然,如圖所示。

下圖所示為圖層面板的鎖定工具,一旦鎖定圖層就會出現小鎖的標誌,之後用畫筆在上面畫圖只會影響原本就存在的區域。

04

五官、頭髮的上色

上色常用的筆刷是畫筆-2、畫筆-3和噴槍,如圖所示。

01 從膚色開始,用噴槍在鼻頭、臉頰、關節等部分塗上淺紅色,為膚色打底,使人物看上去有血色。然後為皮膚添加陰影並加深暗部,如鼻子、眼窩、耳蝸等,還有頭髮和臉的交界處。最後在鼻頭、嘴部畫上高光,如圖所示。

02 眼睛上色過程,如圖所示。首先,選取比底色更深的藍色繪製瞳孔。然後利用圖層混合模式疊加效果,這裡用到的是柔光模式。最後添加高光。

03 頭髮上色步驟如圖所示。首先繪製底色,再添加陰影,這個時候可以大致把頭髮結構和受光效果表現出來,然後加深暗部,繪製高光,最後添加帽子的投影,這裡選擇正片疊底模式。

一般頭髮的質感表現有3種級別,如圖所示,基礎表現可以選擇1和2,如果想要表現更華麗的質感可以選擇3。

05

衣服的上色

衣服繪製的難點是在褶皺 , 要注意人物左邊的胯骨略向上,再加上腰帶的作用會形成拉伸褶皺,並且手臂、肩膀的位置會形成堆積褶皺,如圖所示。

01 使用噴槍,選取比底色深一號的同色系微弱混色。然後繪製褶皺產生的陰影,這裡運用圖層蒙版工具,可以使陰影有明暗的變化,如圖所示。

在圖層蒙版中,只需黑白關係即可。黑色是擦除,白色是顯現,如圖所示。

02 腰帶的上色過程如圖所示,要點是在底色上繪製花紋後運用正片疊底模式添加陰影。

03 繪製羽織上的花紋,如果直接貼素材會很假,這個時候就不能偷懶,必須自己動手,依據衣服的紋理繪製圖案,如圖所示。

04 繪製好花紋後運用柔光模式混上一些淡藍色,然後用正片疊底模式添加陰影,如圖所示。

05 圍巾與帽子的上色過程如圖所示。要點與衣服的上色方法一致,運用混色加陰影的處理方式即可。

06

整體調整

調整整體的顏色,可以在頂層新建一個圖層,填充淡藍色,選擇正片疊底模式,再添加一個暖色的柔光,如圖 所示。

最終完成效果如圖所示。

好書推薦

《原畫夢 30天學會日系插畫》

本書是一本介紹

日系插畫繪製技法的教程,

通過30天的時間安排,

幫助讀者規劃學習內容,

具體包括角色五官畫法、

人體分解畫法、日常服飾繪製、

上色技法及完整插畫繪製過程等。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 零設計 的精彩文章:

iPad還在吃灰?下個Procreate來畫畫它不香嗎?!
第N次被它刷屏!韓國電影海報厲害在哪?