鐵之狂傲

 取回密碼
 註冊
搜尋

切換到指定樓層
1#
本文章最後由 空想夜 於 11-5-19 00:54 編輯

這篇其實很早以前有po在別邊
這邊也分享一下嚕!!

圖都有點舊
不過色彩的原理都是一樣的!!
以下拉 :



---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------



我發現常常有人在看我圖
第一印象往往是"色彩"

很多人會很莫名的覺得一張圖為什麼能帶有這麼多種顏色呢
或許把紅橙黃綠藍靛紫都丟上去不是個難事
但難的是要如何讓他們和平共處
看起來繽紛又和諧呢

今天比較有空想說分享一下我對色彩的邏輯給大家
但有一點要些說明
色彩大前提之下有一定的規範
但之後形形色色的變化是要自己去排出一個程序來
沒有絕對的對錯
這往往也可以說是風格差異

總之這篇你喜歡的話可以當做一個參考
你不接受也可以當成一個分解來觀看

以下我就分幾個階段給大家看看嚕
我本身也不是本科系
也沒學過正統色彩學
但我相信各位看完應該就能對色彩有多一步認識



---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------



------------------------------------色彩基本------------------------------------

首先不免要先有枯燥乏味的嚕
但是這些概念是一定要有的
我盡量多放上圖讓這主題活潑一點

--------------------1.色相

這就是我們在painter中色相還外面那圓圈
紅橙黃綠藍靛紫就但表著7種不同色相

00-1.JPG

應用上我們會將這些色相區分為寒暖色
後面在寒暖色上再詳細說明

下面這張其實當你拿去把彩度降到最低
會發現明暗對比很不明顯
這就是依賴不同色相去構成的畫面
往往能讓人感到舒服
適合應用在童書之類的地方

01.jpg

--------------------2.彩度

在色相環中間的三角型里
右邊代表著高彩度
左邊代表著低彩度

00-2.JPG

應用上最常見的是主角使用高彩度會讓人物更鮮明
另一方面以空氣透視法讓遠處色彩彩度偏低
往往能做出非常棒的場景效果

02.JPG

--------------------3.明暗

我想這是大家最清楚的就是色相環中三角型的上下差異

00-3.JPG

應用上除了在素描上的光影深淺變化
進階點的會利用到對比高顯眼的特性
去抓住畫面的焦點

這張是舊圖
這幾天把它翻出來把彩度去除用黑跟白重新調整的
可以觀察到除了基本的明暗
在畫面配置也代入了邊緣低明暗的概念

03.jpg

--------------------4.寒暖

最常看到的分類法是用色相環來說明
綠色紫色是中間色
這兩者上面的是暖色反之為寒色

應用上寒色會退後縮小暖色反之
因此寒色大部分會出現在背景或者當退後色
可以搭配第三點提到的低彩度一起使用效果會更強烈
暖色相反

這張伊利丹(男)設定是在背後
整體色彩偏寒因此可以跟背景較融入
相對於泰蘭妲(女)的偏暖係就可以拉出前進後退的感覺

04.jpg

--------------------5.對比

這是指一個物件在最亮最暗上的差異
差異越大對比越高
但有時候不是單純的只靠明暗也可以靠寒暖色相做出對比

應用上高對比往往可以很搶眼
在主角主題上我們可以用上相對於配角高的對比

05.jpg

--------------------6.間色

間色是指一個指定色相兩旁相近的色彩
例如紅色就是玫瑰紅的間色

00-4.JPG

應用上這是我很常使用到的概念
往往搭配漸層讓2個色相完全不同的顏色可以融合再一起

下面這張色相拉的非常非常大
彩度又很鮮明
正常來說一張臉擺上桃紅 翠綠 深紫 鮮藍
是很難去讓他融合的
但這張在2個對比色相中間放入了間色做漸層
整體不但融洽而且因為繽紛讓人驚艷

06.jpg

--------------------7.固有色

這個就很好理解拉
就是只物體受光後反射出來的顏色
白話點就是
紅色是紅花的固有色
綠色是綠葉的固有色

06-1.jpg


---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------



------------------------------------色相構圖------------------------------------

之後我就用一張算速寫的圖來說明我是怎麼帶入色彩的
在這之前我先說明我使用的是免費軟體Opencanvas1.1
功能非常基本
因此在Opencanvas1.1的過程中我只用1張圖層1隻筆
其中這隻筆幾乎可以說是沒感壓沒筆尖效果
但也因此能很清楚的看出色塊

首先先貼出我參考圖片
但基本上這不重要
因為照片我通常就真的只是構圖參考
只是為了產圖速度
往往完成品的樣子跟色彩與原圖相差不少

07.jpg

接下來就開始作畫拉!!
我使用的是無線繪
在一開始我習慣就直接帶入不同色相的概念
雖然構圖只有短短3~5分鐘
但這過程的好壞會決定你之後是否能順利

08.JPG

這張我先決定的是紫色做為我的退後色
黃色為主光原色
因此首先A我使用了紫色退後色

接下來再做分析

A與B
A是主要的退後色紫色沒問題
但是B為什麼出現了藍色呢
這要牽扯到主光原色黃色了!!
主光源色是黃色因此在他周圍較暗處我會帶入間色綠色
當綠色與紫色要碰撞再一起時
我們再帶入一次間色藍色!!
這也是為什麼在B附近會出現綠色的原因

