帶你讀《Photoshop+Dreamweaver淘寶天貓網店美工與廣告設計一本通 : 實戰版》之三：商品圖像的修複與修飾

點選檢視第零章 點選檢視第一章

第2章 商品圖像的修複與修飾

拍攝的商品照片中，總會有不盡如人意的地方，如包裝上的污迹、商品細節的瑕疵、影響商品展示的多餘物件等。如果将這些有瑕疵的照片直接用于網店裝修，會大大影響買家正确判斷商品的品質。Photoshop提供了大量用于修複與修飾圖像的工具，應用這些工具除了能去除圖像中的瑕疵，還能對圖像進行适當的美化，提升商品的形象。

步驟 01

打開01.jpg素材圖像，複制“背景”圖層，得到“背景 拷貝”圖層。

步驟 02

選擇工具箱中的“污點修複畫筆工具”，調整畫筆至合适的大小，将滑鼠指針移到包裝盒上的污迹位置。

步驟 03

單擊滑鼠，即可去除單擊處的污迹圖像，繼續使用畫筆單擊并塗抹污迹。

步驟 04

在單擊并塗抹的時候，可以按下鍵盤中的[或]鍵，調整畫筆筆觸大小，直到去除包裝盒上的所有污迹。

步驟 05

建立“曲線1”調整圖層，打開“屬性”面闆，在面闆中單擊并拖動曲線，調整曲線形狀，更改圖像的明暗效果，使包裝盒圖像呈現出更幹淨的狀态。

打開02.jpg素材圖像，按下快捷鍵Ctrl+J，複制圖層，生成“圖層1”圖層。

選擇“仿制圖章工具”，在選項欄中設定“不透明度”和“流量”，按住Alt鍵在裂縫旁邊位置單擊取樣。

将滑鼠指針移到裂縫所在位置，單擊并塗抹，修複圖像。再次按住Alt鍵在另一位置單擊，取樣圖像。

繼續在珠子的裂縫位置單擊并塗抹，修複圖像。通過重複使用“仿制圖章工具”修複更多的瑕疵，得到完美的商品圖像。

打開03.jpg素材圖像，按下快捷鍵Ctrl+J，複制圖像，生成“圖層1”圖層，使用“磁性套索工具”在包帶内側位置單擊并拖動，建立選區。

選擇工具箱中的“仿制圖章工具”，在選項欄中設定“不透明度”和“流量”，按住Alt鍵單擊以取樣圖像，然後在選區中的挂鈎圖像上單擊以仿制圖像。

繼續使用“仿制圖章工具”塗抹，去除選區中的挂鈎圖像。使用“套索工具”在包帶外側的位置單擊并拖動，建立選區。

選擇“仿制圖章工具”，按住Alt鍵不放，在幹淨的背景位置單擊以取樣圖像，然後在挂鈎圖像上塗抹，應用取樣的圖像遮蓋住挂鈎圖像。

打開04.jpg素材圖像，選擇“背景”圖層，将其拖動到“建立新圖層”按鈕上，釋放滑鼠，複制圖層，得到“背景 拷貝”圖層。

選擇工具箱中的“修補工具”，在畫面右側的攝影棚圖像周圍單擊并拖動，建立選區。

将選區中的圖像向左拖動到幹淨的背景圖像上，釋放滑鼠，應用幹淨的背景圖像替換選區中的圖像。

使用“修補工具”在畫面左上角的攝影棚圖像周圍單擊并拖動，建立選區。

将選區中的圖像拖動到畫面右側幹淨的背景圖像上，去除攝影棚痕迹。

步驟 06

繼續使用“修補工具”修補圖像，去除所有的攝影棚痕迹，在圖像視窗中檢視圖像效果。

步驟 07

建立“色階1”調整圖層，打開“屬性”面闆，設定色階為0、1.31、255，調整圖像的亮度。

打開05.jpg素材圖像，複制“背景”圖層，生成“背景 拷貝”圖層。

