Photoshop網店美工實例教程（第3版 全彩慕課版）

杭俊，副教授，江苏海事职业技术学院经管学院副院长，主编《电子商务概论》、《电子商务安全技术与实践》和《创新创业案例分析与实践》等教材3部；主持《高职院校教学质量监控与评价体系研究》等省级以上横纵向课题12项；第一作者公开发表论文24篇；在创新创业和技能竞赛指导方面二十余次获奖，多次获评优秀指导教师；以唯一发明人发明各项专利8项。王晓亮，昆明冶金高等专科学校副教授。

第1章? Photoshop網店美工

?　? ? 設計快速入門 ……　1

1.1?　網店美工設計四大要點 …………　2

1.1.1?　圖片素材 ……………………　2

1.1.2?　色彩搭配 ……………………　3

1.1.3?　合理佈局 ……………………　3

1.1.4?　創意文字 ……………………　4

1.2?　Photoshop的基本概念 ………　4

1.2.1?　像素與分辨率 ………………　4

1.2.2?　圖像的顏色模式 ……………　5

1.3?　Photoshop CS6的工作界面 …　6

1.3.1?　工具箱 ………………………　7

1.3.2?　工具屬性欄 …………………　8

1.3.3?　面板 …………………………　8

1.3.4?　狀態欄 ……………………　10

1.4?　調整Photoshop視圖 ………　11

1.4.1?　切換屏幕顯示模式 ………　11

1.4.2?　調整圖像顯示比例 ………　12

1.4.3?　移動圖像顯示畫面 ………　13

1.5?　應用輔助工具 …………………　14

1.5.1?　顯示圖像標尺 ……………　14

1.5.2?　編輯圖像參考線 …………　15

1.6?　設置前景色與背景色 …………　16

1.6.1?　使用工具箱中的顏色

???　工具 ………………………　16

1.6.2?　使用“拾色器”對話框設置

?　? ? 前景色和背景色 …………　17

1.6.3?　使用“顏色”面板設置前景色

?　? ? 和背景色 …………………　17

1.6.4?　使用吸管工具設置前景色和

???　背景色 ……………………　18

1.7?　常用圖標匯總 …………………　18

1.8?　常用快捷鍵匯總 ………………　19

第2章?　網店美工圖像處理

?　? ? 基本操作 ………　20

2.1?　調整商品圖像尺寸 ……………　21

2.1.1?　調整圖像大小 ……………　21

2.1.2?　調整畫布大小 ……………　22

2.2?　裁剪與變換商品圖像 …………　22

2.2.1?　裁剪商品圖像 ……………　22

2.2.2?　變換商品圖像 ……………　24

2.3?　還原與恢復圖像編輯操作 ……　27

2.3.1?　使用菜單命令還原圖像

???　操作 ………………………　27

2.3.2?　使用“歷史記錄”面板恢復

?　? ? 圖像操作 …………………　27

2.4?　圖層的基本操作 ………………　28

2.4.1?　選擇圖層 …………………　29

2.4.2?　重命名圖層 ………………　29

2.4.3?　轉換“背景”圖層與普通

???　圖層 ………………………　30

2.4.4?　復制圖層 …………………　31

2.4.5?　柵格化圖層內容 …………　31

2.4.6?　對齊和分佈圖層內容 ……　32

2.4.7?　合並圖層 …………………　32

2.4.8?　使用圖層組管理圖層 ……　33

第3章?　選區的創建與

　? 編輯 ……………　35

3.1?　選區工具的應用 ………………　36

3.1.1?　應用選框工具 ……………　36

3.1.2?　應用磁性套索工具 ………　37

3.1.3?　應用魔棒工具 ……………　38

3.1.4?　應用快速選擇工具 ………　39

3.1.5?　應用調整邊緣工具 ………　40

3.2?　課堂案例——製作家用咖啡機

?　? 直通車主圖 ……………………　42

3.3?　課堂案例——製作寵物用品

?　? 促銷海報 ………………………　44

3.4?　編輯與修改選區 ………………　46

3.4.1?　移動選區 …………………　47

3.4.2?　全選和反選選區 …………　47

3.4.3?　羽化選區 …………………　48

3.5?　課堂案例——製作夏季上新

?　? 童裝促銷海報 …………………　49

3.6?　課堂練習——製作移動端清新

?　? 女裝海報 ………………………　53

3.7?　課後練習——製作年貨節中國風

?　? 海報 ……………………………　54

第4章?　圖層的高級

　? 應用 ……………　55

4.1?　應用圖層樣式 …………………　56

4.1.1?　添加投影效果 ……………　56

4.1.2?　添加內發光效果 …………　57

4.1.3?　添加斜面和浮雕效果 ……　57

