商品圖片光影與色調(diào)的調(diào)整調(diào)整商品圖片光影商品圖片色調(diào)調(diào)整課堂實(shí)訓(xùn)課件

1、淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)-視覺(jué)設(shè)計(jì)+店鋪裝修+移動(dòng)端店鋪（微課版）第4章商品圖片光影與色調(diào)的調(diào)整目錄 Contents4.1 調(diào)整商品圖片光影4.2 商品圖片色調(diào)調(diào)整4.3 課堂實(shí)訓(xùn)4.1.1 修復(fù)曝光不足的商品圖片曝光不足的商品圖片一般是攝影師在拍攝中，因?qū)Ρ慌臄z物體的亮度估計(jì)不足造成的，所以在調(diào)整該類(lèi)圖片時(shí)首先需要解決亮度問(wèn)題，提升商品圖片的整體色調(diào)。其具體操作如下。1 打開(kāi)素材文件2 調(diào)整色階4.1.1 修復(fù)曝光不足的商品圖片3 調(diào)整亮度 / 對(duì)比度4 調(diào)整曝光度5 調(diào)整亮度 / 對(duì)比度6 完成后的效果4.1.2 修復(fù)曝光過(guò)度的商品圖片與曝光不足相對(duì)的是曝光過(guò)度。曝光過(guò)度的商品圖片會(huì)呈現(xiàn)出過(guò)

2、于明亮、發(fā)白的效果。在調(diào)整該類(lèi)圖片時(shí)，需要先降低圖片亮度，再進(jìn)行曝光度的調(diào)整。其具體操作如下。1 打開(kāi)素材文件2 調(diào)整曝光度3 調(diào)整亮度 / 對(duì)比度4.1.2 修復(fù)曝光過(guò)度的商品圖片5 調(diào)整色階7 設(shè)置 USM 銳化參數(shù)6 調(diào)整曝光度4 調(diào)整自然飽和度4.1.2 修復(fù)曝光過(guò)度的商品圖片8 查看完成后的效果9 設(shè)置圖層混合模式4.1.3 修復(fù)逆光的商品圖片在商品圖片的拍攝中，除了會(huì)出現(xiàn)曝光不足或是曝光過(guò)度外，還會(huì)因?yàn)楣饩€的原因出現(xiàn)逆光的效果，在這種情況下，讓逆光的商品圖片更加美觀是修復(fù)的要點(diǎn)。其具體操作如下。1 打開(kāi)素材文件2 框選整個(gè)人物4.1.3 修復(fù)逆光的商品圖片3調(diào)整亮度 / 對(duì)比度4調(diào)

3、整陰影 / 高光5銳化圖片6 調(diào)整曝光度4.1.3 修復(fù)逆光的商品圖片7 高斯模糊人物背景8調(diào)整曲線9 調(diào)整曲線后的效果10設(shè)置圖層混合模式目錄 Contents4.1 調(diào)整商品圖片光影4.2 商品圖片色調(diào)調(diào)整4.3 課堂實(shí)訓(xùn)4.2.1 商品圖片清晰度優(yōu)化處理以暖色調(diào)為主色的網(wǎng)店，如女裝店、兒童用品店等，在商品的拍攝中并不能全部選擇暖色調(diào)的場(chǎng)景作為拍攝背景，這就需要網(wǎng)店美工在不改變商品本色的情況下，對(duì)整個(gè)色調(diào)進(jìn)行調(diào)整，使其呈現(xiàn)暖色效果。其具體操作如下。1 打開(kāi)素材2選擇“純色”選項(xiàng)3 設(shè)置填充顏色4.2.1 商品圖片清晰度優(yōu)化處理4 設(shè)置圖層混合模式6設(shè)置屬性參數(shù)5 選擇“照片濾鏡”選項(xiàng)4.2

