網(wǎng)店美工視覺(jué)設(shè)計(jì)實(shí)戰(zhàn)教程課件

圖片修飾人民郵電出版社網(wǎng)店美工視覺(jué)設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第3版）第3章目錄Contents修飾圖片豐富圖片內(nèi)容3.23.1添加圖片特效3.3實(shí)戰(zhàn)演練3.43.1.1清除圖片上的污跡除了由于天氣、燈光、技術(shù)等原因造成圖片的視覺(jué)效果不好之外，商品本身的污漬或者拍攝環(huán)境也會(huì)導(dǎo)致圖片不夠美觀，此時(shí)網(wǎng)店美工可利用內(nèi)容識(shí)別填充功能和修補(bǔ)工具來(lái)對(duì)圖片進(jìn)行處理。現(xiàn)有一張隨身聽(tīng)的商品圖片，由于白色的商品容易沾染污漬，需要對(duì)其進(jìn)行處理，其具體操作步驟如下。3內(nèi)容識(shí)別填充創(chuàng)建選區(qū)123.1.1清除商品上的污跡434拖曳選區(qū)最終效果3.1.2去除背景中多余的物品5

網(wǎng)店美工在處理背景較復(fù)雜的圖片時(shí)，若需要去除背景中多余的物品，采用前面的方法可能并不能達(dá)到理想的效果，此時(shí)可結(jié)合仿制圖章工具進(jìn)行修復(fù)。比如手拿商品拍照時(shí)，網(wǎng)店美工需要去除圖片中的手，便于完整地展示商品，其具體操作步驟如下。去除便攜榨汁機(jī)下方的手去除便攜榨汁機(jī)外面的手123.1.2去除背景中多余的物品6去除按鈕上的手指恢復(fù)便攜榨汁機(jī)的高光部分343.1.3加強(qiáng)亮部與暗部的對(duì)比7在拍攝商品圖片時(shí)，由于打光不均的關(guān)系，往往會(huì)出現(xiàn)明暗關(guān)系不明顯的情況，此時(shí)網(wǎng)店美工可對(duì)圖片的顏色進(jìn)行明暗的調(diào)整，一般可通過(guò)加深工具和減淡工具來(lái)調(diào)整，增加商品圖片的暗部對(duì)比度，其具體操作步驟如下。調(diào)整色階加深圖片背景123減淡商品3.1.4提高圖片清晰度8商家在拍攝商品圖片時(shí)，有時(shí)會(huì)由于一些鏡頭的問(wèn)題，使拍攝出來(lái)的照片模糊，展現(xiàn)不出商品的質(zhì)感。比如貓咪衣服的圖片，由于體現(xiàn)不出貓咪的絨毛感，以及衣服的特征與質(zhì)感，就需要利用“USM銳化”和“高反差保留”濾鏡對(duì)其進(jìn)行清晰度處理，其具體操作步驟如下。設(shè)置“高反差保留”參數(shù)設(shè)置“USM銳化”參數(shù)12創(chuàng)建選區(qū)33.1.4提高圖片清晰度9清晰化處理后的效果調(diào)整色階45設(shè)置圖層混合模式63.1.5打磨材質(zhì)表面10網(wǎng)店美工在處理一些表面粗糙且有很多雜質(zhì)的圖片時(shí)，如玉器、雕塑、首飾等，可以利用Photoshop的涂抹工具，使商品的表面顯得更加光滑。下面利用污點(diǎn)修復(fù)畫(huà)筆工具修復(fù)木雕制品中的溝壑和木節(jié)，使其表面光滑，具體操作步驟如下。最終效果12溝壑和木節(jié)去除前后對(duì)比3.1.6增加金屬質(zhì)感11在拍攝具有金屬質(zhì)感的商品過(guò)程中，由于反光很強(qiáng)烈，會(huì)出現(xiàn)其質(zhì)感效果存在偏差的情況，此時(shí)，網(wǎng)店美工需要利用Photoshop制作出金屬質(zhì)感效果，如“漸變填充”和“圖層樣式”命令可以打造出金屬質(zhì)感效果；“雜色”命令則可以添加磨砂質(zhì)感效果。以護(hù)膚品瓶蓋為例，可通過(guò)“漸變填充”與“雜色”命令為護(hù)膚品瓶蓋添加金屬質(zhì)感，其具體操作步驟如下。12為護(hù)膚品創(chuàng)建選區(qū)添加白色背景3.1.6增加金屬質(zhì)感12設(shè)置漸變填充色45設(shè)置色標(biāo)的顏色值線性漸變填充33.1.6增加金屬質(zhì)感13添加雜色67填充瓶蓋3.1.6增加金屬質(zhì)感14最終效果89設(shè)置圖層混合模式和不透明度3.1.7精修人物商品圖片1512現(xiàn)在店鋪中很多商品的展示都會(huì)運(yùn)用人物來(lái)展現(xiàn)，尤其是服裝類商品，這樣可以讓消費(fèi)者更直觀地看到服裝的試穿效果。而模特的身材或多或少的存在一定的瑕疵，所以網(wǎng)店美工應(yīng)掌握美化模特的方法來(lái)解決這類問(wèn)題，美化時(shí)可使用液化工具為模特打造纖細(xì)身姿，突出商品美感，其具體操作步驟如下。瘦手臂收腰模特身形處理效果3目錄Contents修飾商品圖片豐富圖片內(nèi)容3.23.1添加圖片特效3.3實(shí)戰(zhàn)演練3.4調(diào)整文本大小輸入文本3.2.1添加與美化圖片文本1712

