1

2

學(xué)習(xí)目標(biāo)

了解網(wǎng)店美工日常的工作內(nèi)容，認識網(wǎng)店裝修的重要性

掌握利用選區(qū)工具、鋼筆工具、通道等多種摳圖技巧

掌握翻毛皮精修和化妝品重塑兩個項目案例操作

掌握對產(chǎn)品簡單的潤色

掌握產(chǎn)品的倒影、投影、以及光線等各種光影的處理

掌握色彩的構(gòu)成、色彩的邏輯心理、色彩的搭配原理以及色彩搭配練習(xí)

1.1 網(wǎng)店美工概述

隨著電子商務(wù)的迅猛發(fā)展，越來越多的企業(yè)和個人在網(wǎng)上開店銷售各類產(chǎn)品。在諸多電

商平臺競爭激烈的網(wǎng)購市場中，如何讓自己的網(wǎng)店從中脫穎而出？實際上，直接打動訪客，激

發(fā)其購買欲望的，除了商品本身的價格與品質(zhì)之外，另一個關(guān)鍵因素就是深入人心的網(wǎng)店設(shè)計

與裝修。所以對于電商來說，一個好的店鋪視覺效果可以說至關(guān)重要。企業(yè)對于網(wǎng)店美工的需

求越來越大，這個職業(yè)也越來越吃香。

本章以 Photoshop 為基礎(chǔ)，以摳圖技巧、產(chǎn)品精修、產(chǎn)品特效制作、產(chǎn)品調(diào)色、產(chǎn)品光

影的處理為重點，使同學(xué)們通過本章學(xué)習(xí)，能夠熟練掌握網(wǎng)店美工五大基本技能。

圖 1-1 網(wǎng)店首頁

3

1.1.1 什么是網(wǎng)店美工

網(wǎng)店美工是運用專業(yè)知識和技能，幫助電商店鋪處理設(shè)計產(chǎn)品圖片，并對產(chǎn)品圖片進行

修飾處理、網(wǎng)店整體布局、頁面美化設(shè)計，使店鋪視覺營銷效果達到最佳的設(shè)計師。

1.1.2 網(wǎng)店美工的工作內(nèi)容

網(wǎng)店美工的具體工作包括：

1、網(wǎng)店整體效果的設(shè)計裝修，商品的設(shè)計和美化，包括產(chǎn)品的圖片處理、頁面設(shè)計、促

銷海報設(shè)計、商品描述詳情設(shè)計、專題頁設(shè)計、簡單動畫、動態(tài)廣告條的設(shè)計等；

2、網(wǎng)店日常美觀管理，策劃、設(shè)計店鋪的分類、公告欄和促銷欄等模塊，以及其他店內(nèi)

需要的工作；

3、能夠根據(jù)不同的產(chǎn)品制作相關(guān)的產(chǎn)品推廣圖片和廣告圖片，配合網(wǎng)店產(chǎn)品促銷制作活

動推廣網(wǎng)頁；

4、根據(jù)用戶需求與產(chǎn)品技術(shù)相配合，用視覺的語言高質(zhì)量完成相關(guān)產(chǎn)品設(shè)計；

5、熟練使用 PS，精通電腦圖片后期處理，懂得代碼，能寫和修改簡單的代碼。

圖 1-2 活動海報

1.1.3 網(wǎng)店美工的技能要求

隨著電商行業(yè)的崛起，越來越多的年輕人都走進電商行業(yè)當(dāng)中，而電商行業(yè)有非常多的

崗位，網(wǎng)店美工就是其中一個。但是大部分人對于網(wǎng)店美工的認知都比較片面，今天我們就來

一起簡單的了解一下，網(wǎng)店美工設(shè)計師需要具備什么樣的能力。

一、要有一定能力的審美能力

對于網(wǎng)店來說，店鋪的裝修風(fēng)格是非常的重要的，一個好的店鋪風(fēng)格可以更好地吸引客

4

戶瀏覽，就可以在一定的程度上提高店鋪的流量。所以說，網(wǎng)店美工設(shè)計師需要具備一定的審

美能力，才能設(shè)計出好看的店鋪風(fēng)格。

美工做出來的圖片要展示給客戶看，如果你的審美不行，設(shè)計出來的圖片也不符合大眾