選擇工具箱中的“修補工具”，在畫面中的日期文字周圍單擊并拖動，建立選區，将選區拖動到幹淨的背景區域上。

使用“修補工具”繼續在畫面中建立新的選區，然後将選區拖動至幹淨的背景上，遮蓋日期文字。

選擇“仿制圖章工具”，按住Alt鍵在幹淨的背景區域單擊以取樣圖像，然後在日期文字上拖動滑鼠，将其覆寫。

繼續結合“修補工具”和“仿制圖章工具”去除更多的日期文字，在圖像視窗中檢視去除後的圖像效果。

打開06.jpg素材圖像，按下快捷鍵Ctrl++，放大顯示圖像，可以看到人物皮膚上明顯的斑點。

建立“圖層1”圖層，選擇“污點修複畫筆工具”，勾選“對所有圖層取樣”複選框，在斑點位置單擊。

使用“污點修複畫筆工具”在人物眼睛下方的頭發絲位置單擊并拖動，去除皮膚上多餘的頭發絲。

繼續使用相同的方法，在人物皮膚上的其他瑕疵位置單擊并拖動，去除更多的瑕疵，得到更幹淨的皮膚效果。

技巧提示　修複皮膚上的大面積瑕疵

當模特皮膚的斑點瑕疵問題較嚴重且覆寫面積太大時，雖然也可以使用正常修複工具去除，但是去除的過程非常煩瑣，處理進度慢且效果不好，這時可以使用高反差保留濾鏡加計算法，選取皮膚上有瑕疵的區域，再通過曲線調亮加以修複。

在“通道”面闆中選擇并複制對比反差較大的一個顔色通道，如下左圖所示。然後執行“濾鏡>其他>高反差保留”菜單指令，應用預設設定處理圖像，将瑕疵與面部的其他區域分開，如下右圖所示。

接下來執行“圖像>計算”菜單指令，在打開的對話框中設定選項，如下左圖所示，加大瑕疵與面部其他區域的明暗反差對比。經過重複計算後，可以看到人物皮膚上較明顯的瑕疵部分，如下中圖所示。載入通道選區，選擇圖像，如下右圖所示。

按下快捷鍵Ctrl+Shift+I，反選選區，即可選中皮膚上的瑕疵部分，應用“曲線”提亮這部分圖像，就能得到幹淨、細膩的皮膚效果，如下圖所示。

打開07.jpg素材圖像，複制“背景”圖層，生成“背景 拷貝”圖層。

執行“濾鏡>模糊>表面模糊”菜單指令，在打開的對話框中設定“半徑”為9像素、“門檻值”為9色階，模糊圖像。

為“背景 拷貝”圖層添加圖層蒙版，并将蒙版填充為黑色，選擇“畫筆工具”，設定前景色為白色，設定“不透明度”和“流量”，塗抹皮膚位置。

按下鍵盤中的[或]鍵，調整畫筆筆觸大小，繼續塗抹皮膚位置，對人物進行磨皮，得到光滑的皮膚效果。

建立“曲線1”調整圖層，在“屬性”面闆中單擊并向上拖動曲線，選擇“藍”選項，然後單擊并向上拖動曲線。

選中“曲線1”圖層蒙版，在工具箱中設定前景色為黑色，使用“畫筆工具”塗抹不需要調整的區域。

打開08.jpg素材圖像，複制“背景”圖層，生成“背景 拷貝”圖層，執行“濾鏡>液化”菜單指令。

打開“液化”對話框，單擊工具欄中的“褶皺工具”按鈕，在“畫筆工具選項”下設定畫筆“大小”為600，在模特的肚子位置單擊，收縮圖像。

單擊工具欄中的“向前變形工具”按鈕，在“畫筆工具選項”下設定畫筆“大小”為200，在模特的肚子位置單擊并向内側拖動，收細腰部曲線。

單擊“膨脹工具”按鈕，在“畫筆工具選項”下設定畫筆“大小”為400，在胸部位置單擊，制作豐胸效果。

繼續使用“液化”對話框中的工具修飾模特的身形，完成後在圖像視窗中檢視編輯後的效果。