4、.1 商品圖片清晰度優(yōu)化處理7設(shè)置圖層混合模式8完成后的效果4.2.2 調(diào)出冷色調(diào)商品圖片冷色調(diào)商品圖片主要針對(duì)以冷色調(diào)為主色的網(wǎng)店，如男裝、家電、數(shù)碼產(chǎn)品、家居等，網(wǎng)店美工在設(shè)計(jì)時(shí)要體現(xiàn)出冷色調(diào)的安靜、沉穩(wěn)、踏實(shí)感。其具體操作如下。1 打開(kāi)素材2設(shè)置色相 / 飽和度4.2.2 調(diào)出冷色調(diào)商品圖片3 設(shè)置黃色參數(shù)4 設(shè)置后的效果4.2.2 調(diào)出冷色調(diào)商品圖片5 設(shè)置曲線屬性6 設(shè)置后的效果7 設(shè)置可選顏色8 完成后的效果4.2.3 校正偏色商品圖片在處理商品圖片顏色時(shí)，除了會(huì)出現(xiàn)曝光不足或曝光過(guò)度外，還會(huì)出現(xiàn)偏色的情況，此時(shí)需要對(duì)偏色的商品圖片進(jìn)行校正，使其恢復(fù)原本的商品效果。其具體操作如下。

5、1 打開(kāi)素材文件2 調(diào)整高光的色彩平衡4.2.3 校正偏色商品圖片3 調(diào)整中間調(diào)的色彩平衡4 調(diào)整“紅”曲線5 調(diào)整“綠”曲線4.2.3 校正偏色商品圖片6 調(diào)整“RGB”曲線 7 完成后的效果目錄 Contents4.1 調(diào)整商品圖片光影4.2 商品圖片色調(diào)調(diào)整4.3 課堂實(shí)訓(xùn)實(shí)訓(xùn)1：校正偏色的T恤商品圖片本例中的T恤由于拍攝時(shí)光線過(guò)亮，造成T恤顏色過(guò)淺，與實(shí)物不符，如圖1所示。此時(shí)，需要將T恤的偏色部分進(jìn)行校正，使圖片效果更加符合實(shí)物，完成后的參考效果如圖 2所示。實(shí)訓(xùn)目標(biāo)2 完成后的參考效果1 原始效果實(shí)訓(xùn)1：校正偏色的T恤商品圖片實(shí)訓(xùn)思路根據(jù)實(shí)訓(xùn)目標(biāo)，需要先調(diào)整模特面部顏色，再調(diào)整 T

6、恤的整個(gè)色調(diào)。（1） 打開(kāi)“T恤商品圖.jpg”素材文件，發(fā)現(xiàn)圖片整體色調(diào)偏黃，在皮膚顏色上最為明顯，按【Ctrl+J】組合鍵復(fù)制圖層。（2） 選擇【圖像】/【調(diào)整】/【色相/飽和度】命令，打開(kāi)“色相/飽和度”對(duì)話框。在“預(yù)設(shè)”下的下拉列表中選擇“黃色”選項(xiàng)，在“色相、飽和度”數(shù)值框中分別輸入“15、15”，補(bǔ)充紅色，減少黃色，單擊“確定”按鈕。返回圖片編輯區(qū)，查看調(diào)整后的顏色效果，發(fā)現(xiàn)圖片中模特皮膚發(fā)黃的情況有所改善。實(shí)訓(xùn)1：校正偏色的T恤商品圖片實(shí)訓(xùn)思路（3） 選擇【圖像】/【調(diào)整】/【替換顏色】命令，打開(kāi)“替換顏色”對(duì)話框。單擊“習(xí)慣”按鈕，在圖片編輯區(qū)中單擊T恤的藍(lán)色條紋吸取顏色，再單

7、擊選中“選區(qū)”單選項(xiàng)，上方的白色區(qū)域即為顏色替換的范圍，在“顏色容差”數(shù)值框中輸入“73”，然后在“替換”欄設(shè)置色相、飽和度、明度分別為“+6、-43、-28”，單擊“確定”按鈕。（4） 選擇【圖像】/【調(diào)整】/【亮度/對(duì)比度】命令，打開(kāi)“亮度/對(duì)比度”對(duì)話框，設(shè)置“亮度、對(duì)比度”分別為“20、15”，單擊“確定”按鈕。（5） 返回圖片編輯區(qū)，發(fā)現(xiàn)T恤比之前更加鮮亮，更加接近原本的顏色。完成后按【Ctrl+S】組合鍵保存文件。實(shí)訓(xùn)2：處理冰糖橙商品圖片色調(diào)本例中的冰糖橙由于在室內(nèi)拍攝，其整個(gè)色調(diào)都顯得灰暗，不具備吸引力，如圖1所示。此時(shí)，需要對(duì)冰糖橙商品的色調(diào)進(jìn)行調(diào)整，提升冰糖橙的亮度和對(duì)比度