4.2?　課堂案例——製作99劃算節

?　? 優惠券海報 ……………………　59

4.3?　應用圖層混合模式 ……………　61

4.3.1?　應用“正常”模式與“溶解”

???　模式 ………………………　61

4.3.2?　應用壓暗圖像模式 ………　62

4.3.3?　應用加亮圖像模式 ………　62

4.3.4?　應用疊圖模式 ……………　62

4.3.5?　應用特殊圖層模式 ………　63

4.3.6?　應用上色模式 ……………　63

4.4?　課堂案例——製作零食首頁寬屏

?　? 海報 ……………………………　64

4.5?　應用填充圖層和調整圖層 ……　68

4.5.1?　應用填充圖層 ……………　68

4.5.2?　應用調整圖層 ……………　69

4.5.3?　認識“調整”面板 ………　69

4.6?　課堂案例——製作周年慶美妝

?　? 促銷海報 ………………………　70

4.7?　課堂練習——製作智能手環

?　? 主圖 ……………………………　73

4.8?　課後練習——製作極簡沙發詳情頁

?　? 海報 ……………………………　73

第5章?　調整圖像的色調與

　色彩 ……………　74

5.1?　調整圖像的色調 ………………　75

5.1.1?　調整色階 …………………　75

5.1.2?　調整曲線 …………………　76

5.1.3?　調整曝光度 ………………　77

5.1.4?　調整亮度/對比度 …………　79

5.2?　課堂案例——處理曝光過度的

?　? 商品圖像 ………………………　79

5.3?　調整圖像的色彩 ………………　81

5.3.1?　調整自然飽和度 …………　81

5.3.2?　調整色相/飽和度 …………　82

5.3.3?　調整色彩平衡 ……………　83

5.3.4?　調整可選顏色 ……………　84

5.3.5?　應用通道混和器 …………　85

5.3.6?　圖像去色 …………………　86

5.4?　課堂案例——製作黑白相片

?　? 效果 ……………………………　86

5.5?　課堂案例——增強商品圖像的

?　? 色彩鮮艷度 ……………………　88

5.6?　課堂案例——調出優雅暖

?　? 色調 ……………………………　90

5.7?　課堂練習——為模特還原白皙

?　? 肌膚 ……………………………　93

5.8?　課後練習——製作絢麗珠寶

?　? 直通車主圖 ……………………　94

第6章?　網店圖像的修復、

?　? ? 修飾與繪制 ……　95

6.1?　網店圖像的修復 ………………　96

6.1.1?　應用污點修復畫筆工具 …　96

6.1.2?　應用修復畫筆工具 ………　96

6.1.3?　應用紅眼工具 ……………　97

6.1.4?　應用修補工具 ……………　97

6.1.5?　應用仿製圖章工具 ………　98

6.1.6?　應用內容感知移動工具 …　99

6.2?　課堂案例——修復模特面部

?　? 瑕疵 ……………………………　99

6.3?　課堂案例——修復洗護用品

?　? 相片 ……………………………　101

6.4?　網店圖像的修飾 ………………104

6.4.1?　應用模糊工具 ……………104

6.4.2?　應用銳化工具 ……………105

6.4.3?　應用減淡工具 ……………105

6.4.4?　應用加深工具 ……………106

6.4.5?　應用海綿工具 ……………106

6.5?　課堂案例——修飾手錶實拍

?　? 相片 ……………………………107

6.6?　網店圖像的繪制與填充 ………　110

6.6.1?　應用畫筆工具 ……………110

6.6.2?　應用漸變工具 ……………111

6.6.3?　應用“填充”命令 ………112

6.7?　課堂案例——製作母嬰用品

?　? 夢幻海報 ………………………　112

6.8?　網店圖像的摳取 ………………　114

6.8.1?　應用背景橡皮擦工具 ……115

6.8.2?　應用魔術橡皮擦工具 ……115

6.9?　課堂案例——製作吸塵器

?　? 直通車主圖 ……………………　116

6.10?　課堂練習——製作新年美妝

?　? ? 促銷海報 ……………………118

6.11?　課後練習——製作時尚童裝

?　? ? 海報 …………………………118

第7章?　路徑的創建與

???　應用 ……………　119

7.1?　繪制與編輯路徑 ………………120

7.1.1?　認識“路徑”面板 ………120

7.1.2?　應用鋼筆工具繪制路徑 …120

7.1.3?　選擇與移動路徑 …………122

7.1.4?　轉換錨點類型 ……………123

7.1.5?　路徑與選區的轉換 ………124

7.2?　課堂案例——製作國潮風

?　? 護膚品直通車主圖 ……………125

7.3?　繪制形狀 ………………………128

7.3.1?　應用矩形工具 ……………128

