當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

色彩知識,講解游戲中的色彩運(yùn)用(4)

來源:站酷 作者:mikiIJ 學(xué)習(xí):6816人次

在不同的行業(yè)對顏色的運(yùn)用和理解方式都不太一樣,大眾之間廣泛流行的色彩心理學(xué)對于我們游戲行業(yè)其實(shí)也不見得完全適用,所以你讀完了每天學(xué)一點(diǎn)色彩心理學(xué),也覺得沒什么長進(jìn),總之色彩是一個復(fù)雜的話題,搬來一篇討論游戲中的色彩的文章分享。

譯文:

www.theoat.com.cn_044QA357-0.jpg

色彩學(xué)跨越了多個學(xué)科比如:物理學(xué),生物學(xué),心理學(xué),藝術(shù)與設(shè)計。在為藝術(shù)家創(chuàng)造感情,為游戲設(shè)計師突出功能,甚至是分割市場等方面,色彩都是一個非常有用的工具。在這篇文章中,我們來看看游戲中的色彩----色彩的功能,色彩顯示技術(shù)如何提高,以及生物學(xué)是如何影響色彩的感知的。

色彩在游戲中的功能

視覺顏色的主要功能是為了更容易辨別物體,在游戲中的色彩運(yùn)用也體現(xiàn)了這一點(diǎn)。我們在游戲中把蘋果做成紅色,因?yàn)樗诂F(xiàn)實(shí)世界也是如此,這樣我們可以在游戲中更容易識別它。不過,色彩在游戲中還有其他的功能,就像它在電影,藝術(shù)和設(shè)計中一樣,這一部分我們來介紹色彩的這些屬性。

情感

色彩是喚起情感的有效方式。下面是一些例子,每一個都具有獨(dú)特的情感意境。

www.theoat.com.cn_044QA260-1.jpg

顏色分級(Color grading從電影中而來)

是一種常見的手法,調(diào)整游戲畫面的色彩曲線,通常是為了改變所傳達(dá)的情感。

www.theoat.com.cn_044Q63445-2.png

有時候,色彩變化也用來減少對情緒的影響。例如,為了看起來沒那么暴力,有些游戲的血液顏色規(guī)定為綠色才可以通過審核(如德國)

品牌和時尚

色彩對于游戲的品牌推廣中扮演著重要的角色,使玩家一眼認(rèn)出:

www.theoat.com.cn_044Q63M7-3.png

《傳送門》的藍(lán)色和橙色

www.theoat.com.cn_044QC500-4.png

《鏡之邊緣》的亮紅色

www.theoat.com.cn_044QB617-5.png

《馬里奧兄弟的》藍(lán)色

www.theoat.com.cn_044Q642S-6.png

《肉食男孩》的肉紅色

www.theoat.com.cn_044QB002-7.png

以及《邁阿密熱線》的艷粉紅色

除了增加游戲的識別性,色彩還可以幫助區(qū)分其目標(biāo)受眾,

比如:休閑游戲多用明亮的色彩;而寫實(shí)的色彩常見于硬盒的游戲

www.theoat.com.cn_044Q62357-8.png

休閑游戲

www.theoat.com.cn_044QCY0-9.png

FPS游戲

在選擇顏色的時候也經(jīng)常收到當(dāng)下的時尚影響,下面是最流行的5種顏色樣本,跨越三十年

www.theoat.com.cn_044QC1I-10.png

2012年開始色彩開始向明亮的寶石藍(lán)色和綜橙色轉(zhuǎn)變。

均勻顏色減少,使用投影和大氣照明,使游戲畫面變得越來越現(xiàn)實(shí)。許多游戲都故意使用降低飽和度來達(dá)到著色的真實(shí)感。

www.theoat.com.cn_044Q61B5-11.jpg

視覺層次

游戲畫面中的元素會自然形成重要基本的層次。比如,角色>敵人>互動的對象>背景元素。

顏色可以幫助這些層次在視覺上區(qū)分清晰。在視覺作品比如繪畫和電影中,這個原則也用來引導(dǎo)觀眾的視覺焦點(diǎn)。

在交互產(chǎn)品中,色彩也是至關(guān)重要的,它可以幫助玩家明白應(yīng)該怎么做,去哪里,誰進(jìn)攻,拿起什么。

黑白關(guān)系,飽和度和色相,都是用來劃分層次的重要元素。

www.theoat.com.cn_044Q63039-12.jpg

關(guān)注在黑白關(guān)系

www.theoat.com.cn_044QC5b-13.jpg

關(guān)注在飽和度

www.theoat.com.cn_044Q630Y-14.jpg

關(guān)注在色相

等級

色彩能給玩家進(jìn)展的感覺,時間或空間變化的感覺

在《旅途》(Journey)中,隨著情緒的變化和色彩也發(fā)生著變化

