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