網(wǎng)店美工視覺設(shè)計實(shí)戰(zhàn)教程

第 1篇　網(wǎng)店美工基礎(chǔ)
第　1章 網(wǎng)店美工基礎(chǔ)知識　001
1.1　網(wǎng)店美工概述　002
1.1.1　網(wǎng)店美工的工作范疇　002
1.1.2　網(wǎng)店美工的技能要求　003
1.2　網(wǎng)店美工視覺設(shè)計基礎(chǔ)　004
1.2.1　色彩　004
1.2.2　圖形　006
1.2.3　文字　007
1.3　Photoshop的基本操作　010
1.3.1　設(shè)置和填充圖像顏色　010
1.3.2　圖層的基本操作　011
1.3.3　修改商品圖片尺寸　012
1.3.4　批處理商品圖片　013
1.4　利用Photoshop摳圖　015
1.4.1　規(guī)則圖像摳圖　015
1.4.2　純色背景摳圖　016
1.4.3　復(fù)雜圖像摳圖　018
1.4.4　毛發(fā)摳圖　020
1.4.5　半透明物體摳圖　022
1.5　實(shí)戰(zhàn)演練　024
1.5.1　美化沙發(fā)商品圖片　024
1.5.2　為保溫杯 換背景　026
課后練習(xí)　028
第　2篇 網(wǎng)店圖片處理
第　2章 圖片調(diào)色　030
2.1　了解圖片調(diào)色　031
2.1.1　圖片調(diào)色的原則　031
2.1.2　使用調(diào)整圖層調(diào)色　032
2.2　處理曝光不足或曝光過度的圖片　034
2.2.1　提高圖片的亮度與對比度　034
2.2.2　調(diào)整圖片的高光、陰影與中間調(diào)　035
2.3　調(diào)整圖片色調(diào)　039
2.3.1　圖片偏色校正　040
2.3.2　圖片特殊顏色調(diào)整　042
2.4　實(shí)戰(zhàn)演練　045
2.4.1　童裝連衣裙調(diào)色　045
2.4.2　制作顏色展示區(qū)　047
課后練習(xí)　050
第3章　圖片修飾　051
3.1　修飾圖片　052
3.1.1　清除圖片上的污跡　052
3.1.2　去除背景中多余的物品　053
3.1.3　加強(qiáng)亮部與暗部的對比　055
3.1.4　提高圖片清晰度　055
3.1.5　打磨材質(zhì)表面　057
3.1.6　增加金屬質(zhì)感　058
3.1.7　精修人物商品圖片　060
3.2　豐富圖片內(nèi)容　062
3.2.1　添加與美化圖片文本　062
3.2.2　添加形狀與圖案　064
3.3　添加圖片 　066
3.3.1　虛化背景　066
3.3.2　添加發(fā)光效果　067
3.3.3　合成圖像　068
3.4　實(shí)戰(zhàn)演練　070
3.4.1　修飾家用榨汁機(jī)　070
3.4.2　修飾羽絨服　074
課后練習(xí)　077
第３篇　店鋪裝修
第4章　店鋪首頁核心模塊設(shè)計　078
4.1　店招設(shè)計　079
4.1.1　店招制作規(guī)范　079
4.1.2　制作店招　079
4.2　輪播海報設(shè)計　082
4.2.1　輪播海報布局方式　082
4.2.2　輪播海報設(shè)計要點(diǎn)　083
4.2.3　制作輪播海報　083
4.3　優(yōu)惠券設(shè)計　085
4.3.1　優(yōu)惠券的制作原則　085
4.3.2　制作優(yōu)惠券　086
4.4　商品促銷區(qū)設(shè)計　088
4.4.1　商品促銷區(qū)的設(shè)計要點(diǎn)　088
4.4.2　制作商品促銷區(qū)　088
4.5　實(shí)戰(zhàn)演練　090
4.5.1　制作家電店鋪店招　090
4.5.2　制作手機(jī)輪播海報　093
課后練習(xí)　097
第5章　商品詳情頁視覺設(shè)計　099
5.1　商品詳情頁設(shè)計要點(diǎn)　100
5.1.1　商品詳情頁制作規(guī)范　100
5.1.2　商品詳情頁的分析與策劃　100
5.2　商品詳情頁設(shè)計　101
5.2.1　焦點(diǎn)圖設(shè)計　101
5.2.2　賣點(diǎn)說明圖設(shè)計　103
5.2.3　信息展示圖設(shè)計　105
5.3　實(shí)戰(zhàn)演練　108
5.3.1　制作風(fēng)扇焦點(diǎn)圖　108
5.3.2　制作電動牙刷信息展示圖　110
課后練習(xí)　112
第6章　裝修店鋪　114
6.1　使用素材中心　115
6.1.1　圖片切片與保存　115
6.1.2　上傳圖片到素材中心　117
6.1.3　編輯素材中心圖片　119
6.2　店鋪裝修模塊　120
6.2.1　認(rèn)識裝修模塊　120
6.2.2　模塊裝修　120
6.2.3　熱區(qū)+源代碼裝修　123
6.3　實(shí)戰(zhàn)演練——裝修4件套詳情頁　126
課后練習(xí)　128
第7章　推廣圖和視頻的設(shè)計與制作　129
7.1　主圖設(shè)計與制作　130
7.1.1　主圖規(guī)范　130
7.1.2　制作優(yōu)質(zhì)主圖的技巧　130
7.1.3　制作數(shù)據(jù)線主圖　131
7.2　引力魔方圖的設(shè)計與制作　133
7.2.1　引力魔方圖的規(guī)范與設(shè)計要點(diǎn)　133
7.2.2　引力魔方圖設(shè)計注意事項(xiàng)　134
7.2.3　制作 引力魔方圖　134
7.3　直通車推廣圖的設(shè)計與制作　137
7.3.1　直通車推廣圖展現(xiàn)方式　137
7.3.2　直通車推廣圖的設(shè)計要點(diǎn)　137
7.3.3　直通車推廣圖引流的關(guān)鍵　138
7.3.4　制作剃須刀直通車推廣圖　139
7.4　商品視頻的設(shè)計與制作　141
7.4.1　商品視頻的特點(diǎn)　142
7.4.2　常見商品視頻類別　142
7.4.3　商品視頻拍攝的注意事項(xiàng)　143
7.4.4　制作柿子主圖視頻　143
7.5　實(shí)戰(zhàn)演練　146
7.5.1　制作掃地機(jī)器人直通車推廣圖　146
7.5.2　制作休閑鞋引力魔方圖　149
課后練習(xí)　152
第8章　移動端店鋪的視覺設(shè)計與裝修　153
8.1　移動端店鋪首頁設(shè)計基礎(chǔ)　154
8.1.1　移動端店鋪首頁與PC端店鋪首頁的區(qū)別　154
8.1.2　移動端店鋪首頁模塊的組成　154
8.1.3　移動端店鋪首頁設(shè)計的注意事項(xiàng)　155
8.2　移動端店鋪首頁設(shè)計　156
8.2.1　輪播海報設(shè)計　156
8.2.2　單圖海報設(shè)計　158
8.2.3　優(yōu)惠券設(shè)計　161
8.2.4　商品分類設(shè)計　163
8.2.5　商品展示圖設(shè)計　164
8.3　移動端商品詳情頁設(shè)計　167
8.3.1　移動端商品詳情頁的特征　167
8.3.2　移動端商品詳情頁
　的設(shè)計要點(diǎn)　168
8.3.3　設(shè)計移動端商品
　詳情頁　168
8.4　移動端店鋪裝修　171
8.4.1　移動端店鋪首頁裝修　171
8.4.2　移動端店鋪商品詳情頁裝修　173
8.5　實(shí)戰(zhàn)演練——制作茶葉店鋪移動端首頁　173
課后練習(xí)　177
第9章
綜合案例——糕點(diǎn)店鋪視覺設(shè)計　178
9.1　美化糕點(diǎn)商品圖　179
9.1.1　案例分析　179
9.1.2　設(shè)計實(shí)施　179
9.2　設(shè)計糕點(diǎn)店鋪首頁　180
9.2.1　案例分析　181
9.2.2　設(shè)計實(shí)施　182
9.3　設(shè)計糕點(diǎn)店鋪商品詳情頁　186
9.3.1　案例分析　187
9.3.2　設(shè)計實(shí)施　187
9.4　設(shè)計糕點(diǎn)店鋪推廣圖　190
9.4.1　案例分析　191
9.4.2　設(shè)計實(shí)施　191
9.5　實(shí)戰(zhàn)演練——家居店視覺設(shè)計　192
9.5.1　案例分析　195
9.5.2　設(shè)計實(shí)施　195
課后練習(xí)　205