審美，那么別人看到你的產(chǎn)品圖，自然也不會被吸引，更加不可能點進來店鋪瀏覽。作為一名

設(shè)計師，需要具備藝術(shù)鑒賞力，在日常生活中注重專業(yè)資料和各類相關(guān)信息的留意和收集，培

養(yǎng)自己的專業(yè)審美能力。

圖 1-3 促銷海報

二、合理的色彩搭配

色彩會影響到設(shè)計的視覺效果，色彩的合理搭配會使你的設(shè)計更加出彩；不合理的色彩

圖 1-4 商品海報

搭配則會讓人眼花繚亂。色彩的搭配看起來很復(fù)雜，其實你掌握住一些應(yīng)用的原理，就沒那么

5

難理解了。作為美工，要把色彩巧妙搭配，如果搭配不當(dāng)，圖片看起來就很“災(zāi)難”，把色彩

合理搭配好，客戶的視覺體驗也比較舒服。

三、良好的溝通能力

網(wǎng)店美工通常是為客戶服務(wù)的，在工作過程中需要切實了解客戶的需求，根據(jù)需求進行

設(shè)計。這時就需要和客戶有良好的溝通，溝通不順暢的結(jié)果往往是自己辛辛苦苦提交完作品客

戶卻不滿意。在溝通時組織好語言，清晰地表明自己的態(tài)度立場，輔以禮貌用語，工作效率會

事半功倍。

圖 1-5

四、熟練掌握設(shè)計軟件

任何設(shè)計都離不開趁手的工具，所以熟練掌握各類設(shè)計軟件的操作，這樣在設(shè)計的時

候才能得心應(yīng)手。電商美工常用的設(shè)計軟件主要有 Photoshop 、 llustrator 、 AfterEff

ects Premiere 等。電商美工設(shè)計在工作中最常用的就是 Photoshop 軟件，它可以處理大部分

美工設(shè)計中的特效場景。能夠熟練運用軟件工具，才可以設(shè)計出符合市場要求的、令客戶滿意

的作品。

圖 1-6 活動海報

6

1.2 網(wǎng)店美工的五大技能

1.2.1 摳圖技巧

摳圖是圖像處理中常做的操作之一，是把產(chǎn)品從原始圖片中分離出來成為單獨的產(chǎn)品圖

像，主要功能是為了后期的合成做準(zhǔn)備。使用 Photoshop 摳圖的方法有很多種，不同的物品摳

圖的方式也不同，常見的有套索工具摳圖、魔棒工具摳圖、快速選擇工具、調(diào)整邊緣、鋼筆工

具摳圖、通道摳圖等。接下來，我們通過案例來一起學(xué)習(xí)這幾種摳圖方法的使用。

一、套索工具

1、多邊形套索：適用有復(fù)雜背景的圖像，但圖片中的圖像棱角分明，我們可以使用多邊

形套索工具摳出想要的物品。

⑴打開素材，并復(fù)制背景圖層；

⑵選擇”多邊形套索工具”, 如圖 1-7 所示，沿著物體輪廓連線，依次點擊摳圖對象邊緣，

首尾相接后形成選區(qū)如圖 1-8 所示；

圖 1-7 圖 1-8

⑶按 Ctrl+J 鍵，復(fù)制選區(qū)，完成摳圖，將背景圖層左邊的小眼睛圖標(biāo)關(guān)閉，可看到摳圖

效果如圖 1-9 所示；

圖 1-9 圖 1-10

7

⑷將“天空”素材，拖至背景圖層上方，調(diào)整合適的位置，最終效果如圖 1-10 所示。

2、磁性套索：適用于與背景能夠明顯區(qū)分、物體邊緣形狀凹凸不平的圖像，可使用磁性

套索吸附摳圖對象邊緣進行摳圖。

⑴打開素材，并復(fù)制背景圖層；

⑵選擇“磁性套索工具”, 如圖 1-11 所示，沿著物體輪廓拖動鼠標(biāo)，首尾相接后形成選區(qū)；

圖 1-11

⑶按 Ctrl+J 鍵，復(fù)制選區(qū)，完成摳圖，將背景圖層左邊的小眼睛圖標(biāo)關(guān)閉，可以看到摳

圖效果，如圖 1-12 所示；

圖 1-12 圖 1-13

