Photoshop 美工基礎(chǔ)與網(wǎng)店裝修（微課版）

第 1章 網(wǎng)店美工與Photoshop CS6
基礎(chǔ)?。?
1．1　認(rèn)識網(wǎng)店美工 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　2
1．1．1　網(wǎng)店美工的工作范疇 ． ． ． ．2
1．1．2　網(wǎng)店美工的技術(shù)要求 ． ． ． ．2
1．1．3　美工需注意的問題 ． ． ． ． ． ．3
1．1．4　網(wǎng)店美工應(yīng)掌握的設(shè)計
要點?。?． ． ． ． ． ． ． ． ． ． ． ． ．3
1．2　Photoshop CS6圖像文件基礎(chǔ)知識 ． ． ． ．　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)識Photoshop CS6的工作
界面?。?． ． ． ． ． ． ． ． ． ． ． ．　15
1．3．2　新建與打開圖像文件 ． ． ．　16
1．3．3　導(dǎo)入與導(dǎo)出圖像文件 ． ． ．　17
1．3．4　保存和關(guān)閉圖像文件 ． ． ．　17
1．3．5　移動與變換圖像文件 ． ． ．　18
1．3．6　復(fù)制與粘貼圖像文件 ． ． ．　20
1．4　美工實戰(zhàn)——查看并調(diào)整榨汁機(jī)
首頁效果?。?． ． ． ． ． ． ． ． ．　20
1．4．1　案例目標(biāo) ． ． ． ． ． ． ． ． ． ．　20
1．4．2　制作分析 ． ． ． ． ． ． ． ． ． ．　21
1．4．3　制作過程 ． ． ． ． ． ． ． ． ． ．　21
1．5　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　22
1．　打開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)識“圖層”面板 ． ． ． ． ．　30
2．2．2　新建圖層 ． ． ． ． ． ． ． ． ． ．　31
2．2．3　復(fù)制與刪除圖層 ． ． ． ． ． ．　33
2．2．4　合并與蓋印圖層 ． ． ． ． ． ．　33
2．2．5　對齊與分布圖層 ． ． ． ． ． ．　34
2．2．6　移動與鏈接圖層 ． ． ． ． ． ．　34
2．2．7　圖層混合模式 ． ． ． ． ． ． ．　35
2．2．8　設(shè)置圖層不透明度 ． ． ． ． ．　37
2．2．9　設(shè)置圖層樣式 ． ． ． ． ． ． ．　38
2．3　美工實戰(zhàn)——制作PC端旅行包主圖
效果?。?． ． ． ． ． ． ． ． ． ． ． ．　39
2．3．1　案例目標(biāo) ． ． ． ． ． ． ． ． ． ．　39
2．3．2　制作分析 ． ． ． ． ． ． ． ． ． ．　39
2．3．3　制作過程 ． ． ． ． ． ． ． ． ． ．　40
2．4　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　43
1．　制作大棗移動端主圖 ． ． ． ． ． ．　43
2．　制作網(wǎng)店商品活動圖 ． ． ． ． ． ．　44
第3章　修飾商品圖像瑕疵 ．．．．．．45
3．1　照片瑕疵的遮擋與修復(fù) ． ． ． ． ． ． ． ． ． ．　46
3．1．1　污點修復(fù)畫筆工具 ． ． ． ． ．　46
3．1．2　修復(fù)畫筆工具 ． ． ． ． ． ． ．　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　美工實戰(zhàn) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　56
3．4．1　修復(fù)人物圖像 ． ． ． ． ． ． ．　56
3．4．2　修復(fù)吉他圖像 ． ． ． ． ． ． ．　59
3．4．3　制作移動端店鋪Banner ． ．　62
3．5　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　65
1．　制作虛化背景效果 ． ． ． ． ． ． ．　65
2．　制作網(wǎng)店商品活動圖 ． ． ． ． ． ．　65
3．　制作跨境電商店鋪Banner ． ． ．　66
第4章　調(diào)整商品圖像色彩 ．．．．．．67
4．1　圖像的明暗調(diào)整 ． ． ． ． ． ． ． ． ． ． ． ． ． ．　68
4．1．1　自動調(diào)整色調(diào)/對比度/
顏色　． ． ． ． ． ． ． ． ． ． ． ．　68
4．1．2　“亮度/對比度”命令 ． ． ．　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　美工實戰(zhàn) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　81
4．4．1　恢復(fù)玻璃杯真實效果 ． ． ．　81
4．4．2　調(diào)整不銹鋼鍋顏色 ． ． ． ． ．　84
4．4．3　調(diào)整首頁輪播圖效果 ． ． ．　87
4．5　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　91
1．　調(diào)整素材背景中的明暗度 ． ． ．　91
2．　讓商品圖像擺脫沉悶灰色 ． ． ．　91
3．　制作移動端主圖 ． ． ． ． ． ． ． ．　92
第5章　使用圖形和文字完善網(wǎng)店
內(nèi)容?。?3
5．1　使用鋼筆工具繪制圖形 ． ． ． ． ． ． ． ． ．　94
5．1．1　認(rèn)識路徑 ． ． ． ． ． ． ． ． ． ．　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　使用畫筆工具繪制圖形 ． ． ． ． ． ． ． ． ．　102
5．3．1　認(rèn)識畫筆工具 ． ． ． ． ． ．　102
5．3．2　設(shè)置與應(yīng)用畫筆樣式 ． ．　103
5．3．3　載入畫筆 ． ． ． ． ． ． ． ． ．　104
5．3．4　使用畫筆工具繪制圖像 ．　106
5．4　添加并編輯文字 ． ． ． ． ． ． ． ． ． ． ． ． ．　110
5．4．1　創(chuàng)建文字 ． ． ． ． ． ． ． ． ．　110
5．4．2　點文字與段落文字的轉(zhuǎn)換 ．111
5．4．3　創(chuàng)建變形文字 ． ． ． ． ． ．　112
5．4．4　使用“字符”面板 ． ． ． ．　113
5．4．5　使用“段落”面板 ． ． ． ．　113
5．5　美工實戰(zhàn) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　114
5．5．1　制作PC端店鋪店標(biāo) ． ． ．　114
5．5．2　制作移動端店標(biāo)與店招 ．　118
5．5．3　制作移動端詳情頁 ． ． ． ．　122
5．6　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　130
1．　制作洗衣機(jī)海報 ． ． ． ． ． ． ．　130
2．　制作洗衣機(jī)促銷圖 ． ． ． ． ． ．　130
第6章　使用通道、蒙版和
濾鏡　．．．．．．．．．．．．．．．．．．．．．．131
6．1　使用通道 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　132
6．1．1　認(rèn)識通道 ． ． ． ． ． ． ． ． ．　132
6．1．2　認(rèn)識“通道”面板 ． ． ． ．　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)識蒙版 ． ． ． ． ． ． ． ． ．　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)識濾鏡庫 ． ． ． ． ． ． ． ．　144
6．3．2　應(yīng)用獨立濾鏡 ． ． ． ． ． ．　147
6．3．3　應(yīng)用特效濾鏡 ． ． ． ． ． ．　149
6．4　美工實戰(zhàn) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　153
6．4．1　制作女裝海報 ． ． ． ． ． ．　153
6．4．2　制作PC端焦點圖 ． ． ． ． ． ．　156
6．4．3　制作移動端焦點圖 ． ． ． ．　162
6．5　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　167
1．　制作家具畫效果 ． ． ． ． ． ． ．　167
2．　制作PC端護(hù)膚品詳情頁 ． ． ．　168
第7章　切片與批處理圖像 ．．．．．169
7．1　切片 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　170
7．1．1　創(chuàng)建切片 ． ． ． ． ． ． ． ． ．　170
7．1．2　編輯切片 ． ． ． ． ． ． ． ． ．　171
7．1．3　保存切片 ． ． ． ． ． ． ． ． ．　172
7．2　動作與批處理圖像 ． ． ． ． ． ． ． ． ． ． ． ．　173
7．2．1　認(rèn)識“動作”面板 ． ． ． ．　173
7．2．2　創(chuàng)建與保存動作 ． ． ． ． ．　174
7．2．3　自動處理圖像 ． ． ． ． ． ．　175
7．3　美工實戰(zhàn) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　177
7．3．1　為照片統(tǒng)一添加水印 ． ．　177
7．3．2　對詳情頁進(jìn)行切片 ． ． ． ．　180
7．4　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　184
1．　錄制“下雪”動作 ． ． ． ． ． ．　184
2．　為圖像添加邊框 ． ． ． ． ． ． ．　184
第8章　ITMC網(wǎng)店開設(shè)與裝修
實訓(xùn)軟件?。?85
8．1　系統(tǒng)登錄操作說明 ． ． ． ． ． ． ． ． ． ． ． ．　186
8．1．1　登錄ITMC系統(tǒng)平臺 ． ． ．　186
8．1．2　用戶登錄 ． ． ． ． ． ． ． ． ．　186
8．2　店鋪裝修 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　187
8．2．1　店鋪裝修比賽說明 ． ． ． ．　187
8．2．2　網(wǎng)店開設(shè) ． ． ． ． ． ． ． ． ．　189
8．2．3　店標(biāo)設(shè)計 ． ． ． ． ． ． ． ． ．　189
8．2．4　上傳網(wǎng)店Banner ． ． ． ． ．　190
8．2．5　詳情頁設(shè)計 ． ． ． ． ． ． ． ．　190
8．2．6　商品促銷 ． ． ． ． ． ． ． ． ．　196
8．2．7　熱銷商品 ． ． ． ． ． ． ． ． ．　196
8．2．8　生成店鋪首頁和商品
詳情頁?。?． ． ． ． ． ． ． ． ．　197
8．3　跨終端店鋪建設(shè) ． ． ． ． ． ． ． ． ． ． ． ． ．　197
8．3．1　店標(biāo)設(shè)計 ． ． ． ． ． ． ． ． ．　198
8．3．2　店招設(shè)計 ． ． ． ． ． ． ． ． ．　198
8．3．3　網(wǎng)店Banner ． ． ． ． ． ． ． ．　199
8．3．4　詳情頁設(shè)計 ． ． ． ． ． ． ． ．　200
8．4　跨境端店鋪建設(shè) ． ． ． ． ． ． ． ． ． ． ． ． ．　201
8．4．1　認(rèn)識跨境端店鋪 ． ． ． ． ．　201
8．4．2　跨境店鋪開設(shè) ． ． ． ． ． ．　202
8．4．3　網(wǎng)店Banner ． ． ． ． ． ． ． ．　203
8．4．4　詳情頁設(shè)計 ． ． ． ． ． ． ． ．　203
8．5　跨平臺店鋪開設(shè) ． ． ． ． ． ． ． ． ． ． ． ． ．　205
8．5．1　阿里巴巴平臺 ． ． ． ． ． ．　206
8．5．2　京東平臺 ． ． ． ． ． ． ． ． ．　208
8．5．3　淘寶平臺 ． ． ． ． ． ． ． ． ．　210
8．6　課后練習(xí) ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ．　212
1．　裝修PC端詳情頁 ． ． ． ． ． ．　212
2．　輸入京東店鋪信息并上傳圖像 ． ． ． ． ． ． ． ． ． ． ． ． ．　212
3．　為阿里巴巴裝修店鋪 ． ． ． ．　212