Photoshop CC淘寶美工實(shí)用教程

第1章　淘寶美工設(shè)計(jì)新手入門 11
1．1 淘寶裝修入門知識 12
1．1．1 淘寶網(wǎng)店裝修是什么 12
1．1．2 淘寶網(wǎng)店裝修的意義 12
1．1．3 淘寶店鋪信息的獲取 14
1．1．4 店鋪裝修與轉(zhuǎn)化率的關(guān)系 15
1．2 淘寶網(wǎng)店各模塊的內(nèi)容 15
1．2．1 商品信息介紹準(zhǔn)確詳細(xì) 15
1．2．2 分享購買者的經(jīng)驗(yàn) 16
1．2．3 展示相關(guān)證書或證明 16
1．2．4 網(wǎng)店裝修中的誤區(qū) 16
1．3 淘寶基本裝修技巧 17
1．3．1 選擇網(wǎng)店整體色調(diào) 17
1．3．2 設(shè)計(jì)詳情頁面櫥窗照 18
1．3．3 網(wǎng)店中各個(gè)模塊的合理布局 18
1．3．4 淘寶天貓網(wǎng)店常見的字體風(fēng)格 19
1．4 本章小結(jié) 19
第2章 淘寶美工核心區(qū)域設(shè)計(jì) 20
2．1 店招的設(shè)計(jì)分析 21
2．1．1 網(wǎng)店店招的意義 21
2．1．2 網(wǎng)店店招的要求 21
2．1．3 網(wǎng)店店招統(tǒng)一性 21
2．1．4 網(wǎng)店店招體現(xiàn)的內(nèi)容 21
2．1．5 網(wǎng)店店招的制作方法 22
2．1．6 網(wǎng)店店招的主要功能 22
2．2 導(dǎo)航條的設(shè)計(jì)分析 23
2．2．1 導(dǎo)航的作用 23
2．2．2 導(dǎo)航條設(shè)計(jì)尺寸和格式 23
2．2．3 導(dǎo)航條的色彩和字體風(fēng)格 24
2．3 首頁歡迎模塊的設(shè)計(jì)分析 24
2．3．1 首頁歡迎模塊的分類 24
2．3．2 歡迎模塊的設(shè)計(jì)要點(diǎn) 25
2．3．3 歡迎模塊設(shè)計(jì)的注意事項(xiàng) 25
2．3．4 對畫面進(jìn)行適當(dāng)?shù)牧舭滋幚? 26
2．3．5 歡迎模塊設(shè)計(jì)的設(shè)計(jì)技巧 27
2．4 收藏區(qū)抓住回頭客 27
2．5 客服區(qū)的設(shè)計(jì)分析 28
2．6 習(xí)題測試——設(shè)計(jì)客服區(qū)背景效果 29
第3章　淘寶配色布局方法 30
3．1 色彩的基礎(chǔ)知識 31
3．1．1 色彩的概念 31
3．1．2 色彩三要素 31
3．1．3 色調(diào)的傾向 32
3．1．4 冷色系的色彩表現(xiàn)效果 34
3．1．5 暖色系的色彩表現(xiàn)效果 34
3．2 色彩的配色技巧 35
3．2．1 巧用色彩對比色 35
3．2．2 巧用色彩調(diào)和色 35
3．3 淘寶布局細(xì)節(jié)處理 37
3．3．1 字體風(fēng)格打造精致店面 37
3．3．2 網(wǎng)店文字的編排準(zhǔn)則 38
3．3．3 掌握文字分割方式 39
3．3．4 頁面版式設(shè)計(jì)的形式原則 40
3．3．5 網(wǎng)店畫面的布局與處理 43
3．4 本章小結(jié) 44
第4章　Photoshop軟件基本操作 45
4．1 安裝與卸載Photoshop CC 46
4．1．1 Photoshop概述 46
4．1．2 Photoshop的發(fā)展歷史 46
4．1．3 安裝Photoshop CC 47
4．1．4 卸載Photoshop CC 48
4．2 Photoshop CC的新增功能 49
4．2．1 相機(jī)防抖功能 50
4．2．2 Camera Raw修復(fù)功能改進(jìn) 50
4．2．3 Camera Raw徑向?yàn)V鏡 50
4．2．4 Camera Raw自動(dòng)垂直功能 ．51
4．2．5 保留細(xì)節(jié)重采樣模式 51
4．2．6 改進(jìn)的智能銳化 52
4．2．7 改進(jìn)形狀圖層的屬性面板 52
4．2．8 隔離層 53
4．2．9 同步設(shè)置 53
4．2．10 將圖層提取為資源 53
4．2．11 在Behance上共享作品 53
4．2．12 3D繪畫增強(qiáng) 54
4．2．13 3D面板更新 54
4．2．14 “最小值”“最大值”濾鏡增強(qiáng) 54
4．2．15 污點(diǎn)去除工具 55
4．2．16 支持多種印度語言 55
4．3 全新的Photoshop CC工作界面 55
4．3．1 菜單欄 55
4．3．2 工具屬性欄 56
4．3．3 工具箱 56
4．3．4 狀態(tài)欄 57
4．3．5 浮動(dòng)控制面板 58
4．3．6 圖像編輯窗口 58
4．4 設(shè)置商品文件操作環(huán)境 ． 59
4．4．1 創(chuàng)建自定義工作區(qū) 59
4．4．2 設(shè)置自定義快捷鍵 59
4．4．3 設(shè)置彩色菜單命令 60
4．4．4 展開/折疊面板 60
4．4．5 移動(dòng)/組合面板 61
4．4．6 隱藏面板 62
4．4．7 調(diào)整面板大小 63
4．5 本章小結(jié) 63
4．6 習(xí)題測試——新建文件 ． 63
第5章　編輯與調(diào)整商品圖像文件 64
5．1 編輯商品圖像文件 65
5．1．1 顯示商品圖像標(biāo)尺 65
5．1．2 測量商品圖像尺寸 66
5．1．3 編輯商品圖像參考線 67
5．1．4 給商品添加注釋 68
5．2 撤銷與恢復(fù)商品圖像文件 69
5．2．1 撤銷錯(cuò)誤還原操作 69
5．2．2 商品圖像的恢復(fù)和清理 71
5．2．3 優(yōu)化系統(tǒng)界面設(shè)置 72
5．2．4 最大化、最小化顯示產(chǎn)品圖片 74
5．3 調(diào)整窗口圖像顯示方式 75
5．3．1 調(diào)整商品圖像窗口排列方式 75
5．3．2 切換商品圖像編輯窗口 76
5．3．3 商品圖像的放大和縮小 77
5．3．4 通過抓手工具移動(dòng)商品圖像 78
5．3．5 按區(qū)域顯示商品圖像 79
5．3．6 按適合屏幕顯示商品圖像 80
5．4 調(diào)整商品圖像畫面尺寸 80
5．4．1 調(diào)整商品圖像尺寸 81
5．4．2 調(diào)整商品圖像畫布尺寸 81
5．4．3 調(diào)整商品圖像分辨率 82
5．5 本章小結(jié) 83
5．6 習(xí)題測試——復(fù)制與刪除商品圖像的圖層 83
第6章　裁剪與處理商品圖像文件 84
6．1 裁剪商品圖像 85
6．1．1 手動(dòng)裁剪商品圖像 85
6．1．2 精確裁剪商品圖像 86
6．2 旋轉(zhuǎn)商品圖像 86
6．2．1 運(yùn)用“旋轉(zhuǎn)”命令調(diào)整商品圖像角度 87
6．2．2 運(yùn)用“變換”命令翻轉(zhuǎn)商品圖像 88
6．3 變形與透視商品圖像文件 89
6．3．1 運(yùn)用“斜切”命令制作商品投影效果 89
6．3．2 運(yùn)用“扭曲”命令還原商品圖像 90
6．3．3 運(yùn)用“透視”命令透視商品圖像 91
6．4 修飾商品圖像文件 92
6．4．1 運(yùn)用模糊工具虛化商品背景 92
6．4．2 運(yùn)用銳化工具清晰顯示商品 93
6．4．3 運(yùn)用仿制圖章工具去除商品背景雜物 94
6．4．4 運(yùn)用圖案圖章工具復(fù)制商品圖像 95
6．5 修復(fù)和修補(bǔ)商品圖像文件 96
6．5．1 運(yùn)用污點(diǎn)修復(fù)畫筆工具修復(fù)商品 96
6．5．2 運(yùn)用修補(bǔ)工具修補(bǔ)商品圖像 97
6．5．3 運(yùn)用橡皮擦工具清除商品信息 98
6．6 商品圖像文件的基本調(diào)色技巧 99
6．6．1 運(yùn)用填充工具更改商品圖像背景顏色 99
6．6．2 運(yùn)用油漆桶工具改變商品圖像顏色 101
6．6．3 運(yùn)用吸管工具改變商品圖像顏色 102
6．6．4 運(yùn)用減淡工具加亮商品圖像 102
6．6．5 運(yùn)用加深工具調(diào)暗商品圖像 103
6．7 本章小結(jié) 104
6．8 習(xí)題測試——運(yùn)用仿制圖章工具 104
第7章　商品基本摳圖技巧 105
7．1 選區(qū)的基本知識 106
7．1．1 選區(qū)概述 106
7．1．2 常用選區(qū)創(chuàng)建方法 106
7．1．3 選區(qū)的運(yùn)算方式 107
7．2 運(yùn)用工具摳取商品圖像 110
7．2．1 運(yùn)用魔棒工具摳取商品 110
7．2．2 運(yùn)用快速選擇工具摳取商品 112
7．2．3 運(yùn)用矩形選框工具摳取商品 114
7．2．4 運(yùn)用橢圓選框工具摳取商品 115
7．2．5 運(yùn)用套索工具摳取商品 116
7．2．6 運(yùn)用磁性套索工具摳取商品 117
7．2．7 運(yùn)用多邊形套索工具摳取商品 119
7．2．8 運(yùn)用橡皮擦工具摳取商品 119
7．2．9 運(yùn)用背景橡皮擦工具摳取商品 120
7．2．10 運(yùn)用魔術(shù)橡皮擦工具摳取商品 122
7．3 運(yùn)用命令摳取商品圖像 124
7．3．1 運(yùn)用“反向”命令摳取商品 124
7．3．2 運(yùn)用“色彩范圍”命令摳取商品 124
7．4 本章小結(jié) 126
7．5 習(xí)題測試——通過“選取相似”命令摳取商品 126
第8章　商品復(fù)雜摳圖技巧 127
8．1 制作精美商品文字效果 128
8．1．1 理解路徑的概念 128
8．1．2 “路徑”控制面板 128
8．2 通道摳圖的基礎(chǔ)知識 128
8．2．1 通道的作用 128
8．2．2 “通道”面板 128
8．3 運(yùn)用鋼筆工具摳取商品圖像 129
8．3．1 運(yùn)用鋼筆工具繪制直線路徑摳取商品 129
8．3．2 運(yùn)用鋼筆工具繪制曲線路徑摳取商品 131
8．3．3 運(yùn)用自由鋼筆工具繪制路徑摳取商品 132
8．4 運(yùn)用路徑摳取商品圖像 133
8．4．1 運(yùn)用矩形路徑摳取商品 133
8．4．2 運(yùn)用圓角矩形路徑摳取商品 135
8．4．3 運(yùn)用橢圓路徑摳取商品 137
8．5 運(yùn)用通道摳取商品圖像 138
8．5．1 運(yùn)用通道對比的調(diào)整摳取商品 138
8．5．2 運(yùn)用色階調(diào)整配合通道摳取商品 140
8．6 運(yùn)用圖層模式摳取商品圖像 141
8．6．1 運(yùn)用“正片疊底”模式摳取商品 141
8．6．2 運(yùn)用“顏色加深”模式摳取商品 142
8．6．3 運(yùn)用“濾色”模式摳取商品 143
8．6．4 運(yùn)用矢量蒙版摳取商品 144
8．6．5 運(yùn)用快速蒙版摳取商品 145
8．7 本章小結(jié) 147
8．8 習(xí)題測試——用通道摳取透明物體 147
第9章　制作商品文字精美特效 148
9．1 文字概述 149
9．1．1 文字的類型 149
9．1．2 文字工具屬性欄 149
9．2 創(chuàng)建商品文字 149
9．2．1 橫排商品文字效果的制作 149
9．2．2 直排商品文字效果的制作 151
9．2．3 商品圖像段落文本的制作 152
9．2．4 商品文字沿路徑排列效果的制作 153
9．2．5 商品文字路徑形狀的調(diào)整 155
9．2．6 商品橫排文字蒙版效果的制作 156
9．2．7 商品直排文字蒙版效果的制作 157
9．3 設(shè)置商品文字的屬性 159
9．3．1 設(shè)置商品文字屬性 159
9．3．2 互換商品文字水平與垂直方向 160
9．3．3 調(diào)整商品文字位置與排列順序 161
9．4 制作精美商品文字效果 162
9．4．1 商品文字路徑效果的制作 162
9．4．2 商品文字顏色效果的制作 163
9．4．3 商品文字漸變效果的制作 164
9．4．4 商品文字投影效果的制作 166
9．4．5 商品文字發(fā)光效果的制作 166
9．4．6 商品文字變形樣式的制作 168
9．4．7 商品文字圖像效果的制作 170
9．4．8 商品文字描邊效果的制作 171
9．5 本章小結(jié) 172
9．6 習(xí)題測試——輸入段落描述商品文字 172
第10章　調(diào)整商品圖像色彩色調(diào) 173
10．1 查看商品圖像的顏色分布 174
10．1．1 “信息”面板 174
10．1．2 “直方圖”面板 174
10．2 轉(zhuǎn)換商品圖像顏色模式 175
10．2．1 將圖像轉(zhuǎn)換為位圖模式 175
10．2．2 將圖像轉(zhuǎn)換為RGB模式 176
10．2．3 將圖像轉(zhuǎn)換為CMYK模式 176
10．2．4 將圖像轉(zhuǎn)換為灰度模式 177
10．2．5 將圖像轉(zhuǎn)換為雙色調(diào)模式 177
10．2．6 將圖像轉(zhuǎn)換為多通道模式 178
10．2．7 將圖像轉(zhuǎn)換為索引模式 179
10．2．8 將圖像轉(zhuǎn)換為Lab模式 180
10．2．9 將圖像轉(zhuǎn)換為位深度模式 180
10．3 自動(dòng)校正商品圖像色彩/色調(diào) 180
10．3．1 通過自動(dòng)色調(diào)調(diào)整商品圖像的色調(diào) 180
10．3．2 通過自動(dòng)對比度調(diào)整商品圖像對比度 181
10．3．3 通過“自動(dòng)顏色”命令校正商品圖像偏色 181
10．4 調(diào)整商品圖像的基本色彩 ． 181
10．4．1 運(yùn)用亮度/對比度調(diào)整商品圖像色調(diào) 182
10．4．2 運(yùn)用色階調(diào)整商品圖像亮度范圍 182
10．4．3 運(yùn)用曲線調(diào)整商品圖像色調(diào) 183
10．4．4 運(yùn)用曝光度調(diào)整商品圖像曝光 184
10．5 調(diào)整商品圖像的畫面色調(diào) 185
10．5．1 通過色相/飽和度調(diào)整商品圖像色調(diào) 185
10．5．2 通過自然飽和度調(diào)整商品圖像飽和度 186
10．5．3 通過色彩平衡調(diào)整商品圖像偏色 187
10．5．4 通過“替換顏色”命令替換商品圖像顏色 187
10．5．5 通過陰影/高光調(diào)整商品圖像的明暗 189
10．5．6 通過照片濾鏡過濾商品的圖像色調(diào) 190
10．5．7 通過可選顏色改變商品圖像顏色 190
10．5．8 通過“黑白”命令去除商品的圖像色彩 191
10．5．9 通過“去色”命令制作灰度商品圖像效果 192
10．5．10 通過“變化”命令制作彩色調(diào)商品圖像 193
10．5．11 通過“HDR色調(diào)”命令調(diào)整商品圖像色調(diào) 193
10．5．12 使用“色調(diào)均化”命令均化圖像亮度值 194
10．5．13 通過“色調(diào)分離”命令調(diào)整商品圖像色調(diào) 195
10．5．14 通過“漸變映射”命令制作彩色漸變效果 195
10．5．15 通過通道混合器調(diào)整商品圖像色調(diào) 196
10．6 本章小結(jié) 198
10．7 習(xí)題測試——使用“反相”命令制作商品圖像底片效果 197
第11章　淘寶商品合成創(chuàng)意設(shè)計(jì) 198
11．1 制作網(wǎng)店珠寶首飾合成特效 199
11．1．1 制作戒指合成特效 199
11．1．2 制作手表合成特效 201
11．1．3 制作首飾合成特效 203
11．1．4 制作發(fā)飾合成特效 205
11．1．5 制作墨鏡合成特效 207
11．1．6 制作情侶對戒合成特效 208
11．2 制作網(wǎng)店服飾美妝合成特效 216
11．2．1 制作服飾搭配合成特效 216
11．2．2 制作女裝合成特效 218
11．2．3 制作鞋子合成特效 220
11．2．4 制作美妝合成特效 222
11．2．5 制作女包合成特效 228
11．3 制作網(wǎng)店數(shù)碼玩具合成特效 229
11．3．1 制作手機(jī)合成特效 229
11．3．2 制作玩具合成特效 231
11．4 制作家具家居合成特效 237
11．4．1 制作床上用品合成特效 237
11．4．2 制作家居合成特效 239
11．5 本章小結(jié) 241
11．6 習(xí)題測試——制作商品合成特效 241
第12章　淘寶店鋪導(dǎo)航設(shè)計(jì) 242
12．1 設(shè)計(jì)眼鏡類店鋪導(dǎo)航條 243
12．1．1 制作灰色背景效果 243
12．1．2 制作廣告文字效果 243
12．1．3 制作形狀填充效果 243
12．2 設(shè)計(jì)兒童幼教店鋪導(dǎo)航條 244
12．2．1 制作導(dǎo)航條單色效果 244
12．2．2 制作導(dǎo)航條多色效果 245
12．2．3 制作導(dǎo)航條文字效果 246
12．3 設(shè)計(jì)女鞋類店鋪導(dǎo)航條 246
12．3．1 制作導(dǎo)航條圖層對象 246
12．3．2 制作長條矩形效果 247
12．3．3 制作導(dǎo)航條文字效果 247
12．4 本章小結(jié) 248
12．5 習(xí)題測試——設(shè)計(jì)手機(jī)類店鋪導(dǎo)航條 248
第13章　淘寶網(wǎng)店店招設(shè)計(jì) 249
13．1 設(shè)計(jì)花店類店鋪店招 250
13．1．1 制作心形圖案效果 250
13．1．2 制作店招文字效果 251
13．1．3 制作店招合成效果 252
13．2 設(shè)計(jì)女包類店鋪店招 252
13．2．1 制作店招空白圖像 252
13．2．2 制作店招女包效果 253
13．2．3 制作圖文合成效果 254
13．3 設(shè)計(jì)食品旺鋪店招 255
13．3．1 制作店招素材圖像 255
13．3．2 制作旺鋪文字效果 255
13．3．3 制作食品合成效果 256
13．4 本章小結(jié) 256
13．5 習(xí)題測試——手表旺鋪店招 256
第14章　淘寶店鋪首頁設(shè)計(jì) 257
14．1 設(shè)計(jì)女裝網(wǎng)店首頁 258
14．1．1 制作首頁背景效果 258
14．1．2 制作商品圖像效果 259
14．1．3 制作宣傳文案效果 261
14．2 設(shè)計(jì)食品網(wǎng)店首頁 263
14．2．1 制作首頁背景效果 264
14．2．2 制作商品圖像效果 264
14．2． 3 制作首頁文案效果 266
14．3 設(shè)計(jì)飾品網(wǎng)店首頁 269
14．3．1 制作首頁背景效果 269
14．3．2 制作商品畫面效果 269
14．3．3 制作新品上市文字 270
14．4 本章小結(jié) 271
14．5 習(xí)題測試——設(shè)計(jì)農(nóng)產(chǎn)品網(wǎng)店首頁 271
第15章　淘寶網(wǎng)店主圖設(shè)計(jì) 272
15．1 設(shè)計(jì)帆布鞋網(wǎng)店主圖 273
15．1．1 制作鞋類主圖背景效果 273
15．1．2 制作鞋類主圖商品效果 274
15．1．3 制作鞋類主圖文案效果 276
15．2 設(shè)計(jì)玩具網(wǎng)店主圖 279
15．2．1 制作玩具主圖背景效果 279
15．2．2 制作玩具主圖商品效果 280
15．2．3 制作玩具主圖文案效果 283
15．3 設(shè)計(jì)廚具網(wǎng)店主圖 285
15．3．1 制作廚具主圖背景效果 285
15．3．2 制作廚具主圖商品效果 286
15．3．3 制作廚具主圖文案效果 288
15．4 本章小結(jié) 292
15．5 習(xí)題測試——設(shè)計(jì)手包網(wǎng)店主圖 292
第16章　淘寶美工商業(yè)案例實(shí)訓(xùn) 293
16．1 設(shè)計(jì)女鞋網(wǎng)店廣告海報(bào) 294
16．1．1 制作廣告海報(bào)的背景效果 294
16．1．2 制作廣告海報(bào)的商品效果 295
16．1．3 制作廣告海報(bào)的文案效果 297
16．2 設(shè)計(jì)汽車用品促銷方案 300
16．2．1 制作促銷方案的背景效果 300
16．2．2 制作促銷方案的商品效果 301
16．2．3 制作促銷方案的文案效果 303
16．3 設(shè)計(jì)售前售后客服區(qū) 306
16．3．1 制作客服區(qū)的背景效果 306
16．3．2 制作客服區(qū)的文字效果 308
16．3．3 制作客服區(qū)的合成效果 309
16．4 本章小結(jié) 310
16．5 習(xí)題測試——設(shè)計(jì)數(shù)碼產(chǎn)品促銷方案 310
附錄 311
命令快捷鍵 311
課堂案例索引 312
習(xí)題測試索引 316
習(xí)題測試答案 317