8

⑷在背景圖層上方新建空白圖層，填充合適的顏色，最終效果如圖 1-13 所示。

二、魔棒工具、魔術(shù)橡皮檫

針對產(chǎn)品和背景（多為純色）有非常明顯的色彩或者明度的區(qū)別，圖片中的圖像棱角分明，

我們可以使用魔棒工具、魔術(shù)橡皮檫，摳出想要的物品。

1、打開素材，并復(fù)制背景圖層；

2、選擇“魔棒工具”, 并設(shè)置容差值為“40”，勾選“連續(xù)”，如圖 1-14 所示：

圖 1-14

3、點擊背景顏色，注意：有些封閉區(qū)域；

的背景顏色也要選中。如圖 1-15 所示：

圖 1-15

9

4、按 delete 鍵，刪除背景，完成摳圖，將背景圖層左邊的小眼睛圖標(biāo)關(guān)閉，可以看到

摳圖效果，如圖 1-16 所示；

圖 1-16 圖 1-17

5、在背景圖層上方新建空白圖層，填充合適的顏色，最終效果如圖 1-17 所示。

三、快速選擇工具

可自由的選取想要摳圖的范圍，通過“容差值”來調(diào)整選取的顏色范圍，容差值越大，

選區(qū)顏色的范圍越大；反之選取顏色的范圍越小。

1、打開素材，并復(fù)制背景圖層；

2、選擇“快速選擇工具”, 并設(shè)置畫筆合適的大小，如圖 1-18 所示：

圖 1-18 圖 1-19

3、選擇紅色的氣球，如圖 1-19 所示；

4、按 Ctrl+J 鍵，復(fù)制選區(qū)，完成摳圖，將背景圖層左邊的小眼睛圖標(biāo)關(guān)閉，可以看到

摳圖效果，如圖 1-20 所示 ;

10

圖 1-20 圖 1-21

5、在背景圖層上方新建空白圖層，填充合適的顏色，就可以看到最終的效果，如圖 1-21。

四、鋼筆工具

對于背景色太接近的圖像，摳圖要求較高，且邊緣需要較清晰，則選擇鋼筆工具。鋼筆

工具在 Photoshop 中應(yīng)用非常多，特別是網(wǎng)店美工摳取產(chǎn)品圖時。鋼筆工具摳圖的優(yōu)點：邊緣

清晰干凈，不會失真。

1、打開素材，并復(fù)制背景圖層；

2、選擇鋼筆工具，鼠標(biāo)箭頭變成鋼筆形狀 , 如圖 1-22；

圖 1-22

3、鋼筆工具摳圖后會出現(xiàn)錨點和路徑，輕輕拖動鼠標(biāo)，連接每個錨點，形成閉合路徑，

最后效果如圖 1-23（可以借助 Ctrl 鍵、Alt 鍵調(diào)整錨點）；

圖 1-23

11

4、酒瓶摳完后，按住 Ctrl+Enter 鍵將路徑轉(zhuǎn)換為選區(qū)（如圖 1-24 所示虛線部分）。按

Ctrl+J 鍵，復(fù)制選區(qū)，完成摳圖，將背景圖層左邊的小眼睛圖標(biāo)關(guān)閉，可以看到摳圖效果如

圖 1-25 所示；

圖 1-24

5、在背景圖層上方新建空白圖層，填充合適的顏色，最終的效果如圖 1-25 所示。

圖 1-25

五、通道摳圖

利用通道做選區(qū)摳圖去背景，是處理頭發(fā)、樹木、花朵、透明半透明等這類難于處理的

素材的不二之選，簡單方便易上手。

1、打開素材，并復(fù)制背景圖層；

2、打開通道面板，分別觀察“紅”、“綠”、“藍”通道，選擇對比比較明顯的“綠”色通道，

并復(fù)制此通道 , 如 1-26、1-27 圖所示 ；

12

圖 1-26 圖 1-27

3、在選中復(fù)制好的通道后，選擇菜單欄的“圖像→調(diào)整→色階”或者按快捷鍵“Ctrl+L”，

調(diào)出色階面板如圖 1-28，加到該通道的黑白對比度，讓對比更加的突出。如圖 1-29 所示；

圖 1-28 圖 1-29

圖 1-30

13

