Photoshop網(wǎng)店美工實戰(zhàn)教程（全彩微課版）

第 1章　網(wǎng)店美工基礎　1
1.1　網(wǎng)店美工概述 2
1.1.1　網(wǎng)店美工的定義 2
1.1.2　網(wǎng)店美工的工作范疇 2
1.1.3　網(wǎng)店美工的崗位技能要求 3
1.1.4　網(wǎng)店美工應遵循的設計原則 3
1.1.5　網(wǎng)店美工應注意的事項 3
課堂練習：搜索并熟悉網(wǎng)店美工的相關知識 4
1.2　認識Photoshop 4
1.2.1　Photoshop的基本概念 5
1.2.2　認識Photoshop的工作界面 10
1.2.3　在Photoshop中查看圖像 11
1.3　綜合實訓：調(diào)整商品圖片的尺寸 12
思考與練習 14
第 2章 網(wǎng)店美工設計要點 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　色彩調(diào)性 21
2.2.4　色彩搭配技巧 22
課堂練習：店鋪首頁顏色賞析 23
2.3　字體設計 23
2.3.1　字體的性格特征 23
2.3.2　網(wǎng)店字體的設計原則 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　綜合實訓：網(wǎng)店服裝實拍 39
思考與練習 42
第4章 商品圖片后期處理 43
4.1　商品圖片的調(diào)色 44
4.1.1　調(diào)整圖片的整體亮度和對比度 44
4.1.2　調(diào)整圖片的高光、陰影和中間調(diào) 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　摳取規(guī)則商品 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　綜合實訓：調(diào)整海報中偏色的衣物 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　優(yōu)惠券的設計與制作 81
5.4.1　優(yōu)惠券的設計要點 81
5.4.2　制作優(yōu)惠券 81
5.5　綜合實訓：制作女裝店鋪首頁海報 83
思考與練習 87
第6章 商品詳情頁設計 88
6.1　詳情頁概述 89
6.1.1　詳情頁的組成部分 89
6.1.2　詳情頁的設計要點 90
6.1.3　詳情頁的設計規(guī)范 91
6.2　制作商品詳情頁 91
6.2.1　制作焦點圖 91
6.2.2　制作賣點圖 93
6.2.3　制作商品信息描述圖 95
課堂練習：制作沙發(fā)的細節(jié)展示圖 96
課堂練習：標注沙發(fā)的尺寸 98
6.3　綜合實訓：制作水杯詳情頁 99
思考與練習 105
第7章 店鋪營銷推廣圖設計 107
7.1　商品主圖的設計與制作 108
7.1.1　商品主圖的設計要點 108
7.1.2　制作主圖 109
7.2　智鉆圖的設計與制作 112
7.2.1　智鉆圖的展現(xiàn)方式 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頁面的類型及表現(xiàn)形式 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　綜合實訓：制作節(jié)日促銷類H5頁面 137
思考與練習 141
第9章 網(wǎng)店視頻拍攝與制作 142
9.1　網(wǎng)店視頻的拍攝基礎 143
9.1.1　網(wǎng)店中的視頻類型 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章 綜合實戰(zhàn) 163
10.1　服裝類網(wǎng)店設計 164
10.1.1　店招設計 164
10.1.2　海報設計 166
10.1.3　主圖設計 168
10.1.4　詳情頁設計 169
10.2　家用電器類網(wǎng)店設計 173
10.2.1　店招設計 173
10.2.2　海報設計 175
10.2.3　主圖設計 176
10.2.4　詳情頁設計 178
思考與練習 180