網(wǎng)店美工可以使用Photoshop中的文字工具為圖片添加文本，還可以根據(jù)需要設(shè)置文本的字體、字號(hào)、顏色、加粗與傾斜等效果。如某水果店鋪準(zhǔn)備對(duì)草莓進(jìn)行上新，在上新前準(zhǔn)備為草莓海報(bào)背景添加文字方便進(jìn)行產(chǎn)品宣傳，要求文字內(nèi)容要能直觀體現(xiàn)味美、多汁的特點(diǎn)，其效果要美觀、具有識(shí)別性，具體操作步驟如下。3.2.1添加與美化圖片文本18繪制其他圓角矩形設(shè)置文本字體35設(shè)置文本顏色繪制圓角矩形46設(shè)置投影3.2.1添加與美化圖片文本1978繪制形狀3.2.2添加形狀與圖案20網(wǎng)店美工在修飾圖片過(guò)程中，除了修飾圖片本身的瑕疵外，經(jīng)常會(huì)使用一些形狀工具繪制各種形狀和圖案來(lái)豐富圖片內(nèi)容，這些素材可以在素材網(wǎng)上下載，也可自行繪制。01OPTION通過(guò)形狀工具組繪制形狀與圖案：選擇形狀工具組中的工具可以繪制一些特定的形狀，如橢圓形、圓角矩形、多邊形等；選擇自定形狀工具，可繪制動(dòng)物形狀、水滴、剪刀等形狀。3.2.2添加形狀與圖案21通過(guò)鋼筆工具繪制形狀與圖案：選擇“鋼筆工具”，并在工具屬性欄中設(shè)置工具模式為“形狀”，設(shè)置填充顏色與描邊顏色，然后按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)就可以繪制出輪廓清晰的形狀與圖案。02OPTION3.2.2添加形狀與圖案22使用畫(huà)筆工具繪制圖案：Photoshop中的畫(huà)筆工具自帶多種樣式的筆刷，可在選擇筆刷后繪制想要的圖案，也可以根據(jù)需要載入水珠、雪花、火焰、墨點(diǎn)等筆刷。其方法是：在工具屬性欄中打開(kāi)“畫(huà)筆預(yù)設(shè)”選取器，單擊右上角的“設(shè)置”按鈕，在彈出的列表中可添加其他畫(huà)筆筆刷，選擇“載入畫(huà)筆”選項(xiàng)可載入計(jì)算機(jī)中的筆刷，下圖為載入“煙霧”筆刷并使用其繪制的圖案。03OPTION3.2.2添加形狀與圖案23應(yīng)用下載的圖案：除了Photoshop中默認(rèn)的畫(huà)筆筆刷外，大家還可以在素材網(wǎng)上下載psd格式或png格式的素材，然后打開(kāi)素材并將其拖動(dòng)到圖片中，調(diào)整其大小與位置即可。下圖為將下載的化妝品元素與水花元素合成在一起的效果。04OPTION目錄Contents修飾商品圖片豐富圖片內(nèi)容3.23.1添加圖片特效3.3實(shí)戰(zhàn)演練3.4設(shè)置鏡頭模糊為背景創(chuàng)建選區(qū)3.3.1虛化背景2512對(duì)于一些主體物和背景無(wú)法區(qū)分，層次不明的圖片，需要將圖片的主體物表現(xiàn)出來(lái)，此時(shí)網(wǎng)店美工可以采用虛化背景的方法，將焦點(diǎn)聚集在主體物上，營(yíng)造主體物與背景間的一種前實(shí)后虛的效果，以避免背景喧賓奪主，影響主體物。如某拖鞋商品圖片，若需要凸顯拖鞋主體，可對(duì)背景進(jìn)行虛化，其具體操作步驟如下。3設(shè)置羽化半徑添加鼠標(biāo)添加內(nèi)發(fā)光3.3.2添加發(fā)光效果2621不同的商品有不同的特性，網(wǎng)店美工需要根據(jù)商品特性來(lái)修飾商品圖片，如在修飾鼠標(biāo)、汽車、電腦等科技類商品的圖片時(shí)，就需要添加發(fā)光效果來(lái)突出商品主體。如某鼠標(biāo)主圖需要為其中的鼠標(biāo)添加發(fā)光效果，可使用“圖層樣式”對(duì)話框中的“內(nèi)發(fā)光”和“外發(fā)光”樣式來(lái)完成。其具體操作步驟如下。添加外發(fā)光外發(fā)光效果3.3.2添加發(fā)光效果2734管理圖層并設(shè)置圖層組的不透明度添加“投影”圖層樣式3.3.3合成圖像28商家拍攝商品的場(chǎng)景可能是固定的或較簡(jiǎn)單的，如果需要比較豐富或特殊的效果，則可以通過(guò)合成圖像來(lái)實(shí)現(xiàn)。比如為拍攝的白底頭戴式耳機(jī)商品圖片合成背景，突出商品的時(shí)尚性。合成時(shí)需要制作背景，再添加耳機(jī)圖片和裝飾元素，接著輸入文字，其具體操作步驟如下。21添加“漸變疊加”圖層樣式穿插效果展示3.3.3合成圖像2953添加文字并調(diào)整其位置4目錄Contents修飾商品圖片豐富圖片內(nèi)容3.23.1添加圖片特效3.3實(shí)戰(zhàn)演練3.43.4.1修飾家用榨汁機(jī)31