圖 1-31 圖 1-32

圖 1-33

14

4、使用快速選擇工具，將背景選區(qū)并填充為黑色，將人物部分使用畫筆工具涂抹為白色，

（注：透明婚紗部分不要選中，使其保持半透明狀態(tài)），使其完全達到最高對比 ;

圖 1-34

圖 1-35

15

圖 1-36

5、按“CTRL+A” 全選“綠拷貝”通道，“CTRL+C”復(fù)制此通道。激活“RGB”通道，回

到圖層面板，給“背景拷貝”圖層添加白色蒙版，按住“alt”鍵激活蒙版，“CTRL+V”粘貼

剛才復(fù)制的通道圖像（這樣做的目的，方便二次編輯），激活圖層即可看到摳圖效果。如圖 1-37;

圖 1-37

16

6、在背景圖層上方新建空白圖層，填充合適的顏色，最終效果如圖 1-38 所示。

圖 1-38

六、調(diào)整邊緣

“調(diào)整邊緣”命令與通道不同，是直接在當(dāng)前圖層上進行操作，經(jīng)常用于摳取人物或動

物毛發(fā)等比較細致的摳圖需要。事實上，任何一種選區(qū)工具如魔棒工具、多邊形套索工具、鋼

筆工具等等，都可以調(diào)用“調(diào)整邊緣”面板來配合使用。我們以摳出下圖中的狗狗為例，來感

受一下“調(diào)整邊緣”的強大功能。

1、打開素材，并復(fù)制背景圖層 ;

2、選擇“選擇——主體”，大致先框選出狗狗，如圖 1-39;

圖 1-39

17

3、選擇“選擇——選擇并遮?。–trl+alt+R）”，進入“調(diào)整邊緣”窗口，選擇合適的

視圖（這里選擇“疊加”視圖），并選擇“調(diào)整邊緣”畫筆，調(diào)整畫筆的大小和硬度 . 如圖 1-40、

1-41 ；

圖 1-40

圖 1-41

18

圖 1-41

4、微調(diào)“邊緣檢測——半徑”值，調(diào)整“平滑”參數(shù)，輸出設(shè)置勾選“凈化顏色”，數(shù)

量為“100%”。輸出到“新建帶有圖層蒙版的圖層”，方便二次編輯，如圖 1-42、1-43；

圖 1-42

19

圖 -143

5、將“草地”素材，拖至背景圖層上方，調(diào)整合適的位置，最終效果如圖 1-45 所示。

圖 1-44 圖 1-45

1.2.2 產(chǎn)品精修

產(chǎn)品精修就是在原圖的基礎(chǔ)上對產(chǎn)品的光影、色彩錦上添花。產(chǎn)品精修是電商設(shè)計中很

普遍的一個技能，由于市場的需求，很多產(chǎn)品都需要在拍攝的產(chǎn)品照片本身上做調(diào)整，使產(chǎn)品

最終的效果精致好看。產(chǎn)品精修的本質(zhì)目的就是為了提高產(chǎn)品的品質(zhì)感和視覺感，從而增加產(chǎn)

品的轉(zhuǎn)化率。比如電器、化妝品類目等，都離不開產(chǎn)品的精修，沒有好的產(chǎn)品視覺效果，消費

20

者關(guān)注度會大大降低。畢竟這類產(chǎn)品都是靠品牌影響力，沒有好的品牌形象就不會獲得更多的

客戶。如圖 1-46 為同一件商品精修前后對比。

圖 1-46

產(chǎn)品精修分為產(chǎn)品純修和產(chǎn)品重塑。無論是產(chǎn)品的純修還是重塑，其實就是從光，影，

形，色，質(zhì)五方面解決產(chǎn)品問題。精修沒有復(fù)雜或難以理解的操作，只需要你懂得光影的三大

面（1-47）和五大調(diào)（1-48）并且了解一些畫光（1-49）的操作技巧，了解產(chǎn)品的材質(zhì)（1-50）、

結(jié)構(gòu)（1-51）以及顏色（1-52），剩下就是耐心。掌握了這些技巧完全能夠在工作當(dāng)中很好的

完成產(chǎn)品的精修處理。

圖 1-47

圖 1-48

21

一、產(chǎn)品純修

