Photoshop美工基礎與網店裝修（簡體書）

本書是一本幫助初學美工者學習網店店鋪裝修，並可順利參加中教國賽的圖書。全書共8章內容，分別講解了網店美工與Photoshop CS6基礎、使用選區和圖層美化圖像、修飾商品圖像瑕疵、調整商品圖像色彩、使用圖形和文字完善網店內容、使用通道和蒙版、使用濾鏡、切片與批處理圖像等，最後講解了中教國賽專用軟件――ITMC軟件的使用，以及如何使用它進行網店開設與裝修，完成整個比賽。

趙愛香，武漢軟件工程職業技術學院電子商務專業主任，帶隊高職電子商務職業技能大賽比賽多年，在湖北各高職高專院校中小有名氣。從事ps教學多年，經驗豐富

第 1章 網店美工與Photoshop CS6

基礎 ．．．．．．．．．．．．．．．．．．．．．．． 1

1．1 認識網店美工 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 2

1．1．1 網店美工的工作範疇 ． ． ． ．2

1．1．2 網店美工的技術要求 ． ． ． ．2

1．1．3 美工需注意的問題 ． ． ． ． ． ．3

1．1．4 網店美工應掌握的設計

要點 ． ． ． ． ． ． ． ． ． ． ． ． ． ．3

1．2 Photoshop CS6圖像文件基礎知識 ． ． ． ． 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 認識Photoshop CS6的工作

界面 ． ． ． ． ． ． ． ． ． ． ． ． ． 15

1．3．2 新建與打開圖像文件 ． ． ． 16

1．3．3 導入與導出圖像文件 ． ． ． 17

1．3．4 保存和關閉圖像文件 ． ． ． 17

1．3．5 移動與變換圖像文件 ． ． ． 18

1．3．6 複製與粘貼圖像文件 ． ． ． 20

1．4 美工實戰――查看並調整榨汁機

首頁效果 ． ． ． ． ． ． ． ． ． ． 20

1．4．1 案例目標 ． ． ． ． ． ． ． ． ． ． 20

1．4．2 製作分析 ． ． ． ． ． ． ． ． ． ． 21

1．4．3 製作過程 ． ． ． ． ． ． ． ． ． ． 21

1．5 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 22

1． 打開Photoshop CS6工作界面 ． 22

2． 更改圖像模式 ． ． ． ． ． ． ． ． ． ． 22

第 2章 使用選區和圖層美化

圖像 ．．．．．．．．．．．．．．．．．．．．．．23

2．1 創建與編輯選區 ． ． ． ． ． ． ． ． ． ． ． ． ． ． 24

2．1．1 創建幾何選區 ． ． ． ． ． ． ． 24

2．1．2 創建不規則選區 ． ． ． ． ． ． 25

2．1．3 創建顏色選區 ． ． ． ． ． ． ． 26

2．1．4 編輯選區 ． ． ． ． ． ． ． ． ． ． 27

2．2 創建與編輯圖層 ． ． ． ． ． ． ． ． ． ． ． ． ． ． 30

2．2．1 認識“圖層”面板 ． ． ． ． ． 30

2．2．2 新建圖層 ． ． ． ． ． ． ． ． ． ． 31

2．2．3 複製與刪除圖層 ． ． ． ． ． ． 33

2．2．4 合併與蓋印圖層 ． ． ． ． ． ． 33

2．2．5 對齊與分佈圖層 ． ． ． ． ． ． 34

2．2．6 移動與鏈接圖層 ． ． ． ． ． ． 34

2．2．7 圖層混合模式 ． ． ． ． ． ． ． 35

2．2．8 設置圖層不透明度 ． ． ． ． ． 37

2．2．9 設置圖層樣式 ． ． ． ． ． ． ． 38

2．3 美工實戰――製作PC端旅行包主圖

效果 ． ． ． ． ． ． ． ． ． ． ． ． ． 39

2．3．1 案例目標 ． ． ． ． ． ． ． ． ． ． 39

2．3．2 製作分析 ． ． ． ． ． ． ． ． ． ． 39

2．3．3 製作過程 ． ． ． ． ． ． ． ． ． ． 40

2．4 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 43

1． 製作大棗移動端主圖 ． ． ． ． ． ． 43

2． 製作網店商品活動圖 ． ． ． ． ． ． 44

第3章 修飾商品圖像瑕疵 ．．．．．．45

3．1 照片瑕疵的遮擋與修復 ． ． ． ． ． ． ． ． ． ． 46

3．1．1 污點修復畫筆工具 ． ． ． ． ． 46

