●  995 m 6 3/18 sunrainworm  □ [倫語格鬥] 基礎點圖教學(2)
文章代碼(AID): #17tsExTp

作者: sunrainworm ((破殼中)) 看板: C_Chat
標題: [倫語格鬥] 基礎點圖教學(2)
時間: Tue Mar 18 14:39:51 2008


那麼，這次主要要談的是配色方法

有關顏色和顏色組合對於人的心理影響太過深入，這裡不多著墨


首先，各位應該多少都知道吧

電腦上的顏色是由RGB三種色光的數值組合而成

如：       R    G    B
        (  0,   0,   0) 是黑色
        (255, 255, 255) 是白色
        (255,   0,   0) 是紅色
        (  0, 255,   0) 是綠色
        (  0,   0, 255) 是藍色
        (255, 255,   0) 是黃色
        (  0, 255, 255) 是青色
        (255,   0, 255) 是品紅

詳細資料可以參考wiki的介紹
http://zh.wikipedia.org/wiki/RGB%E8%89%B2%E5%BD%A9%E6%A8%A1%E5%9E%8B


不過這對我們並不直覺

通常我們比較希望直接調一個顏色的濃淡、明暗

例如說我覺得顏色太亮，調暗一點

想要配陰影色，把原來的顏色調深一點、暗一點

也希望可以直接找對比色(互補色)、近似色

在此需求下產生了HSV顏色表示法


HSV(或稱HSB)包含：

1.Hue(色相)

2.Saturation(飽和度、色度、彩度)

3.Value或Brightness(明度、顏色的亮度)

習慣上，我中文直接翻成色相、彩度、明度


基本上HSV和RGB是互相對應的，有一套公式可以互轉


而在SAI上提供了這樣的HSV調色盤
http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1084010&p=0

透過最外層的色環可以調整色相值

這裡稍微提供一些簡單的色知識：

1.在色相環中，一個顏色的左右45度內的顏色是這個顏色的近似色

  搭配起來通常會有協調溫和的感覺

2.在色相環中，一個顏色的對面180度的顏色是這個顏色的對比色

  搭配起來通常會有強烈的感覺


至於當中的方塊，如圖所示，兩邊各代表彩度和明度的數值大小

箭頭的方向指向較大的數值

S值(彩度)越大顏色越鮮艷；V值(明度)越大顏色越明亮


然後你可以打開HSV調整桿稍微調整看看一下效果
http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1084012&p=1


基礎知識就到這裡，後面的冷暖色因為不太可能用到，所以沒提


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

在畫點圖之前，請務必、務必....務必先有一張設定參考的圖

這張設定參考必須是全身(包含腳)，當然身上有什麼東西越詳細越好

如果有被衣服擋住的配件、裡衣最好畫出來


盡量不要在你畫第一張點圖時，什麼都沒有參考就去畫

這樣做的情況下，通常做出的點圖品質並不高，而且會花非常多的時間在修改上面

而如果你有了一張設定參考，你就會很清楚自己要做的是什麼

即使角色身上的零件一大堆，你也可以很清楚地畫出來

甚至做一些加強質感的部份


基本上設定參考的圖不需要畫得太好，弄個清楚的草稿就行了


那麼接下來這裡的配色有二個階段：

第一個階段是設定參考的配色

第二個階段是點圖顏色的配色

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

一.設定參考的配色：


當然，如果畫設定參考的繪師本身已經做得很好的話，這部份就不必擔心

不過有鑑於部分板上繪師對此概念不是很清楚

因此特地為這部份做一些簡單的介紹


首先當然是先來看圖，直接提理論不一定能接受
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1080119&p=13

有觀察出什麼嗎?


如果我們單看衣服，且只看"面積最大的主要顏色"的話，如下：

(這裡不考慮同一色系的陰影色，只取出最亮的部份的顏色來看)

萃香-> 紫色 + 淡粉紅色(白色)

紫-> 紫色 + 白色 + 黑色

幽々子-> 淺藍 + 深藍 + 白色

妖夢-> 青綠 + 白色 + 黑色

レミリア-> 紅色 + 白色

魔理沙-> 黑色 + 白色

靈夢-> 紅色 + 黃色 + 白色

咲夜-> 深藍 + 白色

パチエ-> 紅色 + 淡粉紅色(白色)

アリス-> 青藍 + 白色


這樣應該更清楚了吧

基本上就是"0~2個主色+黑色或白色或黑白二色"


這裡有一個特別的色知識：

"在一般情況下，黑色、白色、灰色可搭配其他顏色而不會破壞美感"

因為黑、白、灰是無色系的緣故

因此可以和其他顏色分開討論