像服裝類、鞋子、包、食品類等這類產(chǎn)品如果重塑的情況下，有時畫出來的效果顯得失真，

需要我們在產(chǎn)品的基礎(chǔ)上進行修復(fù)。下面我們以“翻毛皮鞋精修”為例，初步體驗產(chǎn)品精修之美。

1、使用 Photoshop 軟件打開圖片，Ctrl+J 復(fù)制圖層，首先觀察產(chǎn)品圖片是否有瑕疵，

可以通過三種方式來初步修圖；

⑴使用“污點修復(fù)畫筆工具”涂抹有瑕疵的地方松手即可完成修復(fù)；

⑵使用“修復(fù)畫筆工具”，按住 Alt 鍵先在完好的地方取樣，然后覆蓋到瑕疵上面即可；

⑶使用“修補工具”圈出需要修復(fù)的地方，形成選區(qū)，然后把選區(qū)拖到合適的地方即可。

2、接著使用“修補工具”把鞋上的線頭、白點等小瑕疵修完，效果如圖 1-53 所示；

圖 1-49

圖 1-50

圖 1-51 圖 1-52

22

圖 1-53

3、使用“仿制圖章工具”，按住 Alt 鍵取樣，修復(fù)凹陷的部分，效果如圖 1-54 所示；

圖 1-54

4、然后觀察產(chǎn)品結(jié)構(gòu)是否有缺陷，可以使用“鋼筆工具”勾勒出鞋底前面缺少的部分，

轉(zhuǎn)化為選區(qū)，使用“仿制圖章工具”把 缺失的部分修復(fù)出來，進一步調(diào)整修飾。如圖 1-55 所示；

圖 1-55

23

5、再運用高低頻來處理產(chǎn)品的光影，復(fù)制兩個背景圖層分別命名為“高頻”和“低頻”，

關(guān)閉“高頻”，給“低頻”進行 “高斯模糊”，直到看不清細節(jié)，如圖 1-56 所示；

圖 1-56

⑴打開“高頻”圖層，選擇“圖像→應(yīng)用圖像”，設(shè)置如圖 1-57 所示，點擊“確定”；

圖 1-57

24

⑵“高頻”模式改為“線性光”，效果如圖 1-58 所示；

⑶“低頻”圖層保留的是“光影”效果，“高頻”圖層保留的是“細節(jié)”，使用“涂抹工具”

在“低頻”圖層上涂抹明暗過渡不自然的地方，效果如圖 1-59 所示。

6、然后適當(dāng)調(diào)整圖片的“曲線”“色彩平衡“和“飽和度”給產(chǎn)品潤色，效果如圖 1-60

所示；

圖 1-58

圖 1-59

25

7、最后利用高反差保留補充紋理細節(jié)。 Ctrl+Shift+Alt+E 蓋印圖層。補充細節(jié)紋理，

點擊“濾鏡→其它→高反差保留”，半徑設(shè)置為 2，點擊“確定”。模式改為“線性光”，再

次蓋印圖層，效果如圖 1-61 所示， Ctrl+S 保存；

圖 1-60

圖 1-61

26

二、產(chǎn)品重塑

有些產(chǎn)品需要我們在原來的結(jié)構(gòu)之上，重新塑造，像化妝品、杯子、小家電等產(chǎn)品，下

面我們通過一個案例來詳細講解：

1、首先分析產(chǎn)品主要由瓶蓋和瓶身兩部分組成，一般采取的是單測光拍攝，光投向產(chǎn)品，

光源模糊，明暗過度均勻，反射小。修圖適合一般觀察產(chǎn)品的形態(tài)，顏色、光影等會否合理；

2、使用 PS 打開圖片，選擇“矩形選框工具”框選瓶子，Ctrl+J 復(fù)制圖層，分別依據(jù)

瓶子邊緣拉出四條參考線，Ctrl+T，把中心點移動到瓶子的左下角，按住 Ctrl+Shift 鍵，調(diào)

整瓶子的傾斜度，效果如圖 1-62 所示；

3、Ctrl+；隱藏參考線，使用“鋼筆工具”勾勒出瓶蓋和瓶身的選區(qū)，如圖 1-63；

圖 1-62

圖 1-63

27

4、選擇“路徑選擇工具”選中瓶蓋路徑，Ctrl+X 剪切，打開路徑面板，新建路徑 1，