3．1．2 修復畫筆工具 ． ． ． ． ． ． ． 46

3．1．3 修補工具 ． ． ． ． ． ． ． ． ． ． 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 魔術橡皮擦工具 ． ． ． ． ． ． 55

3．4 美工實戰 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 56

3．4．1 修復人物圖像 ． ． ． ． ． ． ． 56

3．4．2 修復吉他圖像 ． ． ． ． ． ． ． 59

3．4．3 製作移動端店鋪Banner ． ． 62

3．5 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 65

1． 製作虛化背景效果 ． ． ． ． ． ． ． 65

2． 製作網店商品活動圖 ． ． ． ． ． ． 65

3． 製作跨境電商店鋪Banner ． ． ． 66

第4章 調整商品圖像色彩 ．．．．．．67

4．1 圖像的明暗調整 ． ． ． ． ． ． ． ． ． ． ． ． ． ． 68

4．1．1 自動調整色調/對比度/

顏色 ． ． ． ． ． ． ． ． ． ． ． ． 68

4．1．2 “亮度/對比度”命令 ． ． ． 69

4．1．3 “色階”命令 ． ． ． ． ． ． ． 69

4．1．4 “曲線”命令 ． ． ． ． ． ． ． 70

4．1．5 “曝光度”命令 ． ． ． ． ． ． 71

4．1．6 “陰影/高光”命令 ． ． ． ． 72

4．2 圖像的色彩調整 ． ． ． ． ． ． ． ． ． ． ． ． ． ． 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 特殊圖像調整 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 76

4．3．1 “反相”命令 ． ． ． ． ． ． ． 76

4．3．2 “色調分離”命令 ． ． ． ． ． 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 美工實戰 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 81

4．4．1 恢復玻璃杯真實效果 ． ． ． 81

4．4．2 調整不銹鋼鍋顏色 ． ． ． ． ． 84

4．4．3 調整首頁輪播圖效果 ． ． ． 87

4．5 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 91

1． 調整素材背景中的明暗度 ． ． ． 91

2． 讓商品圖像擺脫沉悶灰色 ． ． ． 91

3． 製作移動端主圖 ． ． ． ． ． ． ． ． 92

第5章 使用圖形和文字完善網店

內容 ．．．．．．．．．．．．．．．．．．．．．．93

5．1 使用鋼筆工具繪製圖形 ． ． ． ． ． ． ． ． ． 94

5．1．1 認識路徑 ． ． ． ． ． ． ． ． ． ． 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 認識畫筆工具 ． ． ． ． ． ． 102

5．3．2 設置與應用畫筆樣式 ． ． 103

5．3．3 載入畫筆 ． ． ． ． ． ． ． ． ． 104

5．3．4 使用畫筆工具繪製圖像 ． 106

5．4 添加並編輯文字 ． ． ． ． ． ． ． ． ． ． ． ． ． 110

5．4．1 創建文字 ． ． ． ． ． ． ． ． ． 110

5．4．2 點文字與段落文字的轉換 ．111

5．4．3 創建變形文字 ． ． ． ． ． ． 112

5．4．4 使用“字符”面板 ． ． ． ． 113

5．4．5 使用“段落”面板 ． ． ． ． 113

5．5 美工實戰 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 114

5．5．1 製作PC端店鋪店標 ． ． ． 114

5．5．2 製作移動端店標與店招 ． 118

5．5．3 製作移動端詳情頁 ． ． ． ． 122

5．6 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 130

1． 製作洗衣機海報 ． ． ． ． ． ． ． 130

2． 製作洗衣機促銷圖 ． ． ． ． ． ． 130

第6章 使用通道、蒙版和

濾鏡 ．．．．．．．．．．．．．．．．．．．．．．131

6．1 使用通道 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 132

6．1．1 認識通道 ． ． ． ． ． ． ． ． ． 132

6．1．2 認識“通道”面板 ． ． ． ． 132

6．1．3 創建Alpha通道 ． ． ． ． ． ． 133

6．1．4 創建專色通道 ． ． ． ． ． ． 133

6．1．5 複製與刪除通道 ． ． ． ． ． 134

6．1．6 分離與合併通道 ． ． ． ． ． 135

6．1．7 混合通道 ． ． ． ． ． ． ． ． ． 136

6．2 蒙版 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 137

6．2．1 認識蒙版 ． ． ． ． ． ． ． ． ． 137

6．2．2 矢量蒙版 ． ． ． ． ． ． ． ． ． 138

