有不少人問(wèn)我，在我的作品中如何和色彩打交道，是否可以一起做個(gè)演練介紹。我將盡我所能來(lái)解釋我通常工作中利用顏色分級(jí)的一些工具和小技巧，其中一些可能對(duì)你有幫助，有些可能沒(méi)什么用——當(dāng)然，全都免費(fèi)。
我曾經(jīng)在傳統(tǒng)紙媒工作，為了使圖片與文章內(nèi)容保持一致性，我們必須從很多圖片中選取一組照片再用到該文章里，為此我們需要做一個(gè)相當(dāng)大的負(fù)載的顏色分級(jí)的主場(chǎng)景——這是設(shè)計(jì)圖像中很大的一個(gè)障礙。通常，這意味著夸大一個(gè)場(chǎng)景的色調(diào)去適配一個(gè)特定的編輯基調(diào)。有些時(shí)候，它意味著重新渲染全部場(chǎng)景。
圖片來(lái)源：Joshua Earle
我們的作品如何傳達(dá)，色彩事關(guān)重大。正確的基調(diào)可以通過(guò)氛圍營(yíng)造創(chuàng)造特定的情感層次，反之，色彩錯(cuò)配則會(huì)產(chǎn)生與敘事的沖突和不和諧。成功作品的產(chǎn)生關(guān)鍵在于正確搭配色彩。通過(guò)它，我們可以積極暗示，引導(dǎo)，甚至激發(fā)我們的受眾欣賞作品。
讓我們看看一個(gè)例子，基于同一對(duì)象不同顏色帶來(lái)的影響：
來(lái)點(diǎn)水果姐的音樂(lè)？
盡管這兩個(gè)錄音機(jī)是一樣的插圖，左邊的插圖并不能讓人抓到到特定的時(shí)代氣息。顏色簡(jiǎn)單直白，在調(diào)子上也多為灰色的元素，是純粹的灰度模式，比較起來(lái)，右邊的插圖中，我們應(yīng)用了顏色分級(jí)，使人內(nèi)心能夠感受到復(fù)古的基調(diào)。
這就是作品中色彩的作用。
接下來(lái)，我們將根據(jù)這個(gè)指南簡(jiǎn)單介紹一些我的個(gè)人經(jīng)驗(yàn)，也許會(huì)在幫助你構(gòu)建符合自己需求的調(diào)色板上有所幫助。這些當(dāng)然不能解決你的所有問(wèn)題，但會(huì)是個(gè)不錯(cuò)的開(kāi)始。
我通常在Illustrator里構(gòu)建調(diào)色板，在這個(gè)階段，我不會(huì)太關(guān)注這些色彩有多完美，我更感興趣的是色彩未來(lái)的走向，比方說(shuō)我需要使用橙色，藍(lán)色，黑色，我就隨意抓取以前使用過(guò)的同種顏色，因?yàn)槲視?huì)在后期制作中完善這個(gè)調(diào)色板。因此，在這個(gè)節(jié)點(diǎn)上，大可天馬行空，別考慮什么可行性的問(wèn)題。這些顏色甚至可以直接來(lái)自Illustrator默認(rèn)的色板。這夠瘋狂的吧？
對(duì)于這個(gè)示例，我們將直接使用Illustrator默認(rèn)的色板，僅僅是展示如何運(yùn)用色彩分級(jí)修改這些顏色。
認(rèn)識(shí)一下來(lái)自Adobe Illustrator新朋友
我們將設(shè)定一個(gè)說(shuō)明性的例子，以便我們?cè)诰唧w環(huán)境下來(lái)看這些顏色，在右側(cè)這個(gè)圖示里，我們拿出5種顏色各一個(gè)在例子中作為參考。
一幅簡(jiǎn)單抽象的山景
如果這時(shí)候你并沒(méi)有使用一個(gè)插圖做這樣的工作，它可能也有助于你用這些顏色來(lái)設(shè)定一個(gè)“游樂(lè)場(chǎng)”。對(duì)我來(lái)說(shuō)，觀察色彩之間的相互作用是有效的工作模式。當(dāng)在工作中去構(gòu)建一個(gè)插圖，你要試圖讓顏色之間相互組合、搭配看起來(lái)達(dá)到最佳效果。下面例子中我列舉了幾種顏色的組合示例。
這大作暫時(shí)拿不出手啦，不好意思啦大家
現(xiàn)在，我們手頭準(zhǔn)備好了下面例子中用到的一些顏色，以及使用這些顏色的場(chǎng)景，把這些放進(jìn)Photoshop的環(huán)境中，開(kāi)始分級(jí)調(diào)色，使之看起來(lái)有趣，或者說(shuō)看起來(lái)順眼些。
使用Photoshop的調(diào)整層工作
歡迎再次來(lái)到圖形王國(guó)！現(xiàn)在我們已經(jīng)有了工作文件，讓我們開(kāi)始進(jìn)入圖形處理的精彩世界！
為了有效的實(shí)現(xiàn)顏色分級(jí)，我們會(huì)用到如下三個(gè)工具：
曲線(xiàn):一個(gè)可調(diào)整的圖，控制圖像的色調(diào)范圍。
色階:一個(gè)可調(diào)整的圖，通過(guò)調(diào)整圖像陰影、中間調(diào)、高光的強(qiáng)度級(jí)別，糾正一個(gè)圖像的色調(diào)范圍和色彩平衡。
可選顏色：通道混合直接影響指定的顏色。
Photoshop中顏色分級(jí)工具，絕對(duì)不止于這三種，但是他們是我使用比較頻繁的。
我們進(jìn)入調(diào)整層，通過(guò)進(jìn)入菜單“層”>”新調(diào)整層“>選擇添加的調(diào)整層類(lèi)型。
在我們這個(gè)例子中，首先開(kāi)始使用曲線(xiàn)。
調(diào)整圖層：曲線(xiàn)
在上圖中你會(huì)看見(jiàn)曲線(xiàn)的屬性控制面板。本文意不在于對(duì)曲線(xiàn)工具的功能作全面解析，在這個(gè)示例中，我們主要會(huì)用到通道選擇器（當(dāng)前顯示為“RGB”）以及從左下象限延伸到右上象限的曲線(xiàn)圖。
于在當(dāng)前圖像中的畫(huà)布是RGB模式的，首先我們會(huì)用到RGB通道。先選中紅色通道以進(jìn)行操作。要開(kāi)始對(duì)圖像進(jìn)行顏色分級(jí)，我們得同那個(gè)萌萌的曲線(xiàn)圖進(jìn)行一些互動(dòng)。
曲線(xiàn)圖這樣來(lái)讀：左下方區(qū)域代表圖像中跟這個(gè)通道相關(guān)的陰影，而右上方區(qū)域代表該通道的高光。在曲線(xiàn)圖上進(jìn)行的每次點(diǎn)擊會(huì)創(chuàng)建一個(gè)錨點(diǎn)，直接拖曳這些錨點(diǎn)可以對(duì)它們進(jìn)行操縱。
扭呀扭，扭那條線(xiàn)
在上面的示例中只用到了紅色通道，但久而久之我們會(huì)三個(gè)通道都想用。我個(gè)人的最?lèi)?ài)是藍(lán)色通道，因?yàn)樗苡酶鞣N濃重的紫色和藍(lán)色把調(diào)子冷卻下來(lái)，同時(shí)也能在高光部分引入各種和煦、溫暖的黃色。
歡脫地犯些小錯(cuò)
關(guān)于曲線(xiàn)工具，我能給你的最好建議之一是鼓勵(lì)你多去耍耍這些操縱裝置。據(jù)我所知，錨點(diǎn)的設(shè)置數(shù)量是沒(méi)有上限的。腦洞大開(kāi)，盡情點(diǎn)擊吧。
○小貼士：若你不想要玩得太野, 試試在曲線(xiàn)圖中設(shè)置單個(gè)錨點(diǎn)，然后在它的任意一側(cè)設(shè)置其他錨點(diǎn)，這樣你就可以對(duì)高光和陰影分別進(jìn)行操作，而不會(huì)影響到整個(gè)圖像。
上圖左：默認(rèn)調(diào)色板下的原始圖像。上圖右：經(jīng)過(guò)曲線(xiàn)調(diào)整圖層進(jìn)行顏色分級(jí)后的同一圖像
色階跟曲線(xiàn)的工作原理十分相似，我們同樣是對(duì)一副圖像的色調(diào)進(jìn)行操作。然而，我們使用的不是曲線(xiàn)圖，而是滑塊來(lái)影響圖像的陰影、中間調(diào)、高光的色調(diào)范圍。
粉色的圓圈圈出了我們今天要用到的兩個(gè)滑塊，它們從左至右影響陰影和高光的輸出。同樣，色階工具能做的不止這些，此處只是給出一些入門(mén)要點(diǎn)。
與前文類(lèi)似，我們要再次調(diào)出RGB顏色通道，對(duì)它們進(jìn)行分別調(diào)節(jié)。此處有幾點(diǎn)需要注意：我們將要影響一副圖像的陰影和高光——最黑的，以及最白的地方。這么做會(huì)影響暗色調(diào)和亮色調(diào)的“真值”，意味著我們的各種黑色將不再是完全的黑色，各種白色將不再是真正的白色。
舉個(gè)例子，假如在藍(lán)色通道下將陰影滑塊（黑色那個(gè)）向右拖曳，一定量的藍(lán)色將被引入黑色，以及任何色值中含有一點(diǎn)兒黑色的部分。基本上除了那些純白的部分，整個(gè)圖像將被藍(lán)色飽和，這些泛濫的藍(lán)色將會(huì)使圖像中最暗的部分更暗無(wú)比。
相反，將高光滑塊（灰色那個(gè)）向左拖曳會(huì)引入它的補(bǔ)色，在這個(gè)例子中是黃色。這些黃色將被引入白色，以及任何色值中含有一點(diǎn)兒白色的部分，也就是說(shuō)除了純黑之外的一切。
小貼士：對(duì)色階進(jìn)行調(diào)整將會(huì)改變你的圖像的對(duì)比度，因此為了保持讓你滿(mǎn)意的設(shè)置，你也許需要對(duì)亮度和對(duì)比度做一些小改動(dòng)。
上圖左：默認(rèn)調(diào)色盤(pán)下的原始圖像。上圖右：用色階調(diào)整圖層進(jìn)行顏色分級(jí)后的同一副圖像。
調(diào)整圖層：色階
這是整個(gè)演練中最困難的步驟，它更多地是關(guān)于對(duì)你用到過(guò)的顏色進(jìn)行微調(diào)。
盡管曲線(xiàn)和圖層能為你的調(diào)色盤(pán)創(chuàng)造奇跡，你仍可能碰上這種情況：不管怎么擺弄這些參數(shù)，某一種顏色可能就是讓人感到過(guò)于跳脫，或者過(guò)于死氣沉沉，在畫(huà)面中違和。
還記得當(dāng)時(shí)我們?yōu)榱嗽谛『谖堇餃y(cè)試各種顏色而創(chuàng)建的圖案嗎？讓我們用經(jīng)過(guò)曲線(xiàn)和圖層修正過(guò)的顏色再來(lái)試試它：
誒呦，不錯(cuò)喔，紅色
似乎挺和諧，但那一抹紅色看著太亮騷了。要是咱能單獨(dú)校正紅色就好了，對(duì)不？來(lái)吧，朋友，今兒你撞大運(yùn)。
在這種時(shí)候，可選顏色正是你心心念念要找的工具。有了它，我們就能選定大分類(lèi)下的某一種顏色，在圖像中進(jìn)行單獨(dú)操作。
在顏色下拉菜單中，你可以選定想要調(diào)節(jié)的那一個(gè)特定的顏色，使用CMYK百分比來(lái)從你選中的顏色引入或移除指定色值。
在這個(gè)例子中，我們對(duì)藍(lán)色值進(jìn)行操作
來(lái)到可選顏色這一步的時(shí)候，你得要開(kāi)始信任自己的直覺(jué)和雙眼去追尋圖像的內(nèi)聚力。在很多情況下，這種微調(diào)正如些許粘合劑，將你的色盤(pán)更加自洽而精確地熔為一體。對(duì)它善加使用吧。
暫時(shí)只能幫你到這了
我是說(shuō)，僅就這篇文章而言，真的。因?yàn)槿杂泻芏嘤袃r(jià)值的東西沒(méi)有談到，而且坦率講，這篇文章已經(jīng)比我預(yù)期的要長(zhǎng)不少了。希望它的內(nèi)容能為你建立和諧的色盤(pán)幫得上一點(diǎn)忙。
如果毫無(wú)幫助，那么真抱歉我扯了這么長(zhǎng)一篇。
你可以去讀個(gè)百來(lái)篇關(guān)于調(diào)色的教程，這這這對(duì)于誰(shuí)誰(shuí)誰(shuí)管用，那那那對(duì)于某某某不管用。但真相是什么也取代不了你親自操作的過(guò)程：打開(kāi)自己喜歡的軟件，戳戳逛逛，親手嘗試各種處理色彩相關(guān)的技術(shù)。
頭一次嘗試并非總能成功，因此要堅(jiān)持下去！別忘了你可以把調(diào)整圖層疊來(lái)疊去，層層疊加。如果第一個(gè)曲線(xiàn)圖層并沒(méi)有達(dá)到你的預(yù)期，試試在它上面新建一層。在若干實(shí)驗(yàn)之后可以生成的某些顏色組合會(huì)讓你大吃一驚的。
我收集了一些圖片陳列在下方，它們都是對(duì)我們?cè)诒疚拈_(kāi)端時(shí)建立的原始默認(rèn)色盤(pán)只使用曲線(xiàn)，色階和可選顏色這些調(diào)整圖層進(jìn)行操作所得到的結(jié)果。
色彩 | 目之所及
一切奧妙都在于實(shí)驗(yàn)。去對(duì)你的色盤(pán)進(jìn)行壓力測(cè)試吧。去在它們上方寫(xiě)文本，使用它們建場(chǎng)景。在各種背景上，以不同的介質(zhì)測(cè)試它們，去注意元素在不同尺度的閱讀效果?？勺龅氖潞芏?，還有許多新鮮有趣的色盤(pán)等你去發(fā)現(xiàn)。
所以快行動(dòng)起來(lái)，在這個(gè)基礎(chǔ)上開(kāi)始，親手做點(diǎn)東西出來(lái)驚呆你自己吧。
關(guān)注我們
成都智匯蟻品牌策劃有限公司成立于2017年6月，公司集廣告設(shè)計(jì)、平面設(shè)計(jì)、VI設(shè)計(jì)、包裝設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、會(huì)展設(shè)計(jì)、企業(yè)形象策劃為一體的綜合性廣告設(shè)計(jì)互聯(lián)網(wǎng)模式下的創(chuàng)業(yè)型公司。
在線(xiàn)咨詢(xún)