Ctrl+V 粘貼，雙擊工作路徑，保存為路徑 2，如圖 1-64 所示；

5、調(diào)出瓶蓋選區(qū)，Ctrl+J 復(fù)制，并 Ctrl+G 編組，命名為“瓶蓋”，再調(diào)出選區(qū)，給“瓶

蓋組”添加“圖層蒙版”。同樣的方法做出“瓶身組”添加“圖層蒙版”，如圖 1-65 所示 ；

圖 1-64

圖 1-65

28

6、關(guān)閉瓶子圖層 1，在瓶身圖層上方創(chuàng)建新圖層，填充顏色“d5d2dd”，在背景圖層上

方創(chuàng)建新圖層，填充灰色。在“瓶身組”內(nèi)部上方創(chuàng)建新圖層，使用“矩形選框工具”繪制矩

形選框，并填充白色，添加“高斯模糊”，做出高光部分。復(fù)制該圖層，進一步調(diào)整做出高光

和暗部銜接的地方，效果如圖 1-66 所示；

7、使用同樣的方法，做出右側(cè)瓶身的反光部分，效果如圖 1-67 所示 ；

圖 1-66

圖 1-67

29

8、調(diào)出瓶身選區(qū)，Ctrl+Shift+I 反選，點擊“矩形選框工具”，按住 Alt+Shift，鼠

標(biāo)出現(xiàn) ，框選瓶身，如圖 1-68 所示。創(chuàng)建新圖層，填充為黑色；

9、給該圖層添加“高斯模糊”，半徑為 9。Ctrl+T 適當(dāng)調(diào)整位置，降低不透明度為

50%，效果如圖 1-69 所示；

圖 1-68

圖 1-69

30

10、使用第 7 步同樣的方法，做出如圖所示的選區(qū)，并填充為黑色，進行“高斯模糊”，

半徑為 3.5，Ctrl+T 適當(dāng)調(diào)整位置，降低不透明度為 70%。在底部創(chuàng)建新圖層，使用“畫筆工具”

調(diào)整大小，和不透明度，點擊圖層，Ctrl+T 向下壓縮，放置到下面，適當(dāng)調(diào)整，降低不透明度，

效果如圖 1-70 所示；

圖 1-70

11、調(diào)出瓶蓋的選區(qū)，選擇“矩形選區(qū)工具”，按住 Alt 鍵，如圖減去上半部分選區(qū)，

創(chuàng)建新圖層，填充為黑色，稍向下移動，進行“高斯模糊”，降低不透明度，添加“圖層蒙版”，

使兩邊的過渡更加自然；

圖 1-71

31

12、創(chuàng)建新圖層，使用“鋼筆工具”繪制如圖所示的路徑，前景色設(shè)置為白色，點擊右鍵，

選擇“描邊路徑”，工具選擇“畫筆”，勾選“模擬壓力”。然后進行“高斯模糊”，半徑為 2，

同樣添加“圖層蒙版”，使用漸變使兩邊過渡更加自然，降低不透明度，效果如圖 1-72 所示；

圖 1-72

13、創(chuàng)建新圖層，點擊畫筆工具，在選項欄里選中按鈕 ，打開路徑面板，選擇“工作路 徑”，

回到圖層，再次點擊右鍵，選擇“描邊路徑”，工具選擇“畫筆”，勾選“模擬壓力”，點擊

確定。同樣添加“圖層蒙版”，做出兩邊到中間的過渡效果，高光部分更亮，如圖 1-73；

圖 1-73

32

14、給瓶身所有高光圖層編組，添加“圖層蒙版”，擦除瓶蓋上不需要的部分，進一步

調(diào)整 底部的明暗程度，如圖 1-74 所示；

圖 1-74

15、Ctrl+J 復(fù)制“瓶身組”，Ctrl+T，點擊右鍵“垂直翻轉(zhuǎn)”，向下移動到平底的下方，

添加圖層蒙版，做出倒影效果；

16、開始做瓶蓋部分，復(fù)制“瓶身組”中的顏色圖層到“瓶蓋組”，調(diào)整色階，效果如圖 1-75

所示；

圖 1-75

33

17、復(fù)制“瓶身組”內(nèi)的高光編組到“瓶蓋組”，向上移動，“圖層蒙版”填充為白色，