1.設(shè)計(jì)思路1234最后添加背景，并凸顯出家用榨汁機(jī)，使其符合店鋪圖片的要求。通過(guò)調(diào)整“亮度/對(duì)比度”，提高家用榨汁機(jī)圖片的亮度和對(duì)比度，然后再通過(guò)調(diào)整“色相/飽和度”讓家用榨汁機(jī)圖片的顏色更加鮮亮，通過(guò)“色階”調(diào)整整個(gè)效果的明暗對(duì)比度。分析家用榨汁機(jī)圖片需要處理的部分：家用榨汁機(jī)圖片顏色非常暗沉、不鮮亮，整體效果顯得很臟。先摳取榨汁機(jī)，方便后期處理。3.4.1修飾家用榨汁機(jī)32

2.知識(shí)要點(diǎn)020103使用“套索工具”框選榨汁機(jī)頂部污漬部分，去除污漬使用調(diào)色命令，提升整個(gè)家用榨汁機(jī)的明暗對(duì)比度使用“USM銳化”濾鏡，增加家用榨汁機(jī)的質(zhì)感通過(guò)填充去除污漬3.4.1修飾家用榨汁機(jī)33摳取家用榨汁機(jī)并新建圖層12

3.操作步驟下面對(duì)家用榨汁機(jī)圖片進(jìn)行修飾，其具體操作步驟如下。3.4.1修飾家用榨汁機(jī)34調(diào)整色階調(diào)整亮度/對(duì)比度354減淡和加深前后的對(duì)比效果調(diào)整色相/飽和度63.4.1修飾家用榨汁機(jī)35設(shè)置USM銳化7設(shè)置圖層混合模式和不透明度調(diào)整家用榨汁機(jī)大小和位置893.4.1修飾家用榨汁機(jī)36制作投影10設(shè)置高斯模糊最終效果11123.4.2修飾羽絨服37

1.設(shè)計(jì)思路首先使用修補(bǔ)工具處理褶皺整體提高羽絨服的亮度與對(duì)比度，然后使用涂抹工具光滑材質(zhì)結(jié)合“高反差保留”命令與圖層混合模式增加羽絨服的清晰度3.4.2修飾羽絨服38

2.知識(shí)要點(diǎn)選擇【濾鏡】/【其他】/【高反差保留】命令，設(shè)置濾鏡強(qiáng)度，應(yīng)用濾鏡，設(shè)置圖層混合模式，通過(guò)圖層疊加提高圖像的清晰度使用“修補(bǔ)工具”

和“涂抹工具”來(lái)修飾圖像調(diào)整色階3.4.2修飾羽絨服39光滑材質(zhì)

3.操作步驟下面對(duì)羽絨服圖片進(jìn)行修飾處理，其具體操作如下。去除褶皺2313.4.2修飾羽絨服40設(shè)置混合模式設(shè)置“高反差保留”參數(shù)465設(shè)置亮度/對(duì)比度最終效果7謝謝觀看人民郵電出版社網(wǎng)店美工視覺(jué)設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版）第3章網(wǎng)店