用照片創(chuàng)建色板技巧教程

2023-11-12 17:29:42 來(lái)源/作者: / 己有:3人學(xué)習(xí)過(guò)

選擇配色的時(shí)候需要考慮的因素很多,并不是挑選你喜歡的顏色就可以輕松搞定。配色的方法很多,但是根據(jù)主圖來(lái)進(jìn)行配色無(wú)疑是最可靠的方法之一,無(wú)論你是初級(jí)設(shè)計(jì)師還是資深從業(yè)者,這種方法都是不錯(cuò)選擇。但是這些方案多是通過(guò)算法來(lái)進(jìn)行實(shí)現(xiàn)的,要想創(chuàng)造符合自己心意的配色方案,老老實(shí)實(shí)用PS和照片來(lái)創(chuàng)建還是最靠譜的。

選照片

既然是通過(guò)圖片取色來(lái)創(chuàng)建色板,那么肯定要挑選一張漂亮的圖片。很多優(yōu)秀的設(shè)計(jì)都和品質(zhì)上乘的圖片分不開(kāi),這些圖片色彩漂亮,并且通常都還為文字和圖形留有空間。

Photoshop巧用照片配色方案創(chuàng)建色板教程

取色的四個(gè)技巧

當(dāng)你開(kāi)始搜集圖片的時(shí)候,最好盡量搜集色彩較多的圖片。注意,色彩多并不是要求你選擇萬(wàn)花筒一樣的圖片,而是希望你選擇色彩較多,可以幫你創(chuàng)造更多配色方案的圖片。從哪里開(kāi)始呢?接下來(lái)的四條建議,或許可以幫到你。

1、基礎(chǔ)色

Photoshop巧用照片配色方案創(chuàng)建色板教程

在打開(kāi)PS之前,先仔細(xì)審視一下你選的照片。就比如我所選的圖片吧,你會(huì)從中發(fā)現(xiàn)非常惹眼的深青色和棕色,而它們就正好可以用作這套配色的基礎(chǔ)色。假設(shè)你在制作一個(gè)網(wǎng)頁(yè),深青色可用作標(biāo)題或者背景色,而棕色可應(yīng)用到段落文字或者引用文字以及其他的裝飾元素上。當(dāng)然,如果文字使用奶白色來(lái)顯示,與深色背景相互映襯,視覺(jué)效果也不錯(cuò)。

2、增加對(duì)比色

Photoshop巧用照片配色方案創(chuàng)建色板教程

當(dāng)對(duì)比色放在一起的時(shí)候可以產(chǎn)生明顯的對(duì)比和視覺(jué)沖擊。確定兩種顏色是否是對(duì)比色,看它們?cè)谏喩系奈恢镁椭溃S色和藍(lán)色,綠色和紅色,它們?cè)谏喩隙继幱趯?duì)稱(chēng)的位置。這些對(duì)比色通常都是一冷一暖,視覺(jué)效果充滿(mǎn)活力。這種配色的關(guān)鍵點(diǎn)在挑選一種顏色作為主色調(diào),并且靈活運(yùn)用色彩。如此一來(lái),色彩之間有主有次,不會(huì)相互沖突。這張圖就是如此,藍(lán)色占據(jù)主體,明黃色的樹(shù)令整個(gè)畫(huà)面更加活潑。如果你需要搭配文字的話(huà),在藍(lán)色的部分配上黃色的字體似乎是個(gè)不錯(cuò)的選擇。

3、增加衍生色

Photoshop巧用照片配色方案創(chuàng)建色板教程

通常你的配色方案中會(huì)有兩種以上的色彩。與其新增更多的色彩組合,不如基于現(xiàn)有的一兩種顏色,增加同色系的深色或者淺色,來(lái)完善配色方案。一套干凈的配色方案,基礎(chǔ)色通常不會(huì)超過(guò)3種,再基于這有限的幾個(gè)主色調(diào)來(lái)擴(kuò)充也就夠用了。這樣做最大的好處就是在色彩不會(huì)沖突的前提下,令配色更加豐富。再來(lái)看第一個(gè)案例,基于兩種基礎(chǔ)色,通過(guò)增減明度,擴(kuò)展出四種不同的色彩。色系之間不會(huì)沖突,這些色彩也可以合理地搭配到一起。調(diào)整明度的增減程度,你可以擴(kuò)展出更多的色彩。

4、整合

Photoshop巧用照片配色方案創(chuàng)建色板教程

將以上的處理技巧整合起來(lái),配色就更加得心應(yīng)手了。通過(guò)漂亮的圖片獲取基礎(chǔ)色,結(jié)合對(duì)比色擴(kuò)充基礎(chǔ)色,適當(dāng)?shù)卦鰟h中性色,再通過(guò)明度和飽和度調(diào)整完成符合你需求的整套色板。完成配色之后,無(wú)論你想怎樣控制視覺(jué)元素的色彩都好說(shuō)。