至於有2個主色的，這裡像是幽々子、靈夢都是選近似色

一般來說比較不建議選太多顏色當主色，3種以上的主色就會顯得難以控制

如果沒有把握的話就選一個鮮明的主色搭配黑白二色就有不錯的效果


不過有關黑白二色，有些使用上的限制：

1.如果整體顏色很暗，白色的部份會顯得太亮

  如果整體顏色很亮，黑色的部份會顯得太暗

  因此使用上會稍微調一下亮度成亮灰色或暗灰色來使用


2.一般不直接使用純黑色，而使用暗灰色或暗褐色等接近的暗色來代替

  除了因為第1點外，也是為了不要蓋掉線的緣故


3.在強調有色光的情況下，會使用接近白色的色代替純白色，有一點點的彩度

  同時白色的陰影色也不是純灰色


有了主色後，你可以進一步決定副色

通常是面積較小的色，如：花紋、珠寶飾物、小緞帶等

這裡你當然可以用現有的主色、黑白色

或者主色的近似色

至於對比色的效果強烈，一般比較不好掌握


頭髮的情況比較複雜，目前比較趨向於和副色做同樣處理

一般來說，髮飾、帽子的顏色也要和頭髮搭配

沒有把握的話，就不要弄出太多顏色，看起來會很雜的


最後是皮膚色、眼睛顏色

皮膚色基本上都是一樣，不需要擔心

眼睛顏色有人會選擇頭髮的顏色

不過一般因為面積過小，影響不會太大，基本上選明度滿、彩度高的顏色即可
                                            (值255)


那麼接下來有個問題："顏色要從哪裡來?"

初學者一般並不能直接從調色盤取出適當的顏色

如果是單純畫圖的話，我習慣從個人的圖庫中找顏色，然後再做適當調整

不過我們這裡傾向從萃夢想中取出顏色

然後試著做一些色相、明度、彩度的調整，這部份我們最後會再提到


我有在第一篇教學附上基本點圖

裡面包含2P的配色，2P的配色雖然差一點但也可以拿來用



最後再提醒一次，沒有把握的話就不要配太多顏色

多試幾次，有時間的話就多配幾種配色

像是之前我給oldfool大當參考用的孔丘配色：
http://album.blog.yam.com/show.php?a=sunrainworm&f=4086220&i=1110670&p=2

以左邊為例，主色是紅色 + 黃色 + 黑色

不清楚最後是inschool還是oldfool決定的配色：
http://album.blog.yam.com/show.php?a=sunrainworm&f=4086220&i=1110671&p=3

主色是紅色 + 白色 + 黑色，副色是黃色

感覺比我配的多了一點清新豪爽的味道

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

二.點圖顏色的配色


那麼接下來就要決定點圖會用到的顏色了

前面陰影色沒有講清楚，這裡先來詳細的定義一下

我們拿妖夢的點圖作例子：
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1110676&p=14

如果我們要取衣服的青綠色出來，會取出三種顏色：
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1110678&p=15

這裡我們由暗到亮依次稱之為極暗色、暗色、明色


之前我是稱作暗色、一般色、明色，不過一般色的名字取得不好

而且一般我們點圖先從明色開始畫比較快，而不是先從一般色開始

(之後教到上色的部份就會知道)

所以這裡重新統一稱為極暗色、暗色、明色

另外在第一階段提過可以從點圖中取色，我們一般直接取明色來用


一般來說，三種顏色就足以表達細緻的層次感

而且這三種顏色通常明度會有一段差距

以這裡的青綠色來說依次為56、121、194，數值至少差了65左右

其他顏色應該會不太一樣，不過我沒深入去研究


然後是頭髮的部份，頭髮和衣服不太一樣，會多一種反光的顏色

即極暗色、暗色、明色、反光色

一般來說，明色為較亮的黃色或灰色時，反光色通常為白色

如魔理沙
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1110685&p=16

其他則是比明色稍亮一點的顏色，如靈夢
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1110690&p=17

不過像是妖夢的髮色用了5個顏色，可以視為特例，一般不需要那麼多的顏色
http://album.blog.yam.com/show.php?a=sunrainworm&f=3775651&i=1110692&p=18



定義完點圖中的顏色後，我們回來討論配色


那麼現在你已經有了一張上了色的設定參考，你如何把它轉為點圖需要的顏色?

方法有二種：

