Photoshop網店美工實戰教程（全彩微課版）

侯小丽，山西传媒学院融媒技术学院副教授，中国当代教育协会终身理事。多来致力于平面设计，动漫设计，融媒体方向的一线教学工作，发表论文15篇，出版教材16本，参与省级课题2项，获国家版权一项,实用实型专利一项。长期在千聊和喜马拉雅公益讲课。

第 1章　網店美工基礎　1

1.1　網店美工概述　2

1.1.1　網店美工的定義　2

1.1.2　網店美工的工作範疇　2

1.1.3　網店美工的崗位技能要求　3

1.1.4　網店美工應遵循的設計原則　3

1.1.5　網店美工應註意的事項　3

課堂練習：搜索並熟悉網店美工的相關知識　4

1.2　認識Photoshop　4

1.2.1　Photoshop的基本概念　5

1.2.2　認識Photoshop的工作界面　10

1.2.3　在Photoshop中查看圖像　11

1.3　綜合實訓：調整商品圖片的尺寸　12

思考與練習　14

第　2章 網店美工設計要點　15

2.1　認識設計元素　16

2.1.1　點　16

2.1.2　線　16

2.1.3　面　17

2.2　色彩　17

2.2.1　色彩屬性　17

2.2.2　色彩對比　20

2.2.3　色彩調性　21

2.2.4　色彩搭配技巧　22

課堂練習：店鋪首頁顏色賞析　23

2.3　字體設計　23

2.3.1　字體的性格特徵　23

2.3.2　網店字體的設計原則　24

2.3.3　文字的佈局技巧　25

2.4　綜合實訓：鑒賞店鋪首頁色彩與字體的應用　26

思考與練習　28

第3章　商品圖片拍攝　29

3.1　拍攝器材的選擇與拍攝流程　30

3.1.1　相機的選購要素　30

3.1.2　相機的使用技巧　31

3.1.3　輔助器材　31

3.1.4　拍攝的基本流程　32

3.2　拍攝場景與布光　33

3.2.1　拍攝場景　33

3.2.2　布光方法　34

課堂練習：利用泡沫箱製作簡易靜物攝影棚　35

3.3　商品的拍攝技巧　35

3.3.1　拍攝吸光類商品　35

3.3.2　拍攝反光類商品　35

3.3.3　拍攝透明類商品　35

3.4　構圖的基本知識　36

3.4.1　構圖的目的　36

3.4.2　認識主體、陪體和背景　36

3.4.3　常用的構圖方式　37

3.5　綜合實訓：網店服裝實拍　39

思考與練習　42

第4章　商品圖片後期處理　43

4.1　商品圖片的調色　44

4.1.1　調整圖片的整體亮度和對比度　44

4.1.2　調整圖片的高光、陰影和中間調　45

4.1.3　圖片偏色的校正　50

課堂練習：校正偏色的冰箱　53

4.2　商品圖片的美化與修飾　53

4.2.1　去除圖片中的瑕疵和雜物　53

4.2.2　去除背景中多餘的物品　55

4.2.3　模特磨皮處理　56

4.2.4　模特五官與身形的處理　58

4.2.5　提高圖片的清晰度　60

4.3　摳圖　61

4.3.1　摳取規則商品　61

4.3.2　摳取簡單背景　62

4.3.3　摳取精細商品　63

4.3.4　摳取半透明物體　65

4.4　為商品圖片添加文字與形狀　66

4.4.1　為商品圖片添加文字　66

4.4.2　為商品圖片添加形狀　68

4.5　綜合實訓：調整海報中偏色的衣物　69

思考與練習　71

第5章　店鋪首頁設計　72

5.1　店鋪首頁概述　73

5.1.1　店鋪首頁的主要功能　73

5.1.2　店鋪首頁的核心模塊　73

5.1.3　店鋪首頁的佈局要點　74

5.2　店招與導航欄的設計與製作　75

5.2.1　店招的設計要點　75

5.2.2　製作店招與導航欄　75

課堂練習：製作小家電專賣店的店招與導航欄　78

5.3　海報的設計與製作　78

5.3.1　海報的設計要點　78

5.3.2　製作全屏海報　79

5.4　優惠券的設計與製作　81

5.4.1　優惠券的設計要點　81

5.4.2　製作優惠券　81

5.5　綜合實訓：製作女裝店鋪首頁海報　83

思考與練習　87

第6章　商品詳情頁設計　88

6.1　詳情頁概述　89

6.1.1　詳情頁的組成部分　89

6.1.2　詳情頁的設計要點　90

6.1.3　詳情頁的設計規範　91

6.2　製作商品詳情頁　91

6.2.1　製作焦點圖　91

6.2.2　製作賣點圖　93

6.2.3　製作商品信息描述圖　95

課堂練習：製作沙發的細節展示圖　96

課堂練習：標註沙發的尺寸　98

6.3　綜合實訓：製作水杯詳情頁　99

思考與練習　105

第7章　店鋪營銷推廣圖設計　107

7.1　商品主圖的設計與製作　108

7.1.1　商品主圖的設計要點　108

7.1.2　製作主圖　109

7.2　智鑽圖的設計與製作　112

7.2.1　智鑽圖的展現方式　112

7.2.2　智鑽圖的投放步驟　112

7.2.3　智鑽圖的設計要點　113

7.2.4　製作智鑽圖　113

7.3　直通車圖的設計與製作　116

7.3.1　直通車圖的投放位置　116

7.3.2　直通車圖的投放目的和策略　116

7.3.3　直通車圖的設計要點　117

7.3.4　製作直通車圖　117

課堂練習：製作剃須刀的直通車圖　118

7.4　綜合實訓：製作智能牙刷主圖　119

思考與練習　124

第8章　H5頁面設計　125

8.1　H5的基礎知識　126

8.1.1　H5和H5頁面簡介　126

8.1.2　H5頁面的類型及表現形式　126

8.1.3　H5頁面的設計要點　128

8.1.4　H5頁面的製作流程　128

8.2　H5頁面的具體製作方法　129

8.2.1　使用MAKA工具製作H5頁面　129

8.2.2　使用iH5工具製作H5頁面　133

課堂練習：製作月餅營銷H5頁面　136

8.3　綜合實訓：製作節日促銷類H5頁面　137

思考與練習　141

第9章　網店視頻拍攝與製作　142

9.1　網店視頻的拍攝基礎　143

9.1.1　網店中的視頻類型　143

9.1.2　拍攝視頻的要求　143

9.1.3　拍攝視頻的流程　144

9.1.4　拍攝視頻的技巧　145

9.2　製作視頻　146

9.2.1　Premiere Pro 2020的工作界面　146

9.2.2　製作主圖視頻　147

9.2.3　製作詳情頁視頻　154

課堂練習：製作蛋糕紙杯的主圖視頻　158

9.3　綜合實訓：製作便攜果汁機的主圖視頻　159

思考與練習　162

第　10章 綜合實戰　163

10.1　服裝類網店設計　164

10.1.1　店招設計　164

10.1.2　海報設計　166

10.1.3　主圖設計　168

10.1.4　詳情頁設計　169

10.2　家用電器類網店設計　173

10.2.1　店招設計　173

10.2.2　海報設計　175

10.2.3　主圖設計　176

10.2.4　詳情頁設計　178

思考與練習　180