京東店鋪裝修與設(shè)計(jì)第4章課件

1、商品圖片的特殊處理第4章京東店鋪裝修與設(shè)計(jì)從入門(mén)到精通（視頻指導(dǎo)版）快速還原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.44.1.1 調(diào)整曝光不足的圖片打開(kāi)素材文件設(shè)置色階參數(shù)步驟02步驟014.1.1 調(diào)整曝光不足的圖片設(shè)置亮度/對(duì)比度設(shè)置陰影/高光步驟04步驟03查看完成后的效果步驟054.1.2 調(diào)整曝光過(guò)度的圖片打開(kāi)素材文件降低曝光度步驟02步驟014.1.2 調(diào)整曝光過(guò)度的圖片設(shè)置亮度/對(duì)比度調(diào)整色階步驟04步驟034.1.2 調(diào)整曝光過(guò)度的圖片設(shè)置亮度/對(duì)比度調(diào)整RGB顏色步驟06步驟05查看完

2、成后的效果步驟074.1.3 調(diào)整有色差的圖片打開(kāi)素材調(diào)整圖片整體色相和飽和度步驟02步驟01查看膚色調(diào)整效果步驟034.1.3 調(diào)整有色差的圖片替換顏色調(diào)整亮度和對(duì)比度步驟05步驟04查看完成后的效果步驟064.1.4 調(diào)整模糊的圖片打開(kāi)素材創(chuàng)建選區(qū)步驟02步驟014.1.4 調(diào)整模糊的圖片USM銳化設(shè)置高反差保留步驟04步驟034.1.4 調(diào)整模糊的圖片設(shè)置圖層混合模式查看完成后的效果步驟06步驟053.1.2 裁剪圖片中的指定部分打開(kāi)圖片，選擇裁剪工具 ，按住【Alt】鍵并滾動(dòng)鼠標(biāo)滾輪放大圖像的顯示，然后單擊并按住鼠標(biāo)左鍵拖曳一個(gè)裁剪區(qū)域，松開(kāi)鼠標(biāo)繪制出需要裁剪的細(xì)節(jié)部分。快速還原圖片實(shí)

3、際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.44.2.1 去除圖片中多余的圖像打開(kāi)素材 框選紅色衣服人物步驟02步驟014.2.1 去除圖片中多余的圖像修復(fù)紅色衣服人物修復(fù)另一個(gè)人物步驟04步驟03查看完成后的效果步驟054.2.2 處理商品圖片中的污點(diǎn)打開(kāi)素材圖片進(jìn)行污點(diǎn)修復(fù)步驟02步驟01查看修復(fù)后碗的效果步驟034.2.2 處理商品圖片中的污點(diǎn)修復(fù)其他污點(diǎn)步驟04查看修復(fù)完成后的效果步驟054.2.3 消除人物的眼袋與皺紋打開(kāi)人物素材對(duì)皮膚取樣步驟02步驟01覆蓋臉部皺紋步驟034.2.3 消除人物的眼袋與

4、皺紋查看去除皺紋后的效果去除眼袋步驟05步驟044.2.3 消除人物的眼袋與皺紋查看去除眼袋后的效果查看完成后的效果步驟08步驟06調(diào)整眼部顏色步驟074.2.4 制作景深效果打開(kāi)人物素材設(shè)置羽化值步驟03步驟01對(duì)人物創(chuàng)建選區(qū)步驟024.2.4 制作景深效果模糊背景查看完成后的效果步驟06步驟04設(shè)置銳化值步驟05快速還原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.44.3.1 水印的制作與添加打開(kāi)素材并新建圖層步驟01繪制矩形框并設(shè)置不透明度步驟024.3.1 水印的制作與添加繪制矩形框步驟03輸入文字

5、步驟044.3.1 水印的制作與添加設(shè)置描邊步驟05查看描邊后的效果步驟064.3.1 水印的制作與添加添加蒙版步驟07查看完成后的效果步驟084.3.2 商品圖片的合成處理新建文件步驟01打開(kāi)背景素材步驟024.3.2 商品圖片的合成處理新建文件步驟03打開(kāi)背景素材步驟044.3.2 商品圖片的合成處理添加蒙版步驟05調(diào)整背景3位置步驟064.3.2 商品圖片的合成處理添加水花步驟07添加攝像包步驟084.3.2 商品圖片的合成處理設(shè)置投影參數(shù)步驟09添加灰沙步驟104.3.2 商品圖片的合成處理查看完成后的效果步驟11快速還原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14