8、，使整個(gè)色調(diào)變得更亮，效果更加美觀，更能夠吸引消費(fèi)者購(gòu)買(mǎi)。完成后的參考效果如圖2 所示。實(shí)訓(xùn)目標(biāo)2 完成后的參考效果 1 原始效果實(shí)訓(xùn)2：處理冰糖橙商品圖片色調(diào)實(shí)訓(xùn)思路根據(jù)實(shí)訓(xùn)目標(biāo)，需要先調(diào)整亮度，再增加自然飽和度，使整個(gè)畫(huà)面更加美觀。（1） 打開(kāi)“冰糖橙.jpg”素材文件。（2） 選擇【圖像】/【調(diào)整】/【色階】命令，打開(kāi)“色階”對(duì)話框，在“高光、暗調(diào)、中間調(diào)”中分別輸入“0、1.20、210”，單擊“確定”按鈕，發(fā)現(xiàn)圖片已經(jīng)變亮。（3） 選擇【圖像】/【調(diào)整】/【亮度/對(duì)比度】命令，打開(kāi)“亮度/對(duì)比度”對(duì)話框，在“亮度、對(duì)比度”右側(cè)的數(shù)值框中分別輸入“24、27”，單擊“確定”按鈕。（4）

9、 選擇【圖像】/【調(diào)整】/【自然飽和度】命令，打開(kāi)“自然飽和度”對(duì)話框，在“自然飽和度、飽和度”下方的數(shù)值框中分別輸入“0、30”，單擊“確定”按鈕。（5） 返回圖片編輯區(qū)，可發(fā)現(xiàn)冰糖橙的明暗度有了明顯變化，并且其暗部也有了細(xì)節(jié)變現(xiàn)，保存文件。實(shí)訓(xùn)3：調(diào)整茶葉包裝效果本例中的茶葉包裝色調(diào)灰暗，輪廓不夠清晰，不符合商品圖片的需求，如圖1所示。此時(shí)需要調(diào)整茶葉包裝的色調(diào)，增加細(xì)節(jié)和輪廓，使整個(gè)效果更具有展現(xiàn)性和美觀度。完成后的參考效果如圖2所示。實(shí)訓(xùn)目標(biāo)2 完成后的參考效果1 原始效果實(shí)訓(xùn)3：調(diào)整茶葉包裝效果實(shí)訓(xùn)思路根據(jù)實(shí)訓(xùn)目標(biāo)，對(duì)茶葉包裝的色調(diào)進(jìn)行調(diào)整。（1） 打開(kāi)“茶葉.jpg”素材文件，發(fā)現(xiàn)

10、圖片整體色調(diào)偏暗，視覺(jué)效果不強(qiáng)，打開(kāi)“圖層”面板，按【Ctrl+J】組合鍵復(fù)制圖層。（2） 選擇【圖像】/【調(diào)整】/【陰影/高光】命令，打開(kāi)“陰影/高光”對(duì)話框，設(shè)置“陰影、高光”分別為“30、20”，單擊“確定”按鈕。（3） 選擇【圖像】/【調(diào)整】/【亮度/對(duì)比度】命令，打開(kāi)“亮度/對(duì)比度”對(duì)話框，在“亮度、對(duì)比度”右側(cè)的數(shù)值框中分別輸入“30、10”，單擊“確定”按鈕。實(shí)訓(xùn)3：調(diào)整茶葉包裝效果實(shí)訓(xùn)思路（4） 打開(kāi)“圖層”面板，在其下方單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕 ，在打開(kāi)的下拉列表中選擇“黑白”選項(xiàng)，打開(kāi)“黑白”屬性面板，設(shè)置紅色、黃色、綠色、青色、藍(lán)色和洋紅的值分別為“81、54、7、-66、-90、-160”。（5） 選擇“黑白”調(diào)整圖層，設(shè)置“設(shè)置圖層的混合模式”為“疊加”，“不透明度”為“80%”。（6） 復(fù)制圖層1，選擇【濾鏡】/【銳化】/【智能銳化】命令，打開(kāi)“智能銳化”對(duì)話框，設(shè)置“數(shù)量、半徑、減少雜色”分別為“21、1、5”，單擊“確定”按鈕。（7） 返回圖片編輯區(qū)，查看完成后的效果，最后按【Ctrl+S】組合鍵保存文件。淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)-視覺(jué)設(shè)計(jì)+店鋪裝修+移動(dòng)端店鋪（微課版）學(xué)習(xí)進(jìn)步海量圖書(shū)方便查