1.直接從萃夢想點圖中取出類似的一組顏色：

        對，不要忘了我們的目標：

        "所有人物放在一起時，不會覺得有些人物顏色很突兀，太暗或太亮"

        最簡單的方法就是從已經配好色的萃夢想點圖中取出類似顏色


        我畫的冉耕點圖就是用這個方法去做的：
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4081143&i=1062273&p=9

        其實仔細看，就可以發現我用到了幽々子的配色
  http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110705&p=2

        尤其是頭髮和衣服的部份，不過嫌她白色的陰影色是粉紅色系

        白色裙子的部份改成了其他人的配色


        一般來說，使用這個方法，顏色的感覺會和設定參考差太多

        可以看一下冉耕的設定參考：
  http://album.blog.yam.com/show.php?a=sunrainworm&f=3637090&i=147231515&p=98

        我這張設定參考的衣服的淺藍色就是同樣的顏色，所以看起來還好

        不過一般情況不一定配得好，因為顏色都不太一樣了


        一般會使用這個方法的情況，主要有下面三種：

        (1)設定參考的顏色本來就是從中取出

        (2)黑色、白色、灰色等無色系的色，因為本身沒有色相變化、彩度變化

           所以有符合的就可直接用

        (3)皮膚色、眼睛的顏色


        其他的情況要自己斟酌看看再決定是否要使用


2.轉色

        接下來這個方法要用到HSV調色盤


        一般來說，你通常沒辦法從萃夢想的點圖找出相似的顏色來用

        例如說下面是silia7大的周天子
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4086220&i=1076612&p=0

        現在你要找出一組頭髮的配色－極暗色、暗色、明色、反光色

        而且明色希望就是原本設定參考的頭髮顏色：
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110717&p=3


        怎麼轉呢？

        首先找出明度、彩度相似的點圖明色，這裡我們很幸運的找到了咲夜的頭髮：
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110727&p=4

        雖然明度差了一點，不過轉色後可以再細細調整

        接下來把咲夜頭髮的四個顏色挑出
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110734&p=5

        每個把色相調到跟周天子那個顏色一樣就轉色完成，不過我還做了些手動調整
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110747&p=6

        當時是不看HSV的值各別調的，所以色相值有些不同

        其中調最大的是反光色和明色，嫌轉色後暗了點，調高了明度



        轉色的方法大概就是這樣，也許有人會想用SAI的濾鏡處理

        不過我建議一個色一個色慢慢調


        另外比較特別的是，我是邊畫邊轉

        當然你也可以先畫個大概，試出顏色後再正式做點圖


        如果事先有試出顏色，你可以利用SAI中的使用者色盤存起來：
   http://album.blog.yam.com/show.php?a=sunrainworm&f=4089063&i=1110752&p=7

        用右鍵點格子，選"添加色"即可把現在顏色存起來

        用的時候在格子上點左鍵

        當然你也可以把一坨顏色放在畫布上，要用的時候在上面點一下右鍵

        就會自動選取顏色

        不過我個人是習慣畫在點圖上，直接從上面點右鍵選顏色

        基本上隨個人喜好



        接下來回來探討轉色的一些問題

        首先，這次只是很幸運剛好有類似的明色可以用

        如果都找不到呢?


        那麼，可能其他三色要自己想辦法配出

        為了避免這種情況發生，我們要在一開始設定參考決定配色時

        就使用可以轉色的明色

        再調整色相和一些明度、彩度到自己想要的顏色

        要記住，因為選的是明色，底下還會有暗色和極暗色，不可以調太暗

        至於要選哪一個明色當轉色的基礎，比較推薦用明度去看

        例如說這次要的是暗一點的顏色的頭髮，可能偏向用咲夜或靈夢的顏色來轉

        依此類推，亮一點的就用比較亮的顏色去轉色

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

一般來說，顏色交由同一個人處理會比較好

不過我們不需要這麼苛求，所以寫了這一篇


本人嘗試的點圖還不夠多，其實不是很確定這些方法對每個人是不是都有效

不過到目前為止都還不錯，至少試驗了四張點圖

如果板上諸位對此有些心得或想法也歡迎提出


那麼，我們下一個教學是要來畫點圖的骨架

有興趣的人可以開始準備畫設定參考圖了


另外附上網誌版
http://blog.yam.com/sunrainworm/article/14312854


--
                             合抱之木，生於毫末。

                             九層之臺，起於累土。

                             千里之行，始於足下。

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.166.11.42
※ 編輯: sunrainworm     來自: 118.166.11.42        (03/18 14:41)
推 asleisureto:未看頭推!!
推 spykin:看到頭暈先來推
推 hatter:推
推 popololos:推
推 oldfool:那是inschool配的色  順帶提一下 周尚紅  商尚白...
→ oldfool:不過若照倫語中孔丘說的穿衣哲學，她不會穿豔紅系的衣服XD
→ oldfool:所以就別太鑽牛角尖了XD
推 oldfool:說起來丘不是聖人...  倫語的孔姐真的美化很多...