A與C
一樣拿A做比較
在畫面上大家應該都能理解A與C幾乎是再同一平面
那為什麼C會偏藍色呢?
這就用到了畫面配置的概念
記不記得上面關於對比上有提到主體會使用上高對比
因此再暗面臉的部分我使用最退後的紫色
至於C雖然理論上一樣要紫色
不過基於畫面配置需求我使用較為不退後的藍色來使用

D
這就是光原色黃色但這地方我們不需要這麼重的亮
在我看法里也不至於需要用到綠色
因此我配上了青

E
這點跟D是一樣的
只是胸部是凸起
且在畫面上E屬於前方
所以我會讓他偏綠



---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------



------------------------------------彩度刻畫------------------------------------

接下來就開始做細修調配了
這張彩度低於上一張主要原因是多種色彩碰再一起會有混色效果
混色往往會降低彩度
另一方面就是上一張為了觀察我有另外去拉大彩度

09.JPG

這張可以看出用了更多上面的小概念到每一樣物件里
但這張不同於上一張還多了一個彩度的概念
讓四周退後的地方不指有上面的寒色
更讓他降低彩度
帶入背景色

F
這在頭髮邊緣是偏向後方
因此這裡我把他加入了背景色進去

G
再腋下的部分也是偏離主體
因此帶入的是低彩度

值得觀察的是F跟G
這兩個地方應該會讓人覺得F是比較退後
但是當我吸出顏色卻發現他彩度高於G
這在色彩基本概念里是不合理的
其實主要原因是F帶有背景色
因為他會有很強烈的退後感
這也是我們在畫面上需要去考量的地方

H
這是頭髮蓋住的額頭
因此在調色上比起臉暗面的紫色
我會讓他彩度更低
畢竟這個地方的色彩是有被遮蓋的

最後就是把它丟到painter慢慢細修嚕!!
完成圖就是下面拉

10.jpg

另一張同類型的圖

0360.JPG

以上
希望各位有幫助嚕!!


http://www.wretch.cc/blog/http951/11442282


這是從我網誌轉過來的
也可以從這看喔!!


 
轉播0 分享0 收藏4

回覆 使用道具 檢舉

總評分:  聲望 + 21   檢視全部評分
貓。亞米亞米  看完一次感我良多!!!!  發表於 12-11-4 13:58 聲望 + 1 枚
嗜血戰魂    發表於 11-3-4 20:28 聲望 + 2 枚
§紫蕭§  食用!!(誤)實用!!!!  發表於 11-2-24 05:02 聲望 + 1 枚
k1513000  好強大的分享: )  發表於 11-2-23 23:05 聲望 + 2 枚
boom520gww  讚  發表於 11-2-22 23:11 聲望 + 1 枚
那可沒聽說    發表於 11-2-22 16:15 聲望 + 1 枚
ms72103  實用  發表於 11-2-22 16:01 聲望 + 1 枚
空想夜    發表於 11-2-22 15:02 聲望 + 5 枚
f95773173  好讚的教學!  發表於 11-2-22 14:10 聲望 + 1 枚
空之炎  又上了一課  發表於 11-2-22 13:55 聲望 + 1 枚
joenly  很詳細的分享哦 ~  發表於 11-2-22 13:48 聲望 + 1 枚
開膛手JACK  好詳細!!  發表於 11-2-22 13:41 聲望 + 2 枚
Shitaz  精華!!  發表於 11-2-22 12:44 聲望 + 2 枚

Rank: 4Rank: 4Rank: 4Rank: 4

這篇應該可以分類成 教學心得

這樣之後有類似需求的版友比較容易找到這篇文章喔!


另外補充一個比較冷門但容易混淆的觀念

就是相近色曖昧色,很容易讓人搞不清楚


相近色是色環上角度約60度左右的兩種顏色

配色上使用相近色會讓作品比較有整體感


而曖昧色是色環上角度30度內的兩種顏色

因為顏色過於相近容易讓人分不清楚色彩間的差別,配色上應該要盡量避免~


 

回覆 使用道具 檢舉

總評分:  聲望 + 2   檢視全部評分
開膛手JACK  感謝補充  發表於 11-2-22 21:15 聲望 + 1 枚  回覆一般留言
z810818  感謝空大補充!!那我就改教學嚕 ...  發表於 11-2-22 15:59 聲望 + 1 枚  回覆一般留言

曖昧色.jpg

上排第一種的排列就很接近空大所說的曖昧色
相鄰的2色差異不大,對比小,不容易區別

第二排將順序打亂之後,相鄰的2色感覺對比較大,較容易區別

之前在書上看到的
 

回覆 使用道具 檢舉

總評分:  聲望 + 2   檢視全部評分
duckhugh    發表於 11-3-1 00:03 聲望 + 1 枚  回覆一般留言
z810818  感謝補充!!  發表於 11-2-23 00:14 聲望 + 1 枚  回覆一般留言
你需要登入後才可以回覆 登入 | 註冊

存檔|手機版|聯絡我們|新聞提供|鐵之狂傲

GMT+8, 24-11-5 21:47 , Processed in 0.021554 second(s), 19 queries , Gzip On.

回頂部