第 1章 網(wǎng)店美工與Photoshop CS6 基礎(chǔ)　.......................　1 1.1　認(rèn)識(shí)網(wǎng)店美工 . . . . . . . . . . . . . . . . .　2 1.1.1　網(wǎng)店美工的工作范疇 . . . .2 1.1.2　網(wǎng)店美工的技術(shù)要求 . . . .2 1.1.3　美工需注意的問(wèn)題 . . . . . .3 1.1.4　網(wǎng)店美工應(yīng)掌握的設(shè)計(jì) 要點(diǎn)　. . . . . . . . . . . . . .3 1.2　Photoshop CS6圖像文件基礎(chǔ)知識(shí) . . . .　9 1.2.1　像素和分辨率 . . . . . . . .9 1.2.2　位圖和矢量圖 . . . . . . . .9 1.2.3　圖像的色彩模式 . . . . . .　10 1.2.4　圖像輔助工具 . . . . . . .　12 1.2.5　參考線 . . . . . . . . . . .　13 1.3　Photoshop CS6圖像文件基本操作 . . .　14 1.3.1　認(rèn)識(shí)Photoshop CS6的工作 界面　. . . . . . . . . . . . .　15 1.3.2　新建與打開(kāi)圖像文件 . . .　16 1.3.3　導(dǎo)入與導(dǎo)出圖像文件 . . .　17 1.3.4　保存和關(guān)閉圖像文件 . . .　17 1.3.5　移動(dòng)與變換圖像文件 . . .　18 1.3.6　復(fù)制與粘貼圖像文件 . . .　20 1.4　美工實(shí)戰(zhàn)——查看并調(diào)整榨汁機(jī) 首頁(yè)效果　. . . . . . . . . .　20 1.4.1　案例目標(biāo) . . . . . . . . . .　20 1.4.2　制作分析 . . . . . . . . . .　21 1.4.3　制作過(guò)程 . . . . . . . . . .　21 1.5　課后練習(xí) . . . . . . . . . . . . . . . . . . .　22 1.　打開(kāi)Photoshop CS6工作界面 .　22 2.　更改圖像模式 . . . . . . . . . .　22 第　2章 使用選區(qū)和圖層美化 圖像　......................23 2.1　創(chuàng)建與編輯選區(qū) . . . . . . . . . . . . . .　24 2.1.1　創(chuàng)建幾何選區(qū) . . . . . . .　24 2.1.2　創(chuàng)建不規(guī)則選區(qū) . . . . . .　25 2.1.3　創(chuàng)建顏色選區(qū) . . . . . . .　26 2.1.4　編輯選區(qū) . . . . . . . . . .　27 2.2　創(chuàng)建與編輯圖層 . . . . . . . . . . . . . .　30 2.2.1　認(rèn)識(shí)“圖層”面板 . . . . .　30 2.2.2　新建圖層 . . . . . . . . . .　31 2.2.3　復(fù)制與刪除圖層 . . . . . .　33 2.2.4　合并與蓋印圖層 . . . . . .　33 2.2.5　對(duì)齊與分布圖層 . . . . . .　34 2.2.6　移動(dòng)與鏈接圖層 . . . . . .　34 2.2.7　圖層混合模式 . . . . . . .　35 2.2.8　設(shè)置圖層不透明度 . . . . .　37 2.2.9　設(shè)置圖層樣式 . . . . . . .　38 2.3　美工實(shí)戰(zhàn)——制作PC端旅行包主圖 效果　. . . . . . . . . . . . .　39 2.3.1　案例目標(biāo) . . . . . . . . . .　39 2.3.2　制作分析 . . . . . . . . . .　39 2.3.3　制作過(guò)程 . . . . . . . . . .　40 2.4　課后練習(xí) . . . . . . . . . . . . . . . . . . .　43 1.　制作大棗移動(dòng)端主圖 . . . . . .　43 2.　制作網(wǎng)店商品活動(dòng)圖 . . . . . .　44 第3章　修飾商品圖像瑕疵 ......45 3.1　照片瑕疵的遮擋與修復(fù) . . . . . . . . . .　46 3.1.1　污點(diǎn)修復(fù)畫(huà)筆工具 . . . . .　46 3.1.2　修復(fù)畫(huà)筆工具 . . . . . . .　46 3.1.3　修補(bǔ)工具 . . . . . . . . . .　47 3.1.4　紅眼工具 . . . . . . . . . .　48 3.1.5　仿制圖章工具 . . . . . . .　49 3.1.6　圖案圖章工具 . . . . . . .　50 3.2　圖像表面的修飾 . . . . . . . . . . . . . .　50 3.2.1　模糊工具 . . . . . . . . . .　50 3.2.2　銳化工具 . . . . . . . . . .　51 3.2.3　涂抹工具 . . . . . . . . . .　51 3.2.4　減淡工具 . . . . . . . . . .　52 3.2.5　加深工具 . . . . . . . . . .　52 3.2.6　海綿工具 . . . . . . . . . .　53 3.3　清除圖像 . . . . . . . . . . . . . . . . . . .　53 3.3.1　橡皮擦工具 . . . . . . . . .　54 3.3.2　背景橡皮擦工具 . . . . . .　54 3.3.3　魔術(shù)橡皮擦工具 . . . . . .　55 3.4　美工實(shí)戰(zhàn) . . . . . . . . . . . . . . . . . . .　56 3.4.1　修復(fù)人物圖像 . . . . . . .　56 3.4.2　修復(fù)吉他圖像 . . . . . . .　59 3.4.3　制作移動(dòng)端店鋪Banner . .　62 3.5　課后練習(xí) . . . . . . . . . . . . . . . . . . .　65 1.　制作虛化背景效果 . . . . . . .　65 2.　制作網(wǎng)店商品活動(dòng)圖 . . . . . .　65 3.　制作跨境電商店鋪Banner . . .　66 第4章　調(diào)整商品圖像色彩 ......67 4.1　圖像的明暗調(diào)整 . . . . . . . . . . . . . .　68 4.1.1　自動(dòng)調(diào)整色調(diào)/對(duì)比度/ 顏色　. . . . . . . . . . . .　68 4.1.2　“亮度/對(duì)比度”命令 . . .　69 4.1.3　“色階”命令 . . . . . . .　69 4.1.4　“曲線”命令 . . . . . . .　70 4.1.5　“曝光度”命令 . . . . . .　71 4.1.6　“陰影/高光”命令 . . . .　72 4.2　圖像的色彩調(diào)整 . . . . . . . . . . . . . .　73 4.2.1　“自然飽和度”命令 . . .　73 4.2.2　“色相/飽和度”命令 . . .　73 4.2.3　“色彩平衡”命令 . . . . .　74 4.2.4　“黑白”命令 . . . . . . .　74 4.2.5　“照片濾鏡”命令 . . . . .　75 4.2.6　“通道混合器”命令 . . .　76 4.3　特殊圖像調(diào)整 . . . . . . . . . . . . . . . .　76 4.3.1　“反相”命令 . . . . . . .　76 4.3.2　“色調(diào)分離”命令 . . . . .　77 4.3.3　“漸變映射”命令 . . . . .　77 4.3.4　“閾值”命令 . . . . . . .　78 4.3.5　“可選顏色”命令 . . . . .　78 4.3.6　“去色”命令 . . . . . . .　79 4.3.7　“匹配顏色”命令 . . . . .　79 4.3.8　“替換顏色”命令 . . . . .　80 4.4　美工實(shí)戰(zhàn) . . . . . . . . . . . . . . . . . . .　81 4.4.1　恢復(fù)玻璃杯真實(shí)效果 . . .　81 4.4.2　調(diào)整不銹鋼鍋顏色 . . . . .　84 4.4.3　調(diào)整首頁(yè)輪播圖效果 . . .　87 4.5　課后練習(xí) . . . . . . . . . . . . . . . . . . .　91 1.　調(diào)整素材背景中的明暗度 . . .　91 2.　讓商品圖像擺脫沉悶灰色 . . .　91 3.　制作移動(dòng)端主圖 . . . . . . . .　92 第5章　使用圖形和文字完善網(wǎng)店 內(nèi)容　......................93 5.1　使用鋼筆工具繪制圖形 . . . . . . . . .　94 5.1.1　認(rèn)識(shí)路徑 . . . . . . . . . .　94 5.1.2　使用鋼筆工具繪圖 . . . . .　95 5.1.3　使用鉛筆工具繪制圖像 . .　97 5.2　使用形狀工具繪制圖形 . . . . . . . . . .　98 5.2.1　矩形工具 . . . . . . . . . .　98 5.2.2　圓角矩形工具 . . . . . . .　99 5.2.3　橢圓工具 . . . . . . . . . .　99 5.2.4　多邊形工具 . . . . . . . . .　99 5.2.5　直線工具 . . . . . . . . .　100 5.2.6　自定形狀工具 . . . . . .　101 5.3　使用畫(huà)筆工具繪制圖形 . . . . . . . . .　102 5.3.1　認(rèn)識(shí)畫(huà)筆工具 . . . . . .　102 5.3.2　設(shè)置與應(yīng)用畫(huà)筆樣式 . .　103 5.3.3　載入畫(huà)筆 . . . . . . . . .　104 5.3.4　使用畫(huà)筆工具繪制圖像 .　106 5.4　添加并編輯文字 . . . . . . . . . . . . .　110 5.4.1　創(chuàng)建文字 . . . . . . . . .　110 5.4.2　點(diǎn)文字與段落文字的轉(zhuǎn)換 .111 5.4.3　創(chuàng)建變形文字 . . . . . .　112 5.4.4　使用“字符”面板 . . . .　113 5.4.5　使用“段落”面板 . . . .　113 5.5　美工實(shí)戰(zhàn) . . . . . . . . . . . . . . . . . .　114 5.5.1　制作PC端店鋪店標(biāo) . . .　114 5.5.2　制作移動(dòng)端店標(biāo)與店招 .　118 5.5.3　制作移動(dòng)端詳情頁(yè) . . . .　122 5.6　課后練習(xí) . . . . . . . . . . . . . . . . . .　130 1.　制作洗衣機(jī)海報(bào) . . . . . . .　130 2.　制作洗衣機(jī)促銷圖 . . . . . .　130 第6章　使用通道、蒙版和 濾鏡　......................131 6.1　使用通道 . . . . . . . . . . . . . . . . .　132 6.1.1　認(rèn)識(shí)通道 . . . . . . . . .　132 6.1.2　認(rèn)識(shí)“通道”面板 . . . .　132 6.1.3　創(chuàng)建Alpha通道 . . . . . .　133 6.1.4　創(chuàng)建專色通道 . . . . . .　133 6.1.5　復(fù)制與刪除通道 . . . . .　134 6.1.6　分離與合并通道 . . . . .　135 6.1.7　混合通道 . . . . . . . . .　136 6.2　蒙版 . . . . . . . . . . . . . . . . . . . . .　137 6.2.1　認(rèn)識(shí)蒙版 . . . . . . . . .　137 6.2.2　矢量蒙版 . . . . . . . . .　138 6.2.3　剪貼蒙版 . . . . . . . . .　139 6.2.4　圖層蒙版 . . . . . . . . .　141 6.2.5　快速蒙版 . . . . . . . . .　143 6.3　使用濾鏡 . . . . . . . . . . . . . . . . . .　144 6.3.1　認(rèn)識(shí)濾鏡庫(kù) . . . . . . . .　144 6.3.2　應(yīng)用獨(dú)立濾鏡 . . . . . .　147 6.3.3　應(yīng)用特效濾鏡 . . . . . .　149 6.4　美工實(shí)戰(zhàn) . . . . . . . . . . . . . . . . . .　153 6.4.1　制作女裝海報(bào) . . . . . .　153 6.4.2　制作PC端焦點(diǎn)圖 . . . . . .　156 6.4.3　制作移動(dòng)端焦點(diǎn)圖 . . . .　162 6.5　課后練習(xí) . . . . . . . . . . . . . . . . . .　167 1.　制作家具畫(huà)效果 . . . . . . .　167 2.　制作PC端護(hù)膚品詳情頁(yè) . . .　168 第7章　切片與批處理圖像 .....169 7.1　切片 . . . . . . . . . . . . . . . . . . . . .　170 7.1.1　創(chuàng)建切片 . . . . . . . . .　170 7.1.2　編輯切片 . . . . . . . . .　171 7.1.3　保存切片 . . . . . . . . .　172 7.2　動(dòng)作與批處理圖像 . . . . . . . . . . . .　173 7.2.1　認(rèn)識(shí)“動(dòng)作”面板 . . . .　173 7.2.2　創(chuàng)建與保存動(dòng)作 . . . . .　174 7.2.3　自動(dòng)處理圖像 . . . . . .　175 7.3　美工實(shí)戰(zhàn) . . . . . . . . . . . . . . . . . .　177 7.3.1　為照片統(tǒng)一添加水印 . .　177 7.3.2　對(duì)詳情頁(yè)進(jìn)行切片 . . . .　180 7.4　課后練習(xí) . . . . . . . . . . . . . . . . . .　184 1.　錄制“下雪”動(dòng)作 . . . . . .　184 2.　為圖像添加邊框 . . . . . . .　184 第8章　ITMC網(wǎng)店開(kāi)設(shè)與裝修 實(shí)訓(xùn)軟件　................185 8.1　系統(tǒng)登錄操作說(shuō)明 . . . . . . . . . . . .　186 8.1.1　登錄ITMC系統(tǒng)平臺(tái) . . .　186 8.1.2　用戶登錄 . . . . . . . . .　186 8.2　店鋪裝修 . . . . . . . . . . . . . . . . . .　187 8.2.1　店鋪裝修比賽說(shuō)明 . . . .　187 8.2.2　網(wǎng)店開(kāi)設(shè) . . . . . . . . .　189 8.2.3　店標(biāo)設(shè)計(jì) . . . . . . . . .　189 8.2.4　上傳網(wǎng)店Banner . . . . .　190 8.2.5　詳情頁(yè)設(shè)計(jì) . . . . . . . .　190 8.2.6　商品促銷 . . . . . . . . .　196 8.2.7　熱銷商品 . . . . . . . . .　196 8.2.8　生成店鋪首頁(yè)和商品 詳情頁(yè)　. . . . . . . . . .　197 8.3　跨終端店鋪建設(shè) . . . . . . . . . . . . .　197 8.3.1　店標(biāo)設(shè)計(jì) . . . . . . . . .　198 8.3.2　店招設(shè)計(jì) . . . . . . . . .　198 8.3.3　網(wǎng)店Banner . . . . . . . .　199 8.3.4　詳情頁(yè)設(shè)計(jì) . . . . . . . .　200 8.4　跨境端店鋪建設(shè) . . . . . . . . . . . . .　201 8.4.1　認(rèn)識(shí)跨境端店鋪 . . . . .　201 8.4.2　跨境店鋪開(kāi)設(shè) . . . . . .　202 8.4.3　網(wǎng)店Banner . . . . . . . .　203 8.4.4　詳情頁(yè)設(shè)計(jì) . . . . . . . .　203 8.5　跨平臺(tái)店鋪開(kāi)設(shè) . . . . . . . . . . . . .　205 8.5.1　阿里巴巴平臺(tái) . . . . . .　206 8.5.2　京東平臺(tái) . . . . . . . . .　208 8.5.3　淘寶平臺(tái) . . . . . . . . .　210 8.6　課后練習(xí) . . . . . . . . . . . . . . . . . .　212 1.　裝修PC端詳情頁(yè) . . . . . .　212 2.　輸入京東店鋪信息并上傳圖像 . . . . . . . . . . . . .　212 3.　為阿里巴巴裝修店鋪 . . . .　212