當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

從ps中尋找完美配色(3)

來源:ps教程論壇 作者:ps教程論壇 學習:2826人次

例如我們現在要設計一個冊子封面,我們已經有了這張圖片(見圖1),圖片的女模特直視著我們,紅色的頭發(fā),面上有些青春痘。我們的目的是要使設計效果看起來耳目一新,充滿活力及個性十足,同時又要傳達一種嚴肅的及商業(yè)氣氛。為了迎合招生對象,我們希望整個設計效果還顯得有點時髦。在這里,顏色的選擇至關重要。

沒有哪一種單一的設計元素的效果能夠比顏色效果更令我們印象深刻,顏色能夠吸引人的注意。對顏色的應用過程是一件有趣的事——但問題是,什么顏色是最合適的?每個人都有自己喜歡的顏色,但在設計中,僅憑個人喜好其實是一件很不可靠的事,我們應該采用一種更科學的方法來選擇顏色。

從Photoshop中尋找完美配色
所有的顏色都是“色色相關”的,顏色并不是一個獨行俠,它們總是互相影響,讓我們從這張照片開始,尋找它的顏色,找出與它相關的各種顏色。

一、從照片中選擇顏色

從Photoshop中尋找完美配色
照片是我們選擇顏色的基礎,這張照片有什么樣的顏色呢?很多,皮膚的色調、紅色的頭發(fā),藍色的眼睛,藍色的上衣。讓我們將這張照片擴大來進行觀察,如果你以前沒有這樣試過,那你就會對這照片中有這么多顏色感到驚訝。在 PS 是,我們可以通過顏色吸管來了解這些顏色,首先從你看到的最明顯的顏色入手,然后到最少的顏色。由于在設計中我們需要用到對比的效果,所以你在這里可以選擇一些暗調、中調及淺調的顏色。

首先我們總是看到一些大的色塊,這些色塊是你第一眼就明顯感覺到的顏色,在這張照片中,皮膚、頭發(fā)及上衣的顏色是我們最先感覺到的。然后我們可以看一下較少的色塊,這些包括她的眼睛、嘴唇、頭發(fā)較亮部分及一些陰影。在這張照片中,你可以看到到有一邊是受光面,而另一邊是陰影面,圖片的層次豐富。當你對各個區(qū)域的顏色進行觀察后,你需要對顏色進行歸類,看一下顏色的數值。當你看到這些數值時,可能與你開始看起來的感覺的顏色有很大的區(qū)別。

二、逐個嘗試

在上述操作中,當你用吸管將各個顏色提取后放在顏色樣板上,然后你可以應用這些顏色逐個應用,看一下效果如何(一定要實際做出來看一下效果,不要在腦海中感覺效果,因為顏色的效果是受到相鄰的顏色影響的,不真的做一次,你是很難想象出來的)。出來的結果非常不錯(見圖3、4),不是嗎?這種選擇顏色的過程最有趣的是,無論是什么圖片,你都可以通過這種方式來找到非常吸引人的顏色搭配,其中的奧妙就在于你使用的顏色其實是照片中已經存在的某一種顏色——這可是屢試屢爽的設計秘笈哦。

從Photoshop中尋找完美配色

上圖是曖色調,是照片中女孩頭發(fā)中的粉紅、橙紅色、深褐色、棕色,曖色使這個女孩子看起來更溫和和更嬌柔。這些曖色用來傳達化妝品及關懷的信息時效果非常好。

從Photoshop中尋找完美配色

上圖則采用了冷色調:主要是藍色調,產生一種嚴肅、商業(yè)氣氛的效果,傳達一種直接的效果,請留意一點:當我們使用數值越高的顏色(即越暗的色調),照片中的女孩子的面孔就越有一種突出頁面向你靠近的感覺。

3 、利用調色板

從Photoshop中尋找完美配色

選擇任何一種顏色,比如我們選擇了上圖中的藍色,然后看一下它在色環(huán)中的位置(或者最接近的位置),我們可以將它稱為基色。我們已經知道這些基色與照片中的顏色是互相配合的。我們現在要做的就是要尋找與這個基色相配的其它顏色。你要記住的是,這個時候我們需要考慮一下字體或者其它圖案的顏色,你需要選擇暗色調及淺色調來形成對比,一般有這幾種情況:

從Photoshop中尋找完美配色

從Photoshop中尋找完美配色

1 、選擇這個基色的暗色調及淺色調,這些顏色叫做“同類色”(圖6),它們都是屬于同一種色調,沒有色相的變化,但它們卻可以產生對比的效果,在設計中應用單色調中的暗、中、淺各個色調是可以設計出非常好看的效果的。

2 、每一種顏色都與其它顏色相鄰,這些顏色稱為“鄰近色”(圖7),鄰近色有著共同的一種色相(如在圖中,有藍綠、藍、藍紫,藍是它們共用的),應用鄰近色可以產生一種漂亮的、低對比度的和諧效果。鄰近色有著豐富的選擇,只要你細心體會,并不會覺得難以應用,但要注意顏色明度的對比。

從Photoshop中尋找完美配色

從Photoshop中尋找完美配色

從Photoshop中尋找完美配色
3 、在色環(huán)中,直接相對的顏色稱為“補色”(圖8),在此圖中,藍和橙互為補色,補色有很強的對比效果。兩種互為補色的顏色應用在一起,可以傳達一種活力、興奮的效果,一般來說,補色要產生好看的效果一般是一個大一個小,比如一個橙色的圓點用在一個藍色的區(qū)域中時,效果非常好。如果兩個補色是同等面積的,將會產生一種過于激烈的對比。

4 、在色環(huán)中,如果一種顏色與另一種顏色既不是補色又不是相鄰色,則這些顏色稱為“分離補色”(圖9),在相鄰色的低對比度搭配中加入這些顏色,會使這個效果顯得生動。同樣要注意的是,加入的這些分離補色的面積不宜太大。

5 、無論是何種色相的顏色,它們都有自己的明暗度(圖10),利用明暗對比,可以產生另一種效果。如我們可以采用深藍與亮青(相鄰色)或深藍與明度為中的橙色(補色)都可以產生良好的對比效果。

四、在設計中應用

講了這么多關于顏色的理論后,當你將文字輸進去,版面定好之后,我們是時候要做出選擇了。在上述中,我們展示了很多漂亮的顏色對比,該選擇哪一樣呢?——關鍵是你要傳達什么樣的信息。你心目中可能有自己一些特別喜歡的顏色搭配的選擇,但無論在設計中你是一個人還是一支團隊來,你都得服從設計本來的目的。在這個設計中,我們需要傳達的是一種嚴肅的、直接的、商業(yè)性強的氣息,同時又不失清新及帶點時髦。

在這里,我們選擇了一些顏色對比,你是否認為,這些顏色的選擇是不是比其它都要好呢?

從Photoshop中尋找完美配色

從Photoshop中尋找完美配色

•商業(yè)氣息:中色階的藍色幾乎人人都喜歡,在圖11中,采用了藍色及橙色產生了一種非常好的對比效果。藍色的背景與照片中女孩的藍色上衣混為一體,使女孩的面孔更容易吸引人的注意,而且在整個頁面中顯得非常突出。既漂亮又有商業(yè)氣氛,是我們這個設計的首選。

•休閑氣息:在圖12中,采用了藍色的相鄰色——青色,這種青色在我們照片中并不存在,使到整個設計融入了一種輕松、活潑的感覺。整個效果看起來帶著時髦、更平易近人的感覺,而字體仍采用了橙色,是一種較溫和的對比。

從Photoshop中尋找完美配色

從Photoshop中尋找完美配色

•優(yōu)美氣息:在圖13中,同樣是藍色的相鄰色,但是在另一邊——紫色調,從色環(huán)中我們知道,紫色與紅色靠得較近,而整個效果看起有點夸張,因為照片中的女孩的面孔、頭發(fā)與背景的顏色顯得比較接近。紫藍通常是一種冷色,通常與柔和、女性聯系在一起。

•熱情氣息:在圖14的這個設計使到她頭發(fā)的亮色在頁面非常突出,而藍色上衣使畫面產生了層次感,另一個焦點是黃色的標題,給人的感覺象是從照片剪出來一樣。整個空間顯得較平坦,這種顏色搭配產生一種熱情迷人的效果(如果是在設計比賽中,這個設計可能會勝出,因為它的特立獨行),但只有哪些大膽的客戶才會選擇這個設計。

從Photoshop中尋找完美配色
•嚴肅氣息:在圖15中,我們使用了她頭發(fā)中的深紅的顏色,從色環(huán)中我們知道,這個顏色與橙色非常接近。她藍色的眼睛與上衣有一種融入背景的效果,整個設計給人一種厚實、嚴肅的感覺。

希望這些能給大家在配色方面有所幫助!!

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!