6、.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.44.4.1 文字的添加與設(shè)置輸入文字步驟01調(diào)整文字大小步驟024.4.1 文字的添加與設(shè)置調(diào)整字體步驟03調(diào)整顏色步驟044.4.1 文字的添加與設(shè)置轉(zhuǎn)換形狀 步驟05編輯路徑步驟06編輯路徑4.4.1 文字的添加與設(shè)置繪制圓角矩形步驟07繪制其他圓角矩形步驟084.4.1 文字的添加與設(shè)置繪制文字輪廓步驟09查看完成后的效果步驟104.4.2 為商品圖片添加形狀打開(kāi)素材文件輸入其他文字步驟03步驟01輸入文字并設(shè)置字體參數(shù)步驟024.4.2 為商品圖片添加形狀打開(kāi)素材文件繪制形狀 步驟06步驟04輸入說(shuō)明文字步驟054.

7、4.2 為商品圖片添加形狀繪制直線輸入價(jià)格 步驟09步驟07輸入說(shuō)明文字 步驟084.4.2 為商品圖片添加形狀繪制形狀 查看完成后的效果步驟12步驟10輸入文字 步驟11快速還原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.44.5.1 恢復(fù)玻璃杯真實(shí)效果實(shí)訓(xùn)要求1本例將打開(kāi)“夏日飲品.jpg”圖像文件對(duì)高光和黑白進(jìn)行調(diào)整，使場(chǎng)景明亮剔透，增加展現(xiàn)的視覺(jué)效果。實(shí)訓(xùn)分析2玻璃、水晶、冰塊等商品，因?yàn)椴馁|(zhì)的特殊性，有時(shí)候會(huì)因?yàn)楣饩€等原因，出現(xiàn)灰暗、不晶瑩剔透的情況。此時(shí)可通過(guò)后期調(diào)整，使展現(xiàn)的效果更加晶瑩剔透。

8、本例首先打開(kāi)需要調(diào)整的商品圖片，發(fā)現(xiàn)商品灰暗亮度和對(duì)比度不夠，需先增加亮度，再使用圖層混合模式和銳化的疊加使用增強(qiáng)畫(huà)面感和輪廓度。4.5.1 恢復(fù)玻璃杯真實(shí)效果操作思路3打開(kāi)“夏日飲品.jpg”圖像文件，發(fā)現(xiàn)圖片偏暗，視覺(jué)效果不強(qiáng)，打開(kāi)“圖層”面板，按【Ctrl+J】組合鍵，復(fù)制背景圖層。0102選擇【圖像】/【調(diào)整】/【陰影/高光】命令，打開(kāi)“陰影/高光”對(duì)話框，設(shè)置數(shù)量為“20%”，單擊“確定”按鈕。03打開(kāi)“圖層”面板，在其下方單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕，在打開(kāi)的下拉列表中選擇“黑白”選項(xiàng)，打開(kāi)“黑白”屬性面板，設(shè)置紅色、黃色、綠色、青色、藍(lán)色和洋紅的值分別為“43”“36”“4

9、”“0”“20”“19”。4.5.1 恢復(fù)玻璃杯真實(shí)效果操作思路3選擇“黑白”調(diào)整圖層設(shè)置圖層混合模式為“疊加”，查看完成后的效果。0405復(fù)制圖層1，選擇【濾鏡】/【銳化】/【智能銳化】命令，打開(kāi)“智能銳化”對(duì)話框，設(shè)置半徑為“4像素”，單擊“確定”按鈕。05返回圖像窗口，查看完成后效果，完成后按【Ctrl+S】組合鍵保存文件。4.5.2 完善與美化水果圖片實(shí)訓(xùn)要求1本例將為“櫻桃.psd”圖像文件輸入說(shuō)明性文字，讓其體現(xiàn)的更加直觀。實(shí)訓(xùn)分析2作為生鮮類(lèi)商品，最主要是要保證其新鮮度，因?yàn)楸Ｙ|(zhì)期不長(zhǎng)，時(shí)間太慢會(huì)造成壞掉。在添加文字時(shí)，要先說(shuō)明產(chǎn)地，還要將物流在畫(huà)面中展現(xiàn)出來(lái)。本實(shí)訓(xùn)需要先輸入文