7.3.2?　應用圓角矩形工具 ………129

7.3.3?　應用橢圓工具 ……………130

7.3.4?　應用多邊形工具 …………130

7.3.5?　應用直線工具 ……………131

7.3.6?　應用自定形狀工具 ………132

7.4?　課堂案例——製作時尚運動

?　? 男鞋首頁 ………………………133

7.5?　課堂練習——製作移動端店鋪

?　? 優惠券 …………………………137

7.6?　課堂練習——製作女裝網店

?　? 首頁分類區 ……………………138

7.7?　課後練習——製作小家電網店

?　? 店招導航 ………………………139

第8章?　蒙版與通道的

　? 應用 ……………　140

8.1?　應用蒙版 ………………………　141

8.1.1?　應用圖層蒙版 ……………141

8.1.2?　應用剪貼蒙版 ……………143

8.2?　課堂案例——製作大閘蟹禮盒

?　? 寬屏海報 ………………………144

8.3?　應用通道 ………………………147

8.3.1?　認識“通道”面板 ………147

8.3.2?　復制通道 …………………148

8.3.3?　載入通道選區 ……………148

8.3.4?　應用顏色通道 ……………148

8.3.5?　應用Alpha通道 …………150

8.4?　課堂案例——調出唯美端午節

?　? 海報背景 ………………………　151

8.5?　課堂練習——製作移動端零食

?　? 熱賣推薦區 ……………………154

8.6?　課後練習——製作紅心蜜柚

?　? 詳情頁 …………………………154

第9章?　文字的創建與

　應用 ……………　156

9.1?　創建文字 ………………………157

9.1.1?　應用橫排文字工具 ………157

9.1.2?　認識“字符”面板 ………158

9.1.3?　認識“段落”面板 ………161

9.1.4?　編輯文本框 ………………161

9.1.5?　創建文字選區 ……………162

9.2?　課堂案例——製作龍騰粽

?　? 移動端海報 ……………………163

9.3?　創建變形文字與路徑文字 ……165

9.3.1?　創建變形文字 ……………165

9.3.2?　創建路徑文字 ……………167

9.4?　課堂案例——製作卡通U形枕

?　? 套裝海報 ………………………167

9.5?　課堂練習——製作寵物食品

?　? 首頁活動專區 …………………　171

9.6?　課堂練習——製作嬰兒推車

?　? 周年慶海報 ……………………172

9.7?　課後練習——製作香水專場

?　? 寬屏海報 ………………………173

第10章?　濾鏡在網店美工

?　? ? ? 設計中的應用…　174

10.1?　應用濾鏡庫 …………………175

10.1.1?　認識濾鏡庫 ……………175

10.1.2?　應用“液化”濾鏡 ……176

10.2?　課堂案例——為女裝模特

?　? ? 瘦腿 …………………………176

10.3?　課堂案例——製作古典紋理

?　? ? 效果 …………………………179

10.4?　應用其他常用濾鏡 …………182

10.4.1?　應用“模糊”濾鏡組 …182

10.4.2?　應用“銳化”濾鏡組 …183

10.4.3?　應用“像素化”濾鏡組 …184

10.4.4?　應用“渲染”濾鏡組 …185

10.5?　課堂案例——製作下雪

?　? ? 特效 …………………………186

10.6?　課堂練習——製作五一

?　? ? 出游季海報 …………………　191

10.7?　課後練習——製作椰香速溶

?　? ? 咖啡海報 ……………………　191

第11章?　網店商品視頻

?　? ? ? 製作……………　193

11.1?　視頻剪輯基本操作……………194

11.1.1?　導入與整理素材 ………194

11.1.2?　創建序列 ………………195

11.1.3?　粗剪商品視頻 …………196

11.1.4?　調整剪輯點位置 ………198

11.1.5?　調整畫面構圖 …………200

11.2?　添加視頻效果 ………………201

11.2.1?　調整視頻速度 …………201

11.2.2?　添加動畫效果 …………202

11.2.3?　添加轉場效果 …………205

11.2.4?　視頻調色 ………………207

11.3?　添加與編輯字幕 …………　209

11.4?　導出商品視頻 ………………　211

11.5?　課堂案例——製作手機鋼化膜

?　? ? 主圖視頻 ……………………212

11.5.1?　導入素材並粗剪視頻 …213

11.5.2?　精剪視頻 ………………214

11.5.3?　製作視頻效果 …………215

11.5.4?　視頻調色 ………………219

11.5.5?　添加字幕動畫 …………219

11.6?　課堂練習——製作藍牙耳機主圖

?　? ? 視頻 …………………………221

11.7?　課後練習——製作梭織運動鞋

?　? ? 主圖視頻 …………………　222