重 新設(shè)置，使用“畫筆工具”，降低不透明度和流量，擦除瓶蓋上下邊緣部分，形成瓶蓋厚度，

效果如圖 1-76 所示；

圖 1-76

18、在瓶蓋高光組內(nèi)創(chuàng)建新圖層，使用“矩形選框工具”繪制矩形選區(qū)，并填充為白色，

降低不透明度，復(fù)制該圖層調(diào)整寬度和不透明度，分別做出如圖所示的灰面和反光，如圖 1-77

所示；

圖 1-77

34

19、分別給三個圖層添加“圖層蒙版”，使用黑到白的漸變?nèi)コ可w底部不需要的高光部分，

并合并編組，如圖 1-78；

圖 1-78

20、在高光組上方創(chuàng)建新圖層，調(diào)出瓶蓋選區(qū)，Ctrl+Shift+I 反選，選擇“矩形選框工具”，

按住 Alt+Shift，繪制矩形選區(qū)，并填充為黑色，如圖 1-79；

圖 1-79

35

21、取消選區(qū)，添加“高斯模糊”，半徑為 4，Ctrl+T，上下的暗部拉出瓶蓋區(qū)域，進

一步調(diào)整左右兩邊，并降低不透明度為 50%，效果如圖 1-80 所示；

圖 1-80

22、創(chuàng)建新圖層，使用第 19、20 同樣的方法做出瓶蓋上下邊緣的暗部，效果如圖 1-81所示；

圖 1-81

36

23、創(chuàng)建新圖層，前景色為白色，調(diào)整“畫筆工具”的不透明度和流量為最大，使用“鋼

筆工具”繪制路徑，點擊右鍵“描邊路徑”，工具選擇“畫筆”，勾選“模擬壓力”，點擊確

定 , 如圖 1-82；

圖 1-82

24、選擇該圖層，進行“高斯模糊”，半徑為 3。打開路徑面板，選擇“工作路徑”，

回到圖層，選擇“畫筆工具”，打開選項欄中 ，切換“鋼筆工具”，同樣點擊右鍵“描邊路徑”，

工具選擇“畫筆”，勾選“模擬壓力”，點擊確定。再添加“圖層蒙版”，使用“漸變工具”

使兩端過渡自然。如圖 1-83：

圖 1-83

37

25、根據(jù)上面學(xué)過的內(nèi)容，進一步調(diào)整瓶身的高光。移入文字放到對應(yīng)的位置，在上方

創(chuàng)建新圖層，使用“矩形選框工具”繪制矩形選區(qū)，并填充為白色，向下做“剪貼蒙版”，進

行“高斯模糊”，降低不透明度，效果如圖 1-84 所示；

圖 1-84

26、在下方創(chuàng)建新圖層，使用黑到白的徑向漸變做出背景，選擇“曲線工具”調(diào)整顏色，

效果如圖 1-85 所示，Ctrl+S 保存。

圖 1-85

38

1.2.3 產(chǎn)品特效制作

產(chǎn)品特效，其實也就是給產(chǎn)品添加合適的光效，對產(chǎn)品的賣點進行可視化設(shè)計，能讓你

的產(chǎn)品更吸引眼球。電飯煲、吹風(fēng)機、暖風(fēng)扇、空調(diào)等功能性的產(chǎn)品，添加合理的光效設(shè)計不

僅能讓冰冷冷的產(chǎn)品多了幾分色彩，還能讓產(chǎn)品的展示效果錦上添花。這也是網(wǎng)店美工設(shè)計師

必備的技能。下面以“電飯煲特效”制作為例，開啟新的技能學(xué)習(xí)。

具體操作步驟：

1、打開 PS，新建畫布，寬度 900 像素，高度 1200 像素。拖入素材轉(zhuǎn)化為智能對象，

調(diào)整大小，如圖 1-86 所示；

圖 1-86

2、調(diào)整圖層順序，在底部創(chuàng)建新圖層，填充為深灰色。選中鍋的圖層添加“圖層蒙版”，

使用畫筆涂抹，顯示出內(nèi)膽，如圖 1-87 所示；

圖 1-87

39

3、選擇內(nèi)膽圖層，添加“圖層蒙版”，調(diào)整畫筆工具的不透明度和流量，做出如圖 1-88

