淘寶天貓美工 第4章 淘寶商品圖片的后期處理

第4章淘寶商品圖片的后期處理不管是拍攝獲取商品圖片，還是在網(wǎng)上下載圖片素材，最后都要經(jīng)過一定的后期處理，制作成一個(gè)完成的淘寶設(shè)計(jì)方案。在淘寶首頁圖片或者詳情頁圖片中，任何素材都是經(jīng)過Photoshop合成和美化過的，要想形成一個(gè)完整的設(shè)計(jì)方案，必須經(jīng)過色彩調(diào)整、圖片摳取、修飾美化、添加水印等多種后期處理，本章要講解的就是對(duì)淘寶商品圖片精選后期處理的系列方法。4.1摳取圖片中的商品和人物摳圖是指將需要的對(duì)象從圖像背景中分離出來的一種圖像處理方法，這是后期處理圖片的一個(gè)重要基礎(chǔ)。對(duì)于不同4.1.1摳取形狀單一的商品圖片案例名稱摳取形狀單一的商品圖片素材文件光盤/素材/04/餅干盒.jpg效果文件光盤/效果/06/單一形狀摳圖.psd視頻文件掃右側(cè)二維碼對(duì)于一些形狀比較規(guī)則的圖片，可以使用選框工具組和套索工具組進(jìn)行摳圖。如圖4-1所示，為摳取形狀單一的餅下面使用多邊形套索工具摳取形狀規(guī)則的商品圖片，其●STEP1啟動(dòng)Photoshop,打開素材文件“餅干盒.jpg”,如圖4-2所示?！馭TEP2選擇工具箱中的多邊形套索工具,放大圖像后，沿著盒子邊緣依次單擊鼠標(biāo)確定錨點(diǎn)，如圖4-3所●STEP3回到最初的錨點(diǎn)，此時(shí)鼠標(biāo)指針變?yōu)樾螤睿瑔螕艏纯砷]合路徑并自動(dòng)載入選區(qū)，如圖4-4所示?！馭TEP4按【Ctrl+J】組合鍵將選區(qū)中的圖像復(fù)制到新的圖組合鍵打開“曲線”對(duì)話框，調(diào)整曲線來提亮整體圖像，如圖4-5所示。案例名稱摳取背景簡(jiǎn)單的商品圖片素材文件光盤/素材/04/手表.jpg效果文件光盤/效果/06/簡(jiǎn)單背景摳圖.psd視頻文件掃右側(cè)二維碼背景，可以使用魔棒工具來快速摳圖，效果如圖4-6所示。下面使用魔棒工具摳取手表圖像，其具體操作步驟如●STEP1打開素材文件“手表.jpg”,按【Ctrl+J】組合鍵復(fù)制背景圖層，如圖4-7所示。置容差為10,然后在圖片的背景上單擊，如圖4-8所示。●STEP3單擊工具屬性欄中的“添加到選區(qū)”按鈕或直接按住【Shift】鍵，繼續(xù)在需要建立選區(qū)的區(qū)域單擊，將所有白色的背景都載入選區(qū)，如圖4-9所示?！馭TEP4按【Shift+Ctrl+I】組合鍵反選選區(qū)，獲得手表圖像的選區(qū)，如圖4-10所示。擇"選擇并遮住"命令，如圖4-11所示?！馭TEP6在打開的界面右側(cè)“視圖"下拉列表中選擇“疊加”選項(xiàng)，在“全局調(diào)整”欄中設(shè)置平滑度和羽化值，在“輸出設(shè)置”欄中的“輸出到"下拉列表中選擇“新建帶有圖層蒙版的文檔"選項(xiàng)，如圖4-12所示。如圖4-13所示。4.1.3摳取圖形復(fù)雜的商品圖片案例名稱摳取圖形復(fù)雜商品圖片素材文件光盤/素材/04/沙發(fā)凳.jpg效果文件光盤/效果/06/復(fù)雜摳圖.psd視頻文件掃右側(cè)二維碼對(duì)于商品主體形狀比較復(fù)雜的圖像，或主體與背景顏色不分明的圖像，可以使用鋼筆工具來摳取，最終效果如圖4-14下面使用鋼筆工具摳取沙發(fā)凳圖像，其具體操作步驟●STEP1打開素材文件“沙發(fā)凳.jpg”,按【Ctrl+J】組合鍵復(fù)制背景圖層，如圖4-15所示。邊緣依次單擊并拖到鼠標(biāo)，創(chuàng)建路徑，如圖4-16所示。反選選區(qū)，如圖4-18所示?！馭TEP5按【Ctrl+J】組合鍵將選區(qū)圖像復(fù)制到新的圖層，并隱藏后面的背景圖層，如圖4-19所示?！馭TEP6此時(shí)的路徑只選擇了凳子的外圍，還有一些鏤空的區(qū)域沒有選中，因此，還需要使用鋼筆工具繼續(xù)繪制路徑，如圖4-20所示。圖4-19如圖4-21所示?！馭TEP8在“圖層"面板中單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕0,創(chuàng)建“自然飽和度”調(diào)整圖層，調(diào)整圖像的飽和度，如圖4-22所示。案例名稱毛發(fā)和細(xì)節(jié)摳圖素材文件光盤/素材/04/貓咪.jpg效果文件光盤/效果/06/毛發(fā)摳圖.psd視頻文件掃右側(cè)二維碼當(dāng)需要摳取模特發(fā)絲、寵物或毛絨玩具等圖像時(shí)，前面的工具顯然都不適用，此時(shí)可以使用圖層蒙版來摳取圖像，最終效果圖如圖4-23所示。鍵復(fù)制背景圖層，如圖4-24所示?！馭TEP3將路徑載入選區(qū)，羽化20像素，按【Ctrl+J】組合鍵復(fù)制選區(qū)圖像到新的圖層，得到圖層2,再次選擇復(fù)制的背景圖層1,使用套索工具將貓咪的整體框選出來并新建兩個(gè)圖層，如圖4-26所示?！馭TEP4隱藏背景圖層和其他圖層，只顯示圖層3,如圖●STEP5按【Ctrl+L】組合鍵打開“色階”對(duì)話框，單擊“在圖像中取樣并設(shè)置白場(chǎng)”按鈕，如圖4-28所示?！馭TEP6在圖像中的灰色背景上單擊，此時(shí)圖像背景變?yōu)檫x擇圖層3拷貝圖層，單擊“圖層"面板中的“添加圖層蒙版”按鈕口，為其創(chuàng)建圖層蒙版，然后使用黑色的畫筆在灰色背景上涂抹，如圖4-30所示?！馭TEP8在圖層1上方新建圖層，設(shè)置前景色為任意顏色，組合鍵，以前景色填充圖層，然后顯示圖層2,如圖4-31所示。圖層3拷貝●STEP9此時(shí)的圖像邊緣還有一些灰色背景，選擇圖層3,選擇工具箱中的橡皮擦工具擦除多余的灰色背景，只顯示毛發(fā)，如圖4-32所示?！馭TEP10摳取的貓咪圖像放大后的效果如圖4-33所示。案例名稱圖層關(guān)系替換背景素材文件光盤/素材/04/背景.jpg、花瓶.jpg效果文件光盤/效果/06/替換背景.psd視頻文件掃右側(cè)二維碼圖層之間的混合關(guān)系來替換背景，最終效果如圖4-34所示。●STEP2選擇工具箱中的鋼筆工具，先將花瓶瓶身摳取出來，如圖4-36所示。●STEP3選擇花瓶所在圖層，使用套索工具將葉子選中，按【Ctrl+J】組合鍵復(fù)制選區(qū)中的圖像為新圖層，如圖4-37所示。●STEP4選擇葉子所在圖層，按【Ctrl+L】組合鍵打開“色階”對(duì)話框，單擊“在圖像中取樣并設(shè)置白場(chǎng)”按鈕，在灰色背景上單擊將背景變?yōu)榘咨?，如圖4-38所示?！馭TEP5使用魔棒工具在白色背景上單擊載入選區(qū)，按【Delete】鍵刪除選區(qū)，取消選區(qū)后如圖4-39所示。●STEP6選擇瓶身所在圖層，雙擊圖層打開“圖層樣式”對(duì)話框，在“顏色混合帶”的本圖層下，按住【Alt】鍵不放的同時(shí)單擊并拖動(dòng)右側(cè)滑塊的左半邊滑塊，如圖4-40所示。的位置，如圖4-41所示。選區(qū)并羽化10像素，使用灰色填充橢圓選區(qū)，制作瓶子的陰影，取消選區(qū)后的效果如圖4-42所示。4.2修飾美化商品圖片案例名稱使用內(nèi)容識(shí)別填充素材文件光盤/素材/04/鞋子jpg效果文件光盤/效果/06/內(nèi)容識(shí)別填充jpg視頻文件掃右側(cè)二維碼的圖像。使用內(nèi)容識(shí)別修飾商品圖片的最終效果如圖4-43所下面使用內(nèi)容識(shí)別來去除圖像中不需要的文字，其具體●STEP1打開素材文件“鞋子.jpg”,在的部分區(qū)域，如圖4-45所示。如圖4-44所示。,框選文字所超輕超軟超保暖超輕超軟超保暖●STEP3按【Delete】鍵打開“填充”對(duì)話框，在“內(nèi)容”下拉列表中選擇“內(nèi)容識(shí)別”選項(xiàng)，如圖4-46所示?！馭TEP4單擊癥按鈕，此時(shí)的圖像選區(qū)可能并不如意，需要再次調(diào)整，如圖4-47所示?顏色適應(yīng)(C)模式：正常保言語明區(qū)域P鍵打開“填充”對(duì)話框，重復(fù)前面的操作，直到圖像完成修復(fù)，如圖4-48所示。4.2.2使用污點(diǎn)修復(fù)畫筆工具去除污點(diǎn)案例名稱使用污點(diǎn)修復(fù)畫筆工具去除污點(diǎn)素材文件光盤/素材/04/包包.jpg效果文件光盤/效果/06/修復(fù)污點(diǎn)jpg視頻文件掃右側(cè)二維碼之一，利用該工具可以快速移去照片中的污點(diǎn)和其他不理想部分，調(diào)整效果如圖4-49所示。下面使用污點(diǎn)修復(fù)畫筆工具去除圖片中污點(diǎn)，其具體操●STEP1打開素材文件“包包.jpg”,可觀察到圖片中有一些污點(diǎn)，需要將其去除，如圖4-50所示?！馭TEP2選擇工具箱中的污點(diǎn)修復(fù)畫筆工具,按【[】鍵和【]】鍵調(diào)整畫筆大小，在需要修復(fù)污點(diǎn)的位置單擊，如圖4-51所示。位置上的污點(diǎn)即可，如圖4-52所示。4.2.3使用仿制圖章工具修復(fù)圖片案例名稱使用仿制圖章工具修復(fù)圖片素材文件光盤/素材/04/玩具熊.jpg效果文件光盤/效果/06/修復(fù)圖像.jpg視頻文件掃右側(cè)二維碼個(gè)新的圖像中，是圖像修復(fù)最常用的工具之一。對(duì)比效果如圖4-53所示?！馭TEP1打開素材文件“玩具熊.jpg”,下中的文字抹掉，如圖4-54所示。單擊取樣，如圖4-55所示?！馭TEP3取樣后在文字上單擊涂抹，可將取樣點(diǎn)處的圖像復(fù)制到該處，如圖4-56所示?！馭TEP4依次在文字周圍取樣，然后修復(fù)文字區(qū)域即可，如圖4-57所示。圖4-57案例名稱使用修補(bǔ)工具修復(fù)圖片素材文件光盤/素材/04/保溫瓶.jpg效果文件光盤/效果/06/修補(bǔ)工具修復(fù)圖像.jpg視頻文件掃右側(cè)二維碼修補(bǔ)工具是使用圖像中某些特定的區(qū)域來替換需要修補(bǔ)的區(qū)域，它會(huì)將源區(qū)域和目標(biāo)區(qū)域的紋理、明暗等相匹配。使用修補(bǔ)工具修復(fù)圖像的前后對(duì)比效果如圖4-58所示。下面使用修補(bǔ)工具去除圖中的文字區(qū)域，其具體操作步●STEP1打開素材文件“保溫瓶.jpg”,需要將瓶身上的文字抹掉，如圖4-59所示?！馭TEP2選擇工具箱中的修補(bǔ)工具●,沿瓶身上的文字周圍繪制一個(gè)選區(qū)，如圖4-60所示?！馭TEP3按住鼠標(biāo)左鍵不放，把選區(qū)拖動(dòng)到瓶身上沒有文字的區(qū)域，注意移動(dòng)選區(qū)時(shí)修補(bǔ)的區(qū)域要與瓶身顏色保持一致，如圖4-61所示?！馭TEP4此時(shí)按【Ctrl+D】組合鍵取消選區(qū)，即可修補(bǔ)圖像，如圖4-62所示。4.3對(duì)圖片人物進(jìn)行瘦身和磨皮案例名稱高低頻磨皮素材文件光盤/素材/04/臉部.jpg效果文件光盤/效果/06/高低頻磨皮.psd視頻文件掃右側(cè)二維碼對(duì)人物皮膚進(jìn)行磨皮的方法有多種，可以下載Photoshop高低頻磨皮的原理是把皮膚顏色層和紋理層分開。皮膚層為低頻層，不用保持細(xì)節(jié)，只需稍微模糊，并保持原有膚色；紋理層為高頻層，這一層保留了膚色的質(zhì)感、紋理，且以灰度效果存在，后期只需要在這個(gè)圖層操作就可以消除斑點(diǎn)和瑕疵。高低頻磨皮的對(duì)比效果如圖4-63所示。下面具體講解高低頻磨皮的方法，其具體操作步驟如下。●STEP1打開素材文件“臉部.jpg”,如圖4-64所示?！馭TEP2放大圖像，使用修補(bǔ)工具或污點(diǎn)修復(fù)畫筆工具將模特皮膚上一些明顯的瑕疵、痘印去除，如圖4-65所示?！馭TEP3按【Ctrl+M】組合鍵打開“曲線”對(duì)話框，將圖片整體提亮，如圖4-66所示。●STEP4按【Ctrl+J】組合鍵將背景圖層復(fù)制兩個(gè)，第一個(gè)復(fù)制的圖層名字改“低頻”;第二個(gè)復(fù)制的圖層改成“高頻”,隱藏高頻圖層，如圖4-67所示。選擇低頻圖層，選擇“濾鏡/模糊/高斯模糊”命令，打開“高斯模糊”對(duì)話框，設(shè)置模糊參數(shù)“半徑”,數(shù)值控制在模糊到?jīng)]有瑕疵即可，如圖4-68所示。填充：100%確定取消●STEP6單擊確定按鈕，此時(shí)即可得到如圖4-69所示●STEP7顯示并選擇高頻圖層，然后選擇“圖像/應(yīng)用圖像"命令，打開"應(yīng)用圖像”對(duì)話框，在對(duì)話框中進(jìn)行如圖4-70所示的設(shè)置?！馭TEP8將高頻圖層的混合模式設(shè)置為“線性光”,選擇低頻圖層，使用修補(bǔ)工具將皮膚上進(jìn)行皮膚顏色的統(tǒng)一，將色斑消除掉，如圖4-71所示。源：臉部護(hù)9藍(lán)色通道里面亮度反差更大、邊緣更明顯，因此，選擇高頻圖層，在"通道"面板中復(fù)制藍(lán)色通道，如圖4-72所示。選擇“濾鏡/其它/高反差保留"命令，打開“高反差保留”對(duì)話框，將“半徑”的數(shù)值調(diào)節(jié)到能夠清楚看到暗斑，完成后單擊定按鈕，如圖4-73所示。高反差保留●STEP11選擇“圖像/計(jì)算”命令，打開“計(jì)算”對(duì)話框，將混合模式設(shè)置為強(qiáng)光，如圖4-74所示?！馭TEP12確認(rèn)后再次執(zhí)行兩次“計(jì)算”命令，設(shè)置相同的參數(shù)，加強(qiáng)暗斑與正常皮膚的對(duì)比度，如圖4-75所示。源1:臉部p?蒙版()..Alpha3通道，將通道載入選區(qū)，如圖4-76所示。通道，在"圖層"面板中創(chuàng)建一個(gè)“曲線”調(diào)整圖層，調(diào)整曲線提亮選區(qū)圖像中的亮度，并使用黑色畫筆在不需要提亮的位置上涂抹，如眼睛和嘴唇，如圖4-77所示。組合鍵創(chuàng)建一個(gè)組“組1”,將背景圖層復(fù)制兩層，并放在所有圖層上方，隱藏“背景拷貝2”圖層，選擇“背景拷貝"圖層，選擇"濾鏡/模糊/表面模糊”命令，打開“表面模糊”對(duì)話框，設(shè)置半徑和閾值，如圖4-78單擊定按鈕，顯示并選擇“背景拷貝2”圖層，選擇“濾鏡/其它/高反差保留”命令，在打開的對(duì)話框中設(shè)置半徑為0.9,然后設(shè)置該圖層混合模式為線性光，如圖4-79所示。像素選擇“背景拷貝"和"背景拷貝2”兩個(gè)圖層，按【Ctrl+G】組合鍵創(chuàng)建一個(gè)組“組2”,按住【Alt】鍵的同時(shí)單擊“添加圖層蒙版”按鈕□,為該組添加一個(gè)黑色蒙版，如圖4-80所示?！馭TEP18使用白色的畫筆工具在圖像上涂抹，使皮膚質(zhì)感達(dá)到一個(gè)合適的度，注意在工具屬性欄中調(diào)低畫筆的不透明度和流量，如圖4-81所示。飽和度顏色的位置涂抹，得到如圖4-82所示效果。案例名稱濾鏡瘦身素材文件光盤/素材/04/服裝模特.jpg效果文件光盤/效果/04/瘦身.psd視頻文件掃右側(cè)二維碼如麒麟臂、小粗腿等，這時(shí)就需要使用Photoshop的“液化”濾鏡來對(duì)模特身材比例進(jìn)行調(diào)整。液化濾鏡瘦身的對(duì)比效果如圖4-83所示。下面具體講解使用濾鏡為模特瘦身的方法，其具體操作步●STEP1打開素材文件“服裝模特.jpg”,觀察圖像可發(fā)現(xiàn)畫面的整體效果不錯(cuò)，只有模特手臂等部分需要修飾一下。按【Ctrl+J】組合鍵復(fù)制背景圖層，如圖4-84所示?！馭TEP2放大圖像，選擇"濾鏡/液化"命令，或按【Shift+Ctrl+X】組合鍵，打開“液化”窗口，在其中會(huì)自動(dòng)識(shí)別人臉，如圖4-85所示?！馭TEP3放大圖像，將鼠標(biāo)指針放在模特臉部，系統(tǒng)會(huì)自動(dòng)識(shí)別，如圖4-86所示?！馭TEP4將下頜向上拉，收斂下頜減小臉型，如圖4-87所示。●STEP5選擇窗口中左側(cè)工具箱中的凍結(jié)蒙版工具，在手臂旁邊不需要變形的位置涂抹，防止在變形手臂時(shí)其他位置也同時(shí)變化，如圖4-88所示?！馭TEP6選擇窗口中左側(cè)工具箱中的向前變形工具，在“畫筆選項(xiàng)”欄下設(shè)置畫筆參數(shù)，然后將手臂向右推動(dòng)收縮，如圖4-89所示。然后使用相同方法將右邊手臂向里收縮，如圖4-90所示?！馭TEP9最后在對(duì)話框中單擊靛按鈕，即可完成所4.4制作水印防止盜圖水印是指向數(shù)據(jù)多媒體(如圖像、聲音和視頻信號(hào)等)案例名稱制作水印效果文件光盤/效果/04/水印.psd視頻文件掃右側(cè)二維碼為了不影響原始文件的觀賞性和完整性，在圖片上使用的大多數(shù)水印都是半透明的效果，這些水印可以是logo,下面具體講解制作水印的方法，其具體操作步驟如下。●STEP1新建一個(gè)尺寸為200×200像素、分辨率為72像素/英寸的的空白文件。+T】組合鍵旋轉(zhuǎn)文字到合適角度，如圖4-92所示?！馭TEP3雙擊文字圖層，打開"圖層樣式"對(duì)話框，選中"描邊"復(fù)選框，將“顏色"設(shè)置為灰色，如圖4-93所示。寶貝實(shí)拍寶貝實(shí)拍即透明度為“40%”,填充為“0%”,如圖4-94所示。刪除背景圖層，選擇"編輯/定義圖案"命令，打開“圖案名稱”對(duì)話框，將名稱更改為“水印”,如圖●STEP6單擊確定按鈕完成水印的制作。案例名稱添加水印素材文件光盤/素材/04/商品圖.jpg效果文件光盤/效果/04/添加水印.jpg視頻文件掃右側(cè)二維碼面對(duì)比效果4-96所示。下面為拍攝的商品圖添加水印，其具體操作步驟如下。●STEP1打開素材文件“商品圖.jpg”,將其裁剪為800×800像素、分辨率為72的圖像，如圖4-97所示?！皟?nèi)容"下拉列表中選擇“圖案”選項(xiàng)，在“自定圖案”下拉列表中選擇前面定義的圖案“水印”,如圖4-98所示。STEP3單擊定】按鈕，此時(shí)水印文字將以平鋪形式顯示在打開的對(duì)話框中選擇格式“JPEG”,品質(zhì)設(shè)置為“80”,如圖4-100所示。按鈕，將其保存到合適位置。?優(yōu)化04.5制作服裝模特展示圖淘寶模特不同于T臺(tái)模特和雜志模特，不需要太多的動(dòng)態(tài)展示，但是需要具有鏡頭感。在淘寶網(wǎng)中，服裝店鋪是使用模特最多的行業(yè)，且現(xiàn)在品牌原創(chuàng)盛行，消費(fèi)者的審美也更為挑剔。因此，