在《Geometry Dash》中,背景是彩虹的順序,這是為了讓游戲等級的感覺更加鮮明。

www.theoat.com.cn_044QB250-15.jpg

游戲機(jī)制

有些游戲利用顏色開拓新的玩法

《Exit Palette》是一個混合顏色的益智游戲,目標(biāo)是通過混合不同顏色到達(dá)每個關(guān)卡的出口。不同的顏色會有不同的屬性(比如飛起來)你可以通過混合正確的顏色獲得特定的屬性來解決這一關(guān)卡的難題。

www.theoat.com.cn_044QCZ2-16.png

《HUE》是一個顏色游戲,玩家利用轉(zhuǎn)換世界的顏色,使某些障礙物消失。

諸如此類基于顏色玩法的游戲還有很多

www.theoat.com.cn_044Q61934-17.png

標(biāo)識性

在游戲中色彩經(jīng)常被用于識別不同的元素,并提醒玩家元素的屬性

www.theoat.com.cn_044QB428-18.jpg

身份標(biāo)識

色彩標(biāo)識(glyphs)用于組合和區(qū)分游戲中的元素,比如區(qū)別玩家,和游戲角色已經(jīng)區(qū)分游戲區(qū)域。

www.theoat.com.cn_044Q63131-19.jpg

www.theoat.com.cn_044Q62423-20.jpg

標(biāo)識通常用于游戲里,比如敵區(qū)和自己的領(lǐng)土《大國崛起》

指向標(biāo)

指向標(biāo)(Signifiers)用于傳達(dá)給玩家一個游戲內(nèi)某個元素的走向,一個區(qū)域或者物品的顏色傳達(dá)出它是否可以互動或者如何被使用。

www.theoat.com.cn_044Q61a5-21.jpg

在《傳送門2》的游戲中,玩家通過藍(lán)色的洞和橙色的洞來完成關(guān)卡

www.theoat.com.cn_044QAX5-22.png

如《鏡之邊緣》跑酷模式,亮紅色的物體表示你可以利用它來跑動或前進(jìn)。

www.theoat.com.cn_044Q64605-23.jpg

這里,顏色用來區(qū)分不同的藥水成分,《Pirates of the Caribbean Online》

內(nèi)容的變化

顏色的改變是增加游戲內(nèi)容最廉價的方式

在藝術(shù)表現(xiàn)的游戲中,物品等級的概念傾向于做的看起來非常相似,并且容易伴隨游戲深度而延展

改變各個等級的背景顏色在視覺上表現(xiàn)更加明顯,并且讓玩家對游戲中的種類屬性和深度有很好的感覺。

《Splice》就是這樣一個游戲

(這段有些難理解,翻譯的不一定準(zhǔn)確,歡迎指正)

www.theoat.com.cn_044Q64301-24.png

另外有些游戲,比如《Tiny Wings》和《Blowfish Rescue》,使用算法來產(chǎn)生無限的配色模式。

www.theoat.com.cn_044QCI5-25.png

www.theoat.com.cn_044QCL3-26.png

改變顏色也可以用于增加更多的內(nèi)容,調(diào)色變換,是在空間有限的情況下,增加敵人或者游戲內(nèi)物品的一個非常常用的方式。直到今天,這種技術(shù)依然很流行。

www.theoat.com.cn_044Q63960-27.PNG

*

*

*

這里的一段是關(guān)于RGB畫面技術(shù)演變的討論,從1974開始的關(guān)于一些游戲引擎的發(fā)展,我不翻了啦

總之就是科技的進(jìn)步使我們可以使用越來越大的色域。

色彩生物學(xué)

色彩是大腦感知光線反射離開對象,撞擊視網(wǎng)膜的結(jié)果。然而不同的顏色可以有不同的生物效應(yīng),而不是所有人看到的顏色都相同。這可能會影響玩家在游戲中的體驗(yàn)。

生物效應(yīng)的一個例子:我們?nèi)绾慰创t色。

紅色光譜聚焦在視網(wǎng)膜更后方,使我們認(rèn)為紅色的區(qū)域更靠前,這也可以解釋為什么紅色能夠捕獲更多視覺重點(diǎn),(比如鏡之邊緣),這個也是為什么我們看到下面的暖色調(diào)比冷色調(diào)要更加靠前更加強(qiáng)烈。

www.theoat.com.cn_044QB411-28.png

—————————————————————————————————————————————————

Miki醬:總之,色彩在游戲中有著多種多樣的意義和屬性,這篇文章列舉了很多在游戲中使用色彩手段,隨著技術(shù)的發(fā)展也會有更多的表現(xiàn)形式出現(xiàn)吧。希望我的翻譯腔早日痊愈。(? ?_?)?

www.theoat.com.cn_044Q62L8-29.jpg

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!