技巧提示　人物五官的修飾

應用“液化”濾鏡不但可以修飾人物的身形，還可以修飾人物的臉形和五官。“液化”濾鏡提供的進階人臉識别功能，可自動識别眼睛、鼻子、嘴唇和其他面部特征，我們隻需要在相應的選項組中設定參數，就能輕松地對其進行調整，如下圖所示。但使用此功能需要先在Photoshop 首選項中啟用圖形處理器。

打開09.jpg素材圖像，按下快捷鍵Ctrl+J，複制圖層，得到“圖層1”圖層。

選擇“減淡工具”，在選項欄中選擇“高光”範圍，設定“曝光度”為5%，在水晶上塗抹。

按下快捷鍵Ctrl+J，複制圖層，選擇“加深工具”，在選項欄中選擇“陰影”範圍，設定“曝光度”為10%，在水晶上塗抹。

建立“亮度/對比度1”調整圖層，打開“屬性”面闆，在面闆中設定“亮度”為20、“對比度”為10，調整圖像，加強對比。

打開10.jpg素材圖像，選擇“套索工具”，設定“羽化”值為100像素，在圖像中建立選區。

按下快捷鍵Ctrl+J，複制選區中的圖像，在“圖層”面闆中得到“圖層1”圖層，執行“濾鏡>銳化>智能銳化”菜單指令。

打開“智能銳化”對話框，在對話框中設定“數量”為220%、“半徑”為5像素、“減少雜色”為10%，輸入陰影“漸隐量”為10%，輸入高光“漸隐量”為10%。

确認設定，在圖像視窗中檢視應用濾鏡銳化後的圖像，可以看到包包表面的紋理更加清晰了。單擊“添加圖層蒙版”按鈕，為“圖層1”圖層添加蒙版。

選擇“畫筆工具”，在工具箱中設定前景色為黑色，在選項欄調整“不透明度”和“流量”，使用“畫筆工具”在銳化過度的位置塗抹。

繼續使用“畫筆工具”在其他銳化過度的區域塗抹，還原塗抹區域的清晰度，在圖像視窗中檢視編輯後的效果。

知識擴充　淘寶平台上傳圖檔的要求

在淘寶平台上傳商品展示圖檔時，圖檔大小不能超過120KB，并且圖像格式必須為JPG或GIF。如果圖檔大小超過120KB，可以在Photoshop中執行“存儲為Web所用格式”指令，再通過設定“品質”選項，将圖檔大小調整至120KB以内。

打開11.jpg素材圖像，複制“背景”圖層，得到“背景 拷貝”圖層，執行“濾鏡>模糊畫廊>光圈模糊”菜單指令。

在圖像視窗中可以看到光圈中的商品圖像保持原本的清晰度，而光圈外的圖像顯示出逐漸模糊的效果。

單擊并拖動調整模糊光圈的大小和位置，然後在“模糊工具”面闆中設定“模糊”值為18像素。

設定完成後單擊“确定”按鈕，确認設定，應用“光圈模糊”濾鏡模糊圖像，突出畫面中間的錢包圖像。

知識擴充　景深效果在商品詳情頁的應用

景深效果在網店裝修中主要應用于商品詳情頁中的商品場景展示和細節展示，通過對圖像進行适當的模糊，弱化不需要表現的部分，強化需要重點表現的部分。一些網店在裝修時，可能為了節約時間，并未對商品圖像應用景深效果，而是直接将拍攝的商品照片應用到頁面中，這樣容易給買家留下不專業的印象，甚至可能讓買家弄不清楚要表現的商品及其賣點。下左圖所示為未經過模糊處理應用到詳情頁中的商品展示效果，牆面背景及旁邊的搭配燈光等都被顯示在畫面中，給人感覺有些淩亂；而下右圖則是對圖像進行過模糊處理的商品實拍展示，可以看到，畫面中的背景和一隻鞋子被進行了适當的模糊處理，突出了另一隻鞋子，畫面主次分明，更有層次感。