LV. 20
GP 1k

【心得】服裝配色原理分享

樓主 Evaty any31332
GP458 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

請先點選右上開啟圖片


之前在教水彩的書上看到了一些色彩學的東西
我想也可以應用到瑪奇的服裝染色上
所以加上自己的經驗打在這裡分享給大家=W=+

因為是比較專業的知識...
有些術語最好先瞭解比較看得懂
已經瞭解的就跳過吧~

*******************************名詞解釋*********************************

1.原色

WIKI上有詳盡的解釋,趕時間的話不看也沒關係
什麼是原色?

原色的定義是指不能透過其他顏色的混合調配而得出的「基本色」。
這篇提到的原色是指"光的三原色":紅、綠、藍(RGB)


2.對比色(=補色)
一個顏色的對比色,即位在色相環對面的顏色
例如藍色的對比色就是黃色


畫面正中央三角形是光的三原色,選擇一個原色,它對面的兩個原色相加即為他的對比色。ex.紅色  的對比色是藍色    就是藍綠色  


3.色相、彩度、明度

色相
光的頻率,舉例來說就是紅色、黃色、藍色等,色相環就是把顏色排成一圈,見上面的色相環圖片。
                                

彩度
鮮豔的程度,原色的彩度都是100%,因此原色相加也是100%。
彩度0%的顏色只有白、灰、黑,將原色加入白灰黑才能夠降低彩度。
ex:
彩度100%         
彩度0%             

明度
明亮的程度,100%時是白色,0%時是黑色

要注意的觀念:
明度高和明度低的顏色都無法達到100%高彩度...所以只有明度50%的顏色才能成為擁有和原色相同的超級鮮豔度,舉例來說:粉紅色再鮮豔也不會比紅色鮮艷,鮮豔的咖啡色也不會比鮮紅色刺眼,也就是說,紅色+白色或是黑色 都會改變他的明度同時降低他的彩度


把色相環和明度彩度綜合在一起,就會得到一個色彩空間,理論上所有可見光都會在色彩空間中。H=色相,S=彩度,V=明度


更詳盡的色彩學請見樓下"明日天晴"的文章~

*******************************配色要訣*********************************

1.不要使用太鮮豔的顏色
2.使顏色既協調又對比



1.不要使用太鮮豔的顏色

因為現實世界中鮮豔度100%的原色其實非常少見,ex         
大部分都會偏向其他的顏色一點...就像純紅色的蘋果不存在是一樣的道理
所以會降低一點鮮豔度比較自然。


可以感覺一下哪邊比較自然


2.使顏色既協調又對比

要使顏色協調,要先解釋色偏的概念
紅色這個原色做例子


紅色的偏色就在他的兩邊,往左偏可以得到品紅,往右偏可以得到橘色

品紅就是紅色+藍色橘色就是紅色+黃色

現在再加入另一個原色:綠色

找到他的偏色,一個黃綠色,一個是藍綠色


現在把兩個原色的偏色拆開來比較

兩個顏色相近的偏色放在一起的效果就是協調
較遠的兩個偏色放在一起就是對比
因此有人可能會想:色相環上越接近就越協調,越遠就越不協調。

但實際上這說不盡然正確。

舉例來說,對比色的品紅藍綠色,即使放在一起(見下圖),也不會像紅色綠色那樣不協調是為什麼?

↑動畫電影"無敵破壞王"的女主角

因為品紅藍綠色雖然在色相環上各據一端,但他們都是原色往藍色的方向色偏。
也就是都包含藍色的成分,不像紅色綠色是兩個完全獨立的顏色,彼此沒有任何一點共通性。

因此我們應該改成說:如果兩個顏色包含的共同顏色成分越高,彼此就越協調。即便是對比色,也會比原色來的協調。

現在用色偏的概念來分析梅瑞艾的衣服:
把頭髮的草綠,衣服的橘色和土黃放到色相盤上,可以看到他們的位置非常相近,所以這幾個顏色看起來較協調
他的粉紅色的眼睛位在色相環上較遠的位置,就和其他顏色就會形成對比,製造出焦點的效果。



至於黑色白色
他們彩度過低而沒有色相,因此不會與任何顏色相衝
也就是他們永遠都會和其他顏色在色相協調

但卻會產生明度上的對比

可以看出梅瑞艾的白色衣領和外套黑色絨毛位在明度表上較遠的位置,因此有對比的效果
而頭髮和衣服的顏色相近,於是有協調的效果

最後把梅瑞艾身上的顏色丟到不太準確但比較好懂的色域圖上

眼睛、頭髮和外套的顏色都集中在中間的高度,這是彩度協調
外套的黑絨毛和白襯衫則在上下的位置,他們彼此的彩度都很低,因此彼此之間是彩度協調
但和中間那些鮮豔的顏色比較,就是彩度對比

整理起來如下:

衣服顏色VS頭髮
色相協調,彩度協調,亮度協調

衣服顏色VS外套的黑絨毛和白襯衫
色相協調,彩度對比,亮度對比

眼睛顏色VS衣服顏色
色相對比,彩度協調,明度協調

外套的黑絨毛VS白襯衫
色相協調,彩度協調,明度對比

因此我們可以知道,協調與對比必須共同存在,才能製造出焦點與重量又不失協調的美感。

當你發現身上衣服某一塊的顏色怎麼看怎麼詭異時,很有可能就是對比太強烈。如果你覺得服裝看起來好平淡沒有特色,那可能是過度使用了協調,就可以考慮加上對比。

P.S 一般來說,要製造重量,畫面中就一要有明度低的東西,但要是所有東西明度都很低,就會黑成一團失去焦點,因此有亮有暗是最佳的狀況。這時後黑色白色就會非常好用,因為他們色相協調,卻有亮度的對比。