所示的效果；

圖 1-88

4、選擇“橢圓工具”繪制橢圓，填充為無，描邊 2 像素淺粉色，Ctrl+J 復(fù)制，描邊改

為 1 像素，多次復(fù)制描邊為 1 像素的橢圓，調(diào)整角度，如圖 1-89 所示；

圖 1-89

40

5、選中所有橢圓進行編組，選擇組內(nèi)的最下面的橢圓添加圖層樣式“外發(fā)光”，并拷貝

圖層樣式，選中其他的橢圓，點擊右鍵粘貼圖層樣式 , 如圖 1-90 所示；

圖 1-90

6、選中橢圓組，添加“圖層蒙版”，調(diào)出內(nèi)膽的選區(qū)，擦去不需要的部分，如圖 1-91 所示；

圖 1-91

41

7、同樣的方法，做出下面兩個光圈。如圖 1-92 所示；

圖 1-92

8、在黑色圖層上方創(chuàng)建新圖層，使用“畫筆工具”在圖層上點擊，繪制出紅色的火效果。

Ctrl+T 向下壓縮，Ctrl+J 連續(xù)復(fù)制拉長得到如圖所示的效果，選中所有相關(guān)圖層編組，并調(diào)

出鍋的選區(qū)，添加“圖層蒙版”，如圖 1-93 所示；

圖 1-93

42

9、在上方繪制橢圓，填充為無，3 像素紅色描邊，添加羽化為 4 像素，添加“圖層蒙版”，

擦除不需要的部分，如圖 1-94 所示；

圖 1-94

10、連續(xù)復(fù)制該圖層，修改蒙版和大小，做出如圖 1-95 所示的效果，然后把相關(guān)圖層編組；

圖 1-95

43

11、在內(nèi)膽圖層上方，創(chuàng)建新圖層，選擇“畫筆工具”，前景色調(diào)整為淺紅色，調(diào)整不

透明度和流量，在圖層上涂抹，烘托氛圍。降低不透明度，添加“圖層蒙版”，擦除不需要涂

抹的部分，如圖 1-96 所示；

圖 1-96

12、在鍋的下方創(chuàng)建新圖層，使用“畫筆工具”，多次調(diào)整顏色，點擊圖層，得到如圖

所示的光點，如圖 1-97 所示；

圖 1-97

44

13. 復(fù)制光點，調(diào)整大小，放到對應(yīng)的位置，選中所有光點編組，效果如圖 1-98 所示；

圖 1-98

14、在黑色圖層上方，繪制紅色橢圓，添加羽化，如圖 1-99 所示；

圖 1-99

45

15、在紅色橢圓上方創(chuàng)建新圖層，使用“畫筆工具”繪制陰影并編組，如圖 1-100 所示；

圖 1-100

16、選中所有圖層向下移動到合適位置，拖入素材，模式改為“濾色”，使用“矩形選框”

框選需要的部分，點擊“圖像→裁剪”得到如圖所示的效果。Ctrl+S 保存。如圖 1-101 所示；

圖 1-101

46

1.2.4 產(chǎn)品調(diào)色

產(chǎn)品在前期拍攝的過程中，有可能因為某些原因拍攝出的產(chǎn)品曝光不足、高曝光度、不

夠清晰、色彩不艷麗等問題，網(wǎng)店美工可以利用 Photoshop 中的“Camera Raw 濾鏡”、“曲線”、

“色相 / 飽和度”、“色彩平衡”等調(diào)色工具，對產(chǎn)品圖片進行后期的處理潤色。

一、通過調(diào)整“色彩平衡”，達到整體的和諧統(tǒng)一

色彩平衡，顧名思義就是通過對顏色的調(diào)整使圖像達到顏色上的平衡?？梢苑謩e對高光

區(qū)域、中間調(diào)和陰影三部分單獨調(diào)整，從而更好的保持色彩的一致。

空調(diào)的房間，用冷色調(diào)的藍表達空調(diào)散發(fā)的涼爽，通“色彩平衡”調(diào)整，矯正整體的色彩，

達到冷色基調(diào)，如圖 1-102所示。局部可以通過蒙版調(diào)整不需要更改顏色的區(qū)域，如 1-103所示。

圖 1-102

圖 1-103