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

第 1章　網(wǎng)店美工基礎(chǔ)　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)店美工應(yīng)遵循的設(shè)計(jì)原則 3
1.1.5　網(wǎng)店美工應(yīng)注意的事項(xiàng) 3
課堂練習(xí)：搜索并熟悉網(wǎng)店美工的相關(guān)知識 4
1.2　認(rèn)識Photoshop 4
1.2.1　Photoshop的基本概念 5
1.2.2　認(rèn)識Photoshop的工作界面 10
1.2.3　在Photoshop中查看圖像 11
1.3　綜合實(shí)訓(xùn)：調(diào)整商品圖片的尺寸 12
思考與練習(xí) 14
第 2章 網(wǎng)店美工設(shè)計(jì)要點(diǎn) 15
2.1　認(rèn)識設(shè)計(jì)元素 16
2.1.1　點(diǎn) 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
課堂練習(xí)：店鋪首頁顏色賞析 23
2.3　字體設(shè)計(jì) 23
2.3.1　字體的性格特征 23
2.3.2　網(wǎng)店字體的設(shè)計(jì)原則 24
2.3.3　文字的布局技巧 25
2.4　綜合實(shí)訓(xùn)：鑒賞店鋪首頁色彩與字體的應(yīng)用 26
思考與練習(xí) 28
第3章 商品圖片拍攝 29
3.1　拍攝器材的選擇與拍攝流程 30
3.1.1　相機(jī)的選購要素 30
3.1.2　相機(jī)的使用技巧 31
3.1.3　輔助器材 31
3.1.4　拍攝的基本流程 32
3.2　拍攝場景與布光 33
3.2.1　拍攝場景 33
3.2.2　布光方法 34
課堂練習(xí)：利用泡沫箱制作簡易靜物攝影棚 35
3.3　商品的拍攝技巧 35
3.3.1　拍攝吸光類商品 35
3.3.2　拍攝反光類商品 35
3.3.3　拍攝透明類商品 35
3.4　構(gòu)圖的基本知識 36
3.4.1　構(gòu)圖的目的 36
3.4.2　認(rèn)識主體、陪體和背景 36
3.4.3　常用的構(gòu)圖方式 37
3.5　綜合實(shí)訓(xùn)：網(wǎng)店服裝實(shí)拍 39
思考與練習(xí) 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
課堂練習(xí)：校正偏色的冰箱 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　摳取精細(xì)商品 63
4.3.4　摳取半透明物體 65
4.4　為商品圖片添加文字與形狀 66
4.4.1　為商品圖片添加文字 66
4.4.2　為商品圖片添加形狀 68
4.5　綜合實(shí)訓(xùn)：調(diào)整海報(bào)中偏色的衣物 69
思考與練習(xí) 71
第5章 店鋪首頁設(shè)計(jì) 72
5.1　店鋪首頁概述 73
5.1.1　店鋪首頁的主要功能 73
5.1.2　店鋪首頁的核心模塊 73
5.1.3　店鋪首頁的布局要點(diǎn) 74
5.2　店招與導(dǎo)航欄的設(shè)計(jì)與制作 75
5.2.1　店招的設(shè)計(jì)要點(diǎn) 75
5.2.2　制作店招與導(dǎo)航欄 75
課堂練習(xí)：制作小家電專賣店的店招與導(dǎo)航欄 78
5.3　海報(bào)的設(shè)計(jì)與制作 78
5.3.1　海報(bào)的設(shè)計(jì)要點(diǎn) 78
5.3.2　制作全屏海報(bào) 79
5.4　優(yōu)惠券的設(shè)計(jì)與制作 81
5.4.1　優(yōu)惠券的設(shè)計(jì)要點(diǎn) 81
5.4.2　制作優(yōu)惠券 81
5.5　綜合實(shí)訓(xùn)：制作女裝店鋪首頁海報(bào) 83
思考與練習(xí) 87
第6章 商品詳情頁設(shè)計(jì) 88
6.1　詳情頁概述 89
6.1.1　詳情頁的組成部分 89
6.1.2　詳情頁的設(shè)計(jì)要點(diǎn) 90
6.1.3　詳情頁的設(shè)計(jì)規(guī)范 91
6.2　制作商品詳情頁 91
6.2.1　制作焦點(diǎn)圖 91
6.2.2　制作賣點(diǎn)圖 93
6.2.3　制作商品信息描述圖 95
課堂練習(xí)：制作沙發(fā)的細(xì)節(jié)展示圖 96
課堂練習(xí)：標(biāo)注沙發(fā)的尺寸 98
6.3　綜合實(shí)訓(xùn)：制作水杯詳情頁 99
思考與練習(xí) 105
第7章 店鋪營銷推廣圖設(shè)計(jì) 107
7.1　商品主圖的設(shè)計(jì)與制作 108
7.1.1　商品主圖的設(shè)計(jì)要點(diǎn) 108
7.1.2　制作主圖 109
7.2　智鉆圖的設(shè)計(jì)與制作 112
7.2.1　智鉆圖的展現(xiàn)方式 112
7.2.2　智鉆圖的投放步驟 112
7.2.3　智鉆圖的設(shè)計(jì)要點(diǎn) 113
7.2.4　制作智鉆圖 113
7.3　直通車圖的設(shè)計(jì)與制作 116
7.3.1　直通車圖的投放位置 116
7.3.2　直通車圖的投放目的和策略 116
7.3.3　直通車圖的設(shè)計(jì)要點(diǎn) 117
7.3.4　制作直通車圖 117
課堂練習(xí)：制作剃須刀的直通車圖 118
7.4　綜合實(shí)訓(xùn)：制作智能牙刷主圖 119
思考與練習(xí) 124
第8章 H5頁面設(shè)計(jì) 125
8.1　H5的基礎(chǔ)知識 126
8.1.1　H5和H5頁面簡介 126
8.1.2　H5頁面的類型及表現(xiàn)形式 126
8.1.3　H5頁面的設(shè)計(jì)要點(diǎn) 128
8.1.4　H5頁面的制作流程 128
8.2　H5頁面的具體制作方法 129
8.2.1　使用MAKA工具制作H5頁面 129
8.2.2　使用iH5工具制作H5頁面 133
課堂練習(xí)：制作月餅營銷H5頁面 136
8.3　綜合實(shí)訓(xùn)：制作節(jié)日促銷類H5頁面 137
思考與練習(xí) 141
第9章 網(wǎng)店視頻拍攝與制作 142
9.1　網(wǎng)店視頻的拍攝基礎(chǔ) 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
課堂練習(xí)：制作蛋糕紙杯的主圖視頻 158
9.3　綜合實(shí)訓(xùn)：制作便攜果汁機(jī)的主圖視頻 159
思考與練習(xí) 162
第 10章 綜合實(shí)戰(zhàn) 163
10.1　服裝類網(wǎng)店設(shè)計(jì) 164
10.1.1　店招設(shè)計(jì) 164
10.1.2　海報(bào)設(shè)計(jì) 166
10.1.3　主圖設(shè)計(jì) 168
10.1.4　詳情頁設(shè)計(jì) 169
10.2　家用電器類網(wǎng)店設(shè)計(jì) 173
10.2.1　店招設(shè)計(jì) 173
10.2.2　海報(bào)設(shè)計(jì) 175
10.2.3　主圖設(shè)計(jì) 176
10.2.4　詳情頁設(shè)計(jì) 178
思考與練習(xí) 180