視覺設計 ? 游戲圖標入門—色彩篇(含色彩訓練作業)

游戲圖標入門—色彩篇(含色彩訓練作業)

發表于: 視覺設計. 評論
Sponsor

圖標的刻畫離不開色彩,因為色彩能夠使圖標更加的貼合現實物體,顯得更加的真實,但色彩的的選擇和使用需要遵循物理邏輯,才能更好的表現物體的真實性,所以學習、了解基礎的色彩的知識是很有必要的。

色彩的誕生

顏色的產生,是由我們的眼睛中不同的波長引起對不同顏色覺察。即我們日常見的白光,實際由紅、綠、藍三種波長的光組成,物體經光源照射,吸收和反射不同波長的紅、綠、藍光,經由人的眼睛傳到大腦,形成顏色,也就是說物體的顏色就是他們反射光的顏色

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

三原色:因為紅、綠、藍在色彩當中是不能被分解的三種基本顏色,又稱三原色,通過顏色之間的混合,可以調配出任何色彩

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

色彩基礎知識

根據色彩產生的原理,物體色彩歸納為三個方面

1、光源色:光源的照射又稱光源色,指物體受光源的影響,能不同程度的吸收、反射、透視光的能量從而呈現不同的顏色,而不同顏色的光源會發出不同的光色,照射到物體的受光面時,物體的色相也會隨之產生變化,而物體受光部分的色彩,一般是光源色和固有色之間的間色(注:光源色分為自然光源色與人工光源色兩種)

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

2、固有色:指物體固有的屬性在常態光源下呈現出來的色彩,而物體呈現固有色最明顯的地方是受光面與背光面之間的中間部分,因為在這個范圍內,物體受外部條件彩色的影響較少。

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

3、環境色:指物體受到周圍物體反射的顏色所引起的物體固有色的變化,環境色對周圍物體顏色的影響在物體的暗部表現的比較明顯。光源越強,環境色反射就越強。物體之間距離越近,環境影響就越明顯。物體的質地越光滑、顏色越鮮艷, 而暗部的色彩除了環境色外,還有與亮部色彩對比產生的補色。

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

(水壺因收到周圍物體的反射,導致固有色產生變化)

色彩影響因素

1、光的反射

鏡面反射: 如果物體表面比較光滑,如玻璃、鏡子等,那么當光線射到其表面時,反射的光束依然平行,這種反射就叫做鏡面反射

漫反射: 如果物體表面比較粗糙,那么當光線照射其表面時,就會發生漫反射,如紙張、墻壁等,漫反射的反射光線是雜亂無章的,向各個方向的都有。

 

游戲圖標入門—色彩篇(含色彩訓練作業)

 

2、產生的影響:

光澤度: 當光線照到物體上,物體表面會產生鏡面反射和漫反射,在高光澤度(鏡面反射能力強)物體表面,鏡面反射的光線相對于漫反射要強一些。

環境色: 由于光的反射作用,使物體受到環境色彩的影響而改變固有顏色

色彩三要素

色彩三要素指每一種色彩都同時具有三種基本屬性,即的色相(H)、純度(S)、明度(B)

1、色相: 色相也就是色彩的稱謂,它是一種顏色區別于另一種顏色的獨特屬性,而色相決定于照射到人眼中的光譜成分,也即光的波長。波長不同的光,在人眼中就呈現出不同的色相。 我們一般把它們按照組成太陽光的七種色光歸并為紅、橙、黃、綠、青、藍、紫七大類。

2、純度: 色彩的純度是指某一種色相顏色的鮮艷程度,也叫飽和度,即某一種顏色的自身形象的完整程度。自然界的顏色,由于受到光線變化的環境因素的影響,單個物體的固有色純度不會是百分百,總有一些偏向,有色彩的各種色都具有飽和度,而區別其飽和度高低的方法是根據這種色中含灰色的程度來計算的。

3、明度:指色彩的明暗程度,是眼睛對光源和物體表面的明暗程度的感知,主要是由光的反射強度決定,最適宜表現物體的立體感和空間感。

游戲圖標入門—色彩篇(含色彩訓練作業)

色彩搭配

1、同類色

以某一顏色為基準,與此色相隔15°以內的顏色為同類色,主要是指單一色相通過明度、純度變化達到豐富的色彩效果,同類色給人的差距很小,常常給人單一、統一、穩定的感覺,可以通過明暗層次來提升畫面的層次感

2、類似色

以某一顏色為基準,與此色相隔30°以內的顏色為類似色,類似色比同類色效果搭配更明顯、豐富,可保持畫面的統一感和協調性,呈現柔和質感,由于搭配效果較為平淡和單調,可以通過色彩明度和純度的對比,達到強化色彩的目的

3、臨近色

以某一顏色為基準,與此色相隔60°—90°的顏色為臨近色,臨近色對比屬于色相中對比,可保持畫面的統一感,又能使畫面顯得豐富、活潑,可增加明度和純度對比,豐富畫面效果,這種色調上的主次感能夠增強配色的吸引力

4、對比色

以某一顏色為基準,與此色相隔120°—150°的任一兩色互為對比色,對比色相搭配是色相中的強對比,其效果鮮明、飽滿,容易給人帶來興奮、激動的快感,作品中常以高純度的對比色配色來表達隨意、跳躍、強烈的主題,以吸引人們目光的作用

5、互補色

以某一顏色為基準,與此色相隔180°的任一兩色互補,互補色的色相對比最為強烈,畫面相較于對比色更為豐富,更具有感官刺激性

游戲圖標入門—色彩篇(含色彩訓練作業)

作業布置:

1、固有色訓練:根據之前繪畫好的素描作業,在確認物體明暗現象后,進行上色,以此來訓練物體的固有色因明暗關系變化而變化的現象

游戲圖標入門—色彩篇(含色彩訓練作業)

2、光源色訓練:同一組物體,通過修改不同的光源色,以此來訓練在不同的光,照射到物體的受光面時,使色相產生變化的現象

游戲圖標入門—色彩篇(含色彩訓練作業) 游戲圖標入門—色彩篇(含色彩訓練作業)

3、環境色訓練:

①單組物體,通過修改不同的環境色,以此來訓練固有色的色相會因環境色的變化而變化的現象

游戲圖標入門—色彩篇(含色彩訓練作業)

②從單個物體的上色到多個物體組合上色的遞增,以此來訓練物體受到周圍物體反射的顏色所引起的物體固有色的變化

游戲圖標入門—色彩篇(含色彩訓練作業)

4、色彩搭配:

根據類似色、鄰近色、對比色….進行色彩搭配,主要是理解色彩搭配概念,以及他們的作用

②自定義主題,根據記憶或經驗將聯想到的場景,通過提取色彩來獲得一系列色彩搭配

游戲圖標入門—色彩篇(含色彩訓練作業)

本文類似大綱,將色彩靜物知識總結概括,在大家學習色彩的時候提供的一個目標,適合搭配一些教程視頻學習,歡迎群內溝通交流

擴展閱讀《游戲圖標入門——素描篇(含作業)》是本教程的連載文章,建議閱讀。

作者:全棧設計交流鏈接:https://www.zcool.com.cn/article/ZMTQ5MzE2NA==.html來源:站酷

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }