47

二、通過調(diào)整“色相 / 飽和度”，為產(chǎn)品調(diào)出其他色

有時候產(chǎn)品需要其它顏色，重新拍攝又需要時間，如何使用 PS 快速更變顏色。色相 / 飽

和度可以選擇的顏色有紅色、黃色、綠色、青色、藍色、洋紅 6 種顏色，我們可以分別調(diào)節(jié)照

片中這項顏色相近區(qū)域的色相、飽和度以及明度。例如我們要調(diào)節(jié)包的顏色區(qū)域，這個時候我

們就選中青色調(diào)整，如圖 1-104、1-105 所示。

圖 1-104 圖 1-105

三、通過調(diào)整“曲線”，增加圖像的對比度

曲線是 PS 中最為強大的調(diào)整工具，它兼具色階、明度和飽和度等多個命令的功能，它是

圖像調(diào)整方面選項十分豐富且強有力的工具。利用曲線我們可以調(diào)整曝光（還可以提亮、壓暗、

設(shè)置黑白場）、調(diào)整對比度，“s”型曲線、調(diào)整偏色、調(diào)日系風色調(diào)、調(diào)整局部顏色。

這是一張偏暖偏黃的色調(diào)圖像，我們將黃色色調(diào)調(diào)整過來，使用單個通道調(diào)整，偏黃如

何調(diào)整呢？減黃 = 加藍，選擇藍通道，向上拉動，圖片白平衡正常 , 如圖 1-106、1-107 所示；

圖 1-106

48

圖 1-107

四、通過調(diào)整“Camera Raw 濾鏡”，全面調(diào)整圖像

“Camera Raw 濾鏡”最早是以“插件”的形式出現(xiàn)于 Photoshop 當中，后來于 Photoshop

CS5 版本正式加入到主體功能中。“Camera Raw 濾鏡”主要功能有調(diào)色、增加質(zhì)感（對比度、

清晰度、銳化）等。

下面的女包顏色偏暗，質(zhì)感不夠強烈。最致命的是包的色彩不艷麗，因此圖片需要加強

質(zhì)感，做出高大上的感覺。

1、將圖層變成智能圖層，作用是為了方便保留具體參數(shù)方便日后修改，如圖 1-108 所示；

圖 1-108

49

2、調(diào)色，作用是去掉畫面中的偏色，讓畫面顏色達致平衡，如圖 1-109 所示；

圖 1-109

3、提亮，作用是調(diào)整畫面過暗的陰影，提亮整體畫面，增強畫面氣氛，如圖 1-108 所示；

圖 1-108

50

4、加細節(jié)，作用是減少畫面中的雜點，進一步增強畫面氣氛，如圖 1-109、1-110 所示；

圖 1-109

圖 1-110

1.2.5 產(chǎn)品光影的處理

有光的地方，必定有影的產(chǎn)生。光影效果，會使得畫面更有層次，立體感，也更有氛圍感。

陰影與倒影在我們做設(shè)計的過程中，起到一個關(guān)鍵的作用，有的時候可以給整個畫面增加立體

51

感，有的時候還可以增加空間感；而我們做陰影與倒影的時候，避免不了會有疑惑，該怎么做

才合適？下面給大家簡單的介紹一下電商設(shè)計中陰影與倒影的應(yīng)用。

圖 1-111

一、倒影

顧名思義，倒影就是光照射在平靜的水面上所成的等大虛像。成像原理遵循平面鏡成像

的原理。任何物體背光的部分皆會產(chǎn)生投影，如果在一個較光亮的面上還會折射出物體的倒影，

比如水面、玻璃、桌面、大理石地面等。為了讓產(chǎn)品看起來更加的有立體感，更加的真實，大

部分都會添加倒影效果。

1、水平倒影

這類型的倒影還是比較簡單的，直接翻轉(zhuǎn)，用蒙版漸變隱藏就可以了。當然還有一些比

如圓柱體，需要適當?shù)淖冃?。下面我們來看看這類型的倒影怎么做。如圖 1-112、1-113 所示；

圖 1-112

52

圖 1-113

2、非水平倒影

這類型的倒影需要用到拆剪法，難度中等 . 如圖 1-114、1-115；

圖 1-114

圖 1-115

53

3、重疊倒影

這類型的倒影需要用到拆剪法，相較上面比較復(fù)雜 , 如圖 1-116、1-117 所示；

圖 1-116

圖 1-117

4、綜合倒影

這類型的倒影需要用到拆剪法填補法，相對較為復(fù)雜，如圖 1-118-119-120 所示；

圖 1-118

54

圖 1-119

圖 1-120

二、陰影

陰影在照片合成中特別重要，只要有光就會有陰影，正確的處理好光線和陰影，圖像的

55

效果會得到質(zhì)的提升。先來了解下光線和陰影如何作用，再來學(xué)習(xí)具體如何處理實際應(yīng)用種的

陰影。

陰影的位置：光與影是對立的關(guān)系，可簡單理解為光與影的位置是對立的。

1、接觸陰影

接觸陰影就是物體和平面接觸的時候造成的陰影部分（如圖 1-121）；這種陰影可以告訴

我們物體是放在地上的還是與某個表面靠的很近，上面這兩張圖片物體與地面接觸的位置就是

這樣的陰影，這種陰影的特點是比較黑，但又不是純黑，它有一定的透明度和邊緣柔和度。

圖 1-121 圖 1-122

⑴按“CTRL”鍵調(diào)出選區(qū)，并用矩形選框工具減去上半部分，如圖 1-122 所示；

⑵在產(chǎn)品下方新建圖層，填充為黑紅的（產(chǎn)品色）， 并用按向下的方向鍵，向下移動 1像素。

如圖 1-123 所示；

圖 1-123

⑶添加“動感模糊”，方向 90 度，距離設(shè)置為 2 像素 , 如圖 1-124 所示；

圖 1-124

56

⑷添加“高斯模糊”，模糊值設(shè)置為 1.2 像素，如圖 1-125 所示；

圖 1-125

⑸調(diào)整圖層模式為“正片疊底”，添加蒙版，擦除不要的部分，閉塞陰影就完成了。

圖 1-126

2、柔和陰影

柔和陰影是一種特別重要的陰影，它能讓合成的真實感再次提升一個檔次。從物體逐漸

向遠處，陰影的透明度逐漸變低漸隱。

圖 1-127

57

⑴選擇畫筆工具，選擇柔邊圓，硬度為 0%；

圖 1-128

⑵在產(chǎn)品下方新建圖層，畫筆調(diào)整合適的大小，單擊一次，畫出柔邊圓，如圖 1-129；

圖 1-129

⑶“CTRL+T “自由變換中的變形，調(diào)出如圖 1-130 所示；

圖 1-130

⑷使用移動工具，調(diào)整到產(chǎn)品下方合適的位置，并利用自由變換工具調(diào)整使其貼合。如

圖 1-131 所示；調(diào)整圖層模式為“正片疊底” ，柔和投影效果如圖 1-132 所示。

圖 1-131 圖 1-132

58

3、投射陰影

投射陰影是由于物體阻擋光線后投射到地面或者其他表面上的投影，所以這種陰影受物

體形狀的影響比較大，在 photoshop 中我們一般直接使用物體的形狀來制作這種陰影。

圖 1-133

⑴按“CTRL”鍵調(diào)出選區(qū)；

圖 1-134

⑵在產(chǎn)品下方新建圖層，填充為黑色，利用自由變換工具中的斜切調(diào)整如圖 1-135 所示；

圖 1-135

59

⑶“CTRL+T”自由變換中的變形，添加高斯模糊，更改圖層混合模式為“正片疊底”調(diào)

出如圖 1-136 所示；

圖 1-136

⑷添加蒙版，利用黑到白的漸變，這樣投射陰影就完成了，如圖 1-137；

圖 1-137

4、拐角陰影

在做拐角投影的時候，要注意觀察畫面里面的光源的方向，當光是從上面斜照下來的時候，

那么它的投影會比原本的物體要矮一些。當光源是水平照射的時候，它的投影和原本的物體的

高度是差不多的。

圖 1-136

60

⑴ 簡單做出背景；

⑵利用前邊所學(xué)，給電飯煲添加閉塞陰影；

圖 1-137 圖 1-138

⑶按“CTRL”鍵調(diào)出選區(qū)。在產(chǎn)品下方新建圖層，填充為黑色；⑷用選框工具繪制出墻

面部分的陰影，按“CTRL+SHIFT+J”剪切到新的圖層；

圖 1-139 圖 1-140

⑸按“CTRL+T”中的斜切命令，變換陰影的下半部分，如圖所示；

⑹移動上半部分的陰影與下半部分貼合；

圖 1-141 圖 1-142

61

⑺分別對上半部分陰影和下半部分陰影添加“動感模糊”，調(diào)整參數(shù)如圖所示；

⑻調(diào)整兩部分陰影的圖層模式為“正片疊底”，這樣拐角陰影就完成了。

圖 1-143 圖 1-144

三、光線

目前很多不同產(chǎn)品和類目的首焦海報設(shè)計，在設(shè)計手法上有很多相似之處——層次感很

強，通過設(shè)計手法營造出場景元素間的明暗變化，只是體現(xiàn)光影、明暗關(guān)系，就足以讓設(shè)計作

品變得豐富、有層次感。

在首焦畫報設(shè)計中，一般情況下不會用到直觀的光源，大多都是擬定光源位置，一但光

源位置確定，畫面中的所有元素（包括背景）都要遵循：靠近光源的位置亮，遠離光源的位置暗。

圖 1-145

62

光的表現(xiàn)形式有：

圖 1-146

我們以光照效果為例，具體操作步驟如下：

1、首先制作一個有質(zhì)感背景。新建文件→填充為藍色 ( 快捷鍵：AIT+DELETE）如圖 1-147；

2、新建圖層 -- 填充為白色（快捷鍵：CTRL+DELETE），如圖 1-148；

3、顏色為白色的圖層執(zhí)行濾鏡→雜色→添加雜色，雜色數(shù)值這里參考值為 173。把雜色

圖層混合模式改為疊加，如圖 1-149；

圖 1-147 圖 1-148 圖 1-149

63

4、復(fù)制雜色圖層后反相（快捷鍵 CTRL+I）, 如圖 1-150；

5、選中雜色圖層復(fù)制，并進行自由變換（快捷鍵 CTRL+T）往下一次，往右一次。如圖 1-151；

圖 1-150 圖 1-151

6、同時選中這兩個圖層，將圖層不透明度降低至 42%。磨砂背景這就做好了，如圖 1-152；

7、新建圖層，使用“橢圓選框”工具繪制正圓，并填充為白色，如圖 1-153；

圖 1-152 圖 1-153

8、將此圖層執(zhí)行“模糊——高斯模糊”，如圖 1-154 所示；

圖 1-154

64

9、將此圖層進行自由變換（快捷鍵 CTRL+T），透視變換效果如圖 1-155 所示；

10、使用“矩形選框”工具繪制選區(qū)，刪除不要的部分，如圖 1-156 所示；

圖 1-155 圖 1-156

11、再次將此圖層進行自由變換（快捷鍵 CTRL+T），做出效果如圖 1-157 所示；

12、將此圖層的混合模式改為“疊加“，降低不透明度，即完成光照效果的制作，如圖 1-158；

圖 1-157 圖 1-158

1.3 色彩運用

色彩是可見光的作用所導(dǎo)致的視覺現(xiàn)象。光是一種電磁波，不同波長的可見光投射到物

體上，一部分被吸收，一部分被反射進入人眼，大腦再把這種刺激反映成色彩信息。所以說，

沒有光，就沒有色彩可言。色彩是網(wǎng)店美工設(shè)計中重要的構(gòu)成元素，在無形之中能體現(xiàn)網(wǎng)店的

主題內(nèi)涵。色彩構(gòu)成、色彩的邏輯心理以及色彩的搭配原理是我們網(wǎng)店美工中必備的理論知識。

65

1.3.1 色彩構(gòu)成

一、色彩三原色

三原色又稱為基色，即用以調(diào)配其他色彩的基本色。通常分為兩類一類是色光三原色，

另一類是顏料三原色。

圖 1-159 色光三原色 圖 1-160 顏料三原色

1、色光三原色

色光三原色是指紅（Red）、綠（Green）、 藍（Blue）三原色光。這三種光以相同的比

例混合、且達到一定的強度就呈現(xiàn)白色（白光）；若三種光的強度均為零就是黑色（黑暗）。

這就是加色法原理，加色法原理被廣泛應(yīng)用于電視機、監(jiān)視器等主動發(fā)光的產(chǎn)品中。

2、顏料三原色

顏料三原色是指青（Cyan）、品紅（Magenta）和黃（Yellow）三原色顏料。 它是在打印、

印刷、油漆、繪畫等靠介質(zhì)表面的反射被動發(fā)光的場合，物體所呈現(xiàn)的顏色是光源中被顏料吸

收后所剩余的部分， 所以其成色的原理叫做減色法原理。 減色法原理被廣泛應(yīng)用于各種被動

發(fā)光的場合。

例如黃色與青色混合可以產(chǎn)生綠色，黃色與品紅色混合可以產(chǎn)生紅色，品紅色與青色混

合可以產(chǎn)生藍色。當這三種原色以等比例疊加在一起時，會變成灰色；若將此三原色的飽和度

均調(diào)至最大并且等量混合時，理論上會呈現(xiàn)黑色，但實際上由于顏料的原因呈現(xiàn)的是濁褐色。

正因如此，在印刷技術(shù)上，人們采用了第四種“原色”——黑色，以彌補三原色之不足。

這套原色系統(tǒng)常被稱為“CMYK 色彩空間”，亦即由青 (C) 品紅 (M) 黃 (Y) 以及黑 (K) 所組合

出的色彩系統(tǒng)。

二、色彩三要素

色彩的三要素是指色彩的色相、明度和純度（飽和度）。

1、色相

色相是色彩的最大特征，是指能夠比較確切地表示某種顏色色別的名稱，如黃、綠、紅等。

當黃色加入白色之后，顯出不同的奶黃、麥芽黃等，但它的黃色性質(zhì)不變，依然保持黃色的色相。

66

最初的基本色相為：紅、橙、黃、綠、藍、紫。在各色中間加插一兩個中間色，其頭尾色相，

按光譜順序為：紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫——十二

基本色相。當我們把這些色相排列成圈，這個圈就是“色環(huán)”。

圖 1-161 色環(huán)

2、明度

色彩的明暗程度，可以用黑、白、灰的關(guān)系來表述。一個色彩加入白色越多，明度也就越高，

加入黑色越多，明度就越低。

明度就是色彩的明暗差別、光亮程度，所有色彩都有自己的光亮。其中，暗色被稱為低明度，

亮色被稱為高明度。

圖 1-162

圖 1-163

3、純度

純度是色彩的飽和鮮艷度。光色中的紅、橙、黃、綠、青、藍、紫都是高純度的。一個

67

色彩只要不加入其他色彩，就是高純度，其他色彩且加得越多，純度就越低。

圖 1-164

黑、白、灰是無彩色，其純度等于零。

三、色彩分類

1、原色：三原色指的是紅色、黃色、藍色，也是固有色，其他的顏色調(diào)不出。

2、間色（二次色）：由兩個原色混合得間色。紅 + 黃 = 橙 ，黃 + 藍 = 綠，紅 + 藍 = 紫。

橙、綠、紫三種色

3、復(fù)色：由原色與間色混合，或間色與間色混合而成的色彩。復(fù)色中包涵全部三原色，

只是三原色的比例不同。

圖 1-165

4、光源色：光源發(fā)出的光，進入人的眼睛，引起了色彩感覺，這種色稱為光源色。光源

色一般集中在物體的面上，也就是我們素描當中所謂的“亮面”。如圖 1-166 為不同顏色光源

照射在人物身上的效果。

68

圖 1-166

5、固有色：光照到物體上，經(jīng)物體表面的反射，進入我們的眼睛而呈現(xiàn)的色稱固有色。

即在自然光線下的物體所呈現(xiàn)的本身色彩被稱之為固有色。在色彩中，中間灰面的顏色最接近

物體的固有色。

圖 1-167

6、環(huán)境色：物體周圍環(huán)境的顏色由于光的反射作用，引起物體色彩變化而產(chǎn)生的顏色稱

之為環(huán)境色。環(huán)境色一般在物體的暗部表現(xiàn)的最明顯。

圖 1-168

69

1.3.2 色彩的邏輯心理

一、色彩涵義

其實色彩本身是沒有意義的，但色彩可以使我們聯(lián)想到某種事物，或某段回憶，進而影

響我們的情緒。人其實是靠著經(jīng)驗與習(xí)慣生活的，而色彩能夠使我們聯(lián)想到曾經(jīng)的經(jīng)驗與習(xí)慣，

于是色彩也就有了意義，這意義不是色彩本身的，而是色彩背后所代表的事物帶給我們的。色

彩是很難被理性衡量的，不同的人看到色彩有各自不同的感受。

圖 1-169

二、常用顏色模式

常見的色彩模式有 RGB，CMYK，HSB 幾種。

1、RGB 色彩模式

RGB 三原色紅綠藍數(shù)值：

⑴ R 代表紅色（red）色值為：R=255，G=0，B=0

⑵ G 代表綠色 (green)，色值為：R=0，G=255，B=0

⑶ B 代表藍色 (blue)，色值為：R=0，G=0，B=255

是常用于在電子顯示器中顯示如手機電腦。

黑白灰數(shù)值：

⑴灰色的 R、G、B 三個值相等（除了 0 和 255）數(shù)值越小，灰度值越大

⑵白色的 R、G、B 都為 255

⑶黑色的 R、G、B 都為 0

紅綠藍三種顏色濾色模式疊加：

⑴ R( 紅色 )+G( 綠色 )= 黃色 (R=255、G=255、B=0）

⑵ R( 紅色 )+B( 藍色 )= 洋紅或品紅色 (R=255、G=0、B=255)

⑶ G( 綠色 ) +B( 藍色 )= 青色 (R=0、G=255、B=255)

⑷ R( 紅色 )+G( 綠色 ) +B( 藍色 )= 白色

70

圖 1-170

2、CMYK 模式

CMYK 模式也是印刷色彩模式，一般用來印刷的。

⑴ C 代表青 (Cyan):C=100 M=0 Y=0 K=0

⑵ M 代表品紅 (Magenta):C=0 M=100 Y=0 K=0

⑶ Y 代表黃 (Yellow):C=0 M= 0 Y=100 K=0

⑷ K 代表黑 (Black):C=100 M=100 Y=100 K=0

CMYK 值是以濃度 0-100% 來表示，產(chǎn)生顏色的方法為色光減色法，印刷工藝決定了圖片的

分辨率一定要 300 像素 / 英寸。

RGB 與 CMYK 雖然是不同的色彩系統(tǒng)，但通常情況下，他們是可以互相轉(zhuǎn)化的。

圖 1-171 圖 1-172

黃（Y）+ 青（C）= 綠（G）

青（C）+ 品（M）= 藍（B）

品（M）+ 黃（Y）= 紅（R）

黃（Y）+ 青（C）+ 品（M）= 黑色

所以減色法也稱色彩重疊。也可理解為：凡兩種顏料疊加，色光減少者為減色法。

分色是一個印刷專業(yè)名詞，指的就是將原稿上的各種顏色分解為黃、品紅、青、黑四種

71

原色顏色 ; 在電腦印刷設(shè)計或平面設(shè)計圖像類軟件中，分色工作就是將掃描圖像或其它來源的

圖像的色彩模式轉(zhuǎn)換為 CMYK 模式。

3、HSB 模式

HSB 模式的色彩原理更符合色彩屬性原則即色相，明度與飽和度。這也更符合人眼的判斷

原理。H 代表色相 ,S 代表飽和度 ,B 代表亮度。在實際使用的時候較 RGB 與 CMYK 模式都要方

便一些，在此推薦設(shè)計師在調(diào)色的時候可以嘗試使用一下，繪圖軟件通常都裝有這個色彩模式。

圖 1-173

1.3.3 色彩的搭配原理

一、色彩調(diào)和

1、暖色系

暖色系是指色相環(huán)中包括黃、紅、褐、赭等色彩在內(nèi)的色彩系列。暖色系給人以熱烈、歡快、

溫暖、奔放的感覺。

圖 1-174 圖 1-175

2、冷色系

冷色系是包括綠色、藍色、紫色等色相在內(nèi)的色彩系列，它給人以清冷、寧靜、涼爽的感覺。

冷色和暖色并非是絕對的，一些冷色在它所屬的冷色系中通過對比，會具有偏暖的傾向；暖色

則有可能通過與更暖顏色的對比而取得偏冷的傾向。

72

圖 1-176

圖 1-177

3、互補色：色環(huán)上角度為 180 度，常見的紅和綠、藍和橙、黃和紫。

4、對比色：色相環(huán)上角度在 120° -180°之間的色彩，并且理論上來說，互補色應(yīng)該也

是包含于對比色之內(nèi)的。比如：粉色和綠色就是對比色。

5、類似色：色相環(huán)上為 30°之間的色彩，比如檸檬黃與中黃，就是同類色。

6、鄰近色：近似色相較于同類色，在色相環(huán)上的角度范圍更大一些，一般在 60°之內(nèi)，

也就是說，同類色屬于近似色。我們可以舉一個是近似色但不是同類色的例子：檸檬黃與橘黃。

圖 1-178

二、色彩搭配

1、搭配方式

73

常見的搭配方式有 : 單色搭配、近似色搭配、互補色搭配、原色搭配、分裂補色搭配等。

⑴單色搭配 (0° ):

由一種色相的不同明度組成的搭配，這種搭配很好的體驗了明暗的層次感。

圖 1-179

⑵近似色（60° )：色環(huán)上距離相距非常近的色彩。

近似色搭配：相鄰的兩到三個顏色稱職為近似色。如下圖（橙色 / 褐色 / 黃色），這種

搭配比較讓人賞心悅目，低對比度，較和諧。

圖 1-180

⑶互補色（180° )：（對比色），色輪上距離最遠相對的色彩。

色環(huán)中相對的兩個色相搭配。顏色對比強烈，傳達能量、活力、興奮等意思，補色中最

好讓一個顏色多，一個顏色少。如下圖（紫色和黃色）

圖 1-181

74

⑷原色的搭配（120° )：大部分是在兒童產(chǎn)品上，色彩明快，這樣的搭配在歐美也非常流行，

如藍紅搭配，frickr 的 logo 以及 麥當勞的 logo 色與主色調(diào)紅黃色搭配等。

圖 1-182

⑸分裂互補色（120 ～ 180° )：分裂補色搭配：同時用補色及類比色的方法確定顏色關(guān)系，

就稱為分裂補色。這種搭配，既有類比色的低對比度，又有補色的力量感，形成一種即和諧又

有重點的顏色關(guān)系，如下圖，紅色文字就顯得特別的鏗鏘有力，特別突出。

圖 1-183

2、色彩使用比例

色彩的搭配方法有很多種，這里介紹一種我個人比較認同的方式。70%，25%，5% 的配色

比例原則，畫面中 70% 為底色，面積最大的一塊，往往畫面的色調(diào)是有底色決定的。25% 面積

的為主色，畫面的核心區(qū)域多使用主色區(qū)。5% 為強調(diào)色，強調(diào)色在畫面中起到華龍點睛的作用，

強調(diào)色多使用與主色對比度較大的顏色，也可以嘗試利用色彩的互補關(guān)系來突出。

圖 1-184

75

在日常生活中和網(wǎng)絡(luò)中經(jīng)?？梢砸姷絻?yōu)秀的配色案例，我們可以學(xué)習(xí)其中優(yōu)秀的配色，

做色彩的調(diào)和與對比練習(xí)。比如冷色調(diào)、暖色調(diào)、中差色、互補色之間對比練習(xí)。

圖 1-185

1.3.4 色彩搭配練習(xí)

色彩搭配的練習(xí)方法：

1、馬賽克配色法

獲得色卡的方式有很多種，一般我們可以通過配色網(wǎng)站獲得，這種方法是最直接的獲取

方式；也可以下載一些與產(chǎn)品屬性相關(guān)的圖片，將照片執(zhí)行“濾鏡——像素化——馬賽克”，

用吸管工具吸取從明到暗的色彩。

⑴ 將“風景”素材拖入到“畫布”當中，然后選擇“濾鏡”-“像素化”-“馬賽克”調(diào)

整其參數(shù)，效果如圖 1-186，利用制作的“馬賽克”獲取“色卡”；

⑵ 將制作好的“色卡”拖到之前沒有配色的素材當中，效果如圖 1-187 所示；

⑶也可以“Ctrl+U”打開“色相 / 飽和度”調(diào)整不同的參數(shù)查看效果，效果如圖 1-188 所示。

圖 1-186 圖 1-187 圖 1-188

76

2、黑白圖像上色

使用上面學(xué)到的配色知識對下列黑白圖像上色，可根據(jù)配色技巧自行上色，完成效果如

例圖 1-189 所示。

圖 1-189

綜合案例

對講機直通車設(shè)計步驟：

1、新建畫布 , 如圖 1-190 所示；

圖 1-190

77

2、背景填充深黑色，置入山的素材，調(diào)整大小，按 Shift+Ctrl+U 去色 , 效果如圖 1-191

所示；

圖 1-191

3、向圖層 1 添加“圖層蒙版”，使用“鋼筆工具”繪制路徑摳圖，在蒙版中填充黑色，

如圖 1-192 所示；

圖 1-192

4、添加“曲線”（圖 1-193）和“色階”（圖 1-194）調(diào)整層。降低山的明度，與下層創(chuàng)建“剪

貼蒙版”；

圖 1-193

78

圖 1-194

5、再次添加“色階”調(diào)整層，做出山體上半部分的選區(qū)，在圖層蒙版上填充黑色，如圖 1-195

所示；

圖 1-195

6、選擇“曲線”調(diào)整層，前景色設(shè)置為黑色，降低不透明度，在圖層蒙版上進行涂抹，

提亮右上方的山。如圖 1-196 所示；

圖 1-196

79

7、在背景圖層上方創(chuàng)建新圖層，前景色設(shè)置為白色，使用“畫筆工具”在山體后面添加亮光，

并適當降低圖層的不透明度。如圖 1-197 所示；

圖 1-197

8、把相關(guān)圖層進行編組，命名為“背景”。置入對講機素材，使用魔棒工具摳出對講機，

添加圖層蒙版，去除對講機白邊。置入云素材，調(diào)整位置，降低不透明度， 并添加圖層蒙版，

前景色設(shè)置為黑色，使用“畫筆工具”做出如圖 1-198 所示的效果；

圖 1-198

9、在對講機圖層下方，創(chuàng)建新圖層，使用“鋼筆工具”繪制對講機陰影，填充為黑色，

混合模式為“正片疊底”。為對講機和陰影圖層編組命名為“產(chǎn)品”，如圖 1-199 所示；

圖 1-199

80

10、使用“橢圓工具”繪制圓形，填充為藍色，降低“填充”的不透明度數(shù)值，添加“圖

層樣式—描邊”，效果如圖 1-120 所示；

圖 1-200

11、置入相關(guān)素材，調(diào)整大小，添加“圖層樣式 -- 漸變疊加”。并給兩個圖層進行編組。

如圖 1-121 所示；

圖 1-201

12、使用“鋼筆工具”繪制形狀，并復(fù)制一份備用，選中下方形狀，降低不透明度，添

加圖層蒙版，做出如圖 1-122 所示的效果；

圖 1-202

81

13、選中上方備用的多邊形，填充為無，描邊為藍色虛線，添加圖層蒙版，做出如圖 1-123

所示的效果，并將兩個圖層編組；

圖 1-203

14、復(fù)制多邊形組，并調(diào)整大小，效果如圖 1-124 所示；

圖 1-204

15、添加文字，調(diào)整文字大小和顏色，如圖 1-125 所示；

圖 1-205

82

16、繼續(xù)輸入裝飾性形狀和英文，降低不透明度。蓋印圖層，選擇“濾鏡—其他—高反

差保留”半徑調(diào)整為 0.5 像素，混合模式為“疊加”， 最終效果如圖 1-126 所示；

圖 1-206

技能提高案例

需求描述

用本章學(xué)習(xí)的知識，靈活運用并制作制作科技風藍牙音響海報，完成效果如圖所示。

圖 1-207 素材準備 圖 1-208 效果圖

83

提示：

1、摳圖產(chǎn)品。

2、通過“曲線”和“色階”調(diào)出背景

3、利用“濾鏡——模糊——動感模糊”做出光的特效。