6．2．3 剪貼蒙版 ． ． ． ． ． ． ． ． ． 139

6．2．4 圖層蒙版 ． ． ． ． ． ． ． ． ． 141

6．2．5 快速蒙版 ． ． ． ． ． ． ． ． ． 143

6．3 使用濾鏡 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 144

6．3．1 認識濾鏡庫 ． ． ． ． ． ． ． ． 144

6．3．2 應用獨立濾鏡 ． ． ． ． ． ． 147

6．3．3 應用特效濾鏡 ． ． ． ． ． ． 149

6．4 美工實戰 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 153

6．4．1 製作女裝海報 ． ． ． ． ． ． 153

6．4．2 製作PC端焦點圖 ． ． ． ． ． ． 156

6．4．3 製作移動端焦點圖 ． ． ． ． 162

6．5 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 167

1． 製作家具畫效果 ． ． ． ． ． ． ． 167

2． 製作PC端護膚品詳情頁 ． ． ． 168

第7章 切片與批處理圖像 ．．．．．169

7．1 切片 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 170

7．1．1 創建切片 ． ． ． ． ． ． ． ． ． 170

7．1．2 編輯切片 ． ． ． ． ． ． ． ． ． 171

7．1．3 保存切片 ． ． ． ． ． ． ． ． ． 172

7．2 動作與批處理圖像 ． ． ． ． ． ． ． ． ． ． ． ． 173

7．2．1 認識“動作”面板 ． ． ． ． 173

7．2．2 創建與保存動作 ． ． ． ． ． 174

7．2．3 自動處理圖像 ． ． ． ． ． ． 175

7．3 美工實戰 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 177

7．3．1 為照片統一添加水印 ． ． 177

7．3．2 對詳情頁進行切片 ． ． ． ． 180

7．4 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 184

1． 錄製“下雪”動作 ． ． ． ． ． ． 184

2． 為圖像添加邊框 ． ． ． ． ． ． ． 184

第8章 ITMC網店開設與裝修

實訓軟件 ．．．．．．．．．．．．．．．．185

8．1 系統登錄操作說明 ． ． ． ． ． ． ． ． ． ． ． ． 186

8．1．1 登錄ITMC系統平臺 ． ． ． 186

8．1．2 用戶登錄 ． ． ． ． ． ． ． ． ． 186

8．2 店鋪裝修 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 187

8．2．1 店鋪裝修比賽說明 ． ． ． ． 187

8．2．2 網店開設 ． ． ． ． ． ． ． ． ． 189

8．2．3 店標設計 ． ． ． ． ． ． ． ． ． 189

8．2．4 上傳網店Banner ． ． ． ． ． 190

8．2．5 詳情頁設計 ． ． ． ． ． ． ． ． 190

8．2．6 商品促銷 ． ． ． ． ． ． ． ． ． 196

8．2．7 熱銷商品 ． ． ． ． ． ． ． ． ． 196

8．2．8 生成店鋪首頁和商品

詳情頁 ． ． ． ． ． ． ． ． ． ． 197

8．3 跨終端店鋪建設 ． ． ． ． ． ． ． ． ． ． ． ． ． 197

8．3．1 店標設計 ． ． ． ． ． ． ． ． ． 198

8．3．2 店招設計 ． ． ． ． ． ． ． ． ． 198

8．3．3 網店Banner ． ． ． ． ． ． ． ． 199

8．3．4 詳情頁設計 ． ． ． ． ． ． ． ． 200

8．4 跨境端店鋪建設 ． ． ． ． ． ． ． ． ． ． ． ． ． 201

8．4．1 認識跨境端店鋪 ． ． ． ． ． 201

8．4．2 跨境店鋪開設 ． ． ． ． ． ． 202

8．4．3 網店Banner ． ． ． ． ． ． ． ． 203

8．4．4 詳情頁設計 ． ． ． ． ． ． ． ． 203

8．5 跨平臺店鋪開設 ． ． ． ． ． ． ． ． ． ． ． ． ． 205

8．5．1 阿裡巴巴平臺 ． ． ． ． ． ． 206

8．5．2 京東平臺 ． ． ． ． ． ． ． ． ． 208

8．5．3 淘寶平臺 ． ． ． ． ． ． ． ． ． 210

8．6 課後練習 ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． ． 212

1． 裝修PC端詳情頁 ． ． ． ． ． ． 212

2． 輸入京東店鋪信息並上傳圖像 ． ． ． ． ． ． ． ． ． ． ． ． ． 212

3． 為阿裡巴巴裝修店鋪 ． ． ． ． 212