*******************************整理與應用*********************************


1.單一色系
只使用一個顏色或色系做主角,最中規中矩的安全配色
色相協調、明度對比

2.鄰近色系
使用兩種相近色系當主角
色相協調、明度對比

3.對比色
使用兩種對比的色系當主角
色相對比、明度協調

1.單一色系

方法1:使用黑或白色做主角,加上一個顏色點綴

最簡單的配法,只要你的頭髮夠鮮豔,衣服直接染黑白灰都可以搭,缺點是看久感覺很單調...
見下圖:


(請無視大提琴)

更極端一點,你甚至可以只有眼睛有顏色,剩下用黑白灰,一樣能搭,只是不太有趣。
對於染什麼顏色都很怪的衣服適用。

(左邊)


方法2:使用一個顏色做主角,配上黑或白

應該是最常見的配法,這種搭法的重點在節奏感,把主要顏色用黑或白色截開。
舉例來說,如果是藍白裝
那從頭到尾看起來就要是藍白藍白藍白...
不要是藍藍藍白白白,見下圖


藍色+白色
如果是藍白配,那藍色就不宜選深藍,相反的,如果是藍黑配,藍色就不適合用淡藍。
這是因為白藍之間彩度對比太強,因此把明度拉近取得協調。
另外金色的肩章雖然是藍色的對比色,但面積非常小,因此反而有點綴效果,這後面會詳細說明

單一顏色配黑白的配法,對於資金不夠的玩家很適合,只要把鞋子染黑或白就可以百搭所有衣服。一般來說,上半身要淺,下半身要深,比較不會頭重腳輕,但這不是絕對的。
舉例:




方法3:使用一種色系從頭配到尾,不使用原色

整體性高,但較缺乏焦點。

葛尼提斯衣服上的三種藍+髮色都在色相上有些微不同,讓藍色層次更加豐富,變得比較耐看。
藍紫色的眼睛離其他顏色都較遠,形成色相的對比,成為焦點。


方法4:一種色系從頭配到尾,輔以黑or白(寒或暖)
上面的延伸,就是再加上黑或白而以。
主要是利用相同色系的顏色做出細部變化,用黑或白色來襯托與凸顯主要顏色


中性藍綠色+微米白


從頭到尾都是咖啡色,只是濃咖啡和淡咖啡的差別,髮色當然也可以咖啡色,只是那樣會失去焦點,因此選用暖白(米白),讓深色的眼睛突顯出來。


酒紅+深紅(傘)+粉紅+粉白+黑
酒紅控的我當然一定要有一套紅到死的套裝...這裡之所以不使用純白色而用粉白色,是因為衣服整體偏暗,染成純白色(#ffffff)會太突出,搶走人物的焦點。



2.鄰近色系

使用色相環上接近的色系,可再加上黑白色襯托
ex


米黃與朱紅色(偏黃的紅),故意做出少數民族的感覺。毛的部分選用棕黑色,看起來更像獸毛。


很早期的衣服,沒什麼錢沒辦法染很準(染得太灰了),也是黃色系和紅色系搭配,但紅色選偏藍的品紅,比較女性化。



紅色偏藍的桃紅+藍色偏紅的深紫,彩度不要太高避免其中一個顏色過於突兀
請注意色域圖上幾個使用到的顏色都集中在一個半邊,用色越集中整體性就越高,但相對比較不有趣,看久會乏味。
金髮與紫色是較為對比的顏色,配法接下來會說到。關於腰帶之所以選淡褐色,是為了不要讓他過於突顯,所以用膚色加深一點的淡褐色做點綴

3.對比色

用不好容易吵架的顏色,接下來就介紹如何讓對比色也能協調共存。

方法1.讓顏色面積差距很大,變成點綴效果

藍綠色的耳環VS褐色皮膚和紅黃色的飾品


方法2.讓兩個顏色的彩度降低。(彩度協調)
因為色相上已經對比了,所以把彩度和明度改成協調,通常可以解決問題
這張是朋友配的,請注意藍色與咖啡色在色相環上幾乎是各據一邊,但他使用的彩度都是中等以下,同時還有面積差距,因此放在一起會讓人有咖啡色點綴在藍灰色上的低調華麗感,增加了趣味卻不會吵架。

方法3.使用偏色
這是路人...如果本人覺得不妥請告訴我QAQ

就是避免使用原色,他使用的綠色偏藍,粉紅色也是偏藍,兩個顏色在色相上就有了關聯性,中低彩度,明度做出適當的差距,讓人物有重量,搭在一起很協調,尤其綠色上的粉橘也是避開原色的做法。

方法4:提高亮度(亮度協調)

淡紫羅蘭色(藍紫色)和淡金色,粉色系少女配色(睡衣)
提高亮度彩度就會降低,面積差距大。衣領的橘色和手環的粉紅,面積很小所以用色上比較自由,但一定要選擇粉色(高明度低彩度),為了在彩度上協調(因為色相已經對比了)。


*******************************完*********************************

以上的規則都並非絕對,是讓大家來檢視自己的配色用的,其它還有更多的影響因素,像是衣服剪裁、色盤分配、性別、職業、...,但最重要的還是個人喜好。當你選定一個喜愛的色系後,就可以用上面的方法推敲出適合搭配的顏色,不要太拘泥於規則比較容易展現出個人風格。

還有問題的話請再提問^^

樓下"聖慈"大大提供一個可以自由設計配色的網站,可以參考看看~

(對不起我好像講得太深奧了OIZ...實際上只是希望增加大家對色彩的認識而以...)        
                           
458
-
未登入的勇者,要加入討論嗎?
板務人員:

12232 筆精華,前天 更新
一個月內新增 64
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】