10、字，并對(duì)文字的大小進(jìn)行區(qū)分，并添加不同的顏色，完成后根據(jù)主次添加投影和底紋。4.5.2 完善與美化水果圖片操作思路3打開(kāi)素材文件“櫻桃.psd”圖像文件。0102在工具箱中選擇“ 橫排文字工具” ， 在工具屬性欄中設(shè)置字體為“Broadway”，字號(hào)為“50號(hào)”，字形為“渾厚”，顏色為“#e60012”，在圖像編輯區(qū)的左側(cè)輸入“fresh”。03再次選擇“橫排文字工具” ，選擇【窗口】/【字符】命令，打開(kāi)“字符”面板，設(shè)置字體為“Broadway”，字號(hào)為“30號(hào)”，行距為“24點(diǎn)”，字距為“-25”，顏色為“#e60012”，在文字的下方輸入“super”。4.5.2 完善與美化水果圖片操作

11、思路3使用相同的方法輸入“汶川大櫻桃 來(lái)了 全程順豐冷鏈（航空/陸運(yùn)）”，設(shè)置字體為“漢儀超粗黑簡(jiǎn)”，再在“來(lái)了”文字的右側(cè)按“Enter”鍵分段，設(shè)置上方文字的字號(hào)為“35號(hào)”，下方文字的字號(hào)為“23號(hào)”，選擇整段文字，選擇【窗口】/【段落】命令，打開(kāi)“段落”面板，設(shè)置左縮進(jìn)為“2”，設(shè)置段前添加空格為“5”。0405選擇【圖層】/【圖層樣式】/【投影】命令，打開(kāi)“圖層樣式”對(duì)話框，設(shè)置不透明度為“40”，其他保持默認(rèn)設(shè)置，單擊“確定”按鈕。06此時(shí)可發(fā)現(xiàn)對(duì)應(yīng)的文本已經(jīng)添加了陰影，使用前面相同的方法輸入“”和“”，分別調(diào)整其大小使其與文字對(duì)齊。4.5.2 完善與美化水果圖片操作思路3使用相同

12、的方法，再在下方輸入下圖所示文字，并設(shè)置字體為“思源黑體 CN”，字號(hào)分別為“14”和“12”，顏色分別為“#000000”和“#ffffff”。0708選擇“矩形工具” ，設(shè)置矩形的大小為“25030像素”，在白色文字下方繪制矩形。09選擇橢圓工具 ，在工具屬性欄中設(shè)置填充顏色為“#2e7a11”，在白色文字的左側(cè)繪制直徑為“8像素”的圓。10使用相同的方法，在其他白色文字的左側(cè)繪制相同大小的圓，完成后保存圖像。快速還原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.41. 商品圖片處理時(shí)需要注意的問(wèn)題圖片色

13、彩的搭配圖片色彩的搭配圖片的真實(shí)度2. 照片失真的處理策略 若是因?yàn)樘幚磉^(guò)程中導(dǎo)致商品圖片失真，可通過(guò)細(xì)心來(lái)解決。在調(diào)整過(guò)程中注意把控細(xì)節(jié)，雖然說(shuō)調(diào)整后的圖片肯定會(huì)與實(shí)物圖片有所差別，但是這種差別應(yīng)該控制在一定范圍， 從細(xì)節(jié)中循序漸進(jìn)的處理圖片，可更好的對(duì)圖片處理進(jìn)行控制，從而使商品圖片不失真。若是因?yàn)樯唐穲D像的像素過(guò)低，放大后導(dǎo)致失真，可通過(guò)調(diào)整圖片分辨率進(jìn)行解決，分辨率越高，圖像越清晰。3. 京東商品圖片選擇與展示的基礎(chǔ)要求 除了滿足京東平臺(tái)對(duì)圖片的尺寸和大小要求外，還要保證圖片的主體物品清晰干凈，大小適中，背景色與主體商品的顏色搭配和諧。在選取圖片過(guò)程中，要多方面考慮圖片的側(cè)面展現(xiàn)，而不是單純的展示商品?？焖龠€原圖片實(shí)際效果圖片的瑕疵修復(fù)水印的制作與圖片的合成實(shí)戰(zhàn)訓(xùn)練4.14.24.34.5拓展延伸 4.6思考練習(xí) 4.7豐富商品圖片內(nèi)容4.4思考練習(xí)（1）本例將打開(kāi)“羽絨服.jpg”去除羽絨服上的部分褶皺，提高羽絨服亮度并讓羽絨服顯示效果更清晰，達(dá)到美化羽絨服的目的。思考練習(xí) （2）本練習(xí)將打開(kāi)“裝生菜的盤(pán)子.jpg”圖像文件，使用污點(diǎn)修復(fù)畫(huà)筆工具和修補(bǔ)工具，對(duì)污點(diǎn)進(jìn)行修復(fù)，并對(duì)生菜頭的顏色進(jìn)行調(diào)色，