第 1 篇　網(wǎng)店美工基礎(chǔ)
第　1章 網(wǎng)店美工基礎(chǔ)知識(shí).....　001
1.1　網(wǎng)店美工概述....................　002
1.1.1　網(wǎng)店美工的工作范疇.......　002
1.1.2　網(wǎng)店美工的技能要求.......　003
1.2　網(wǎng)店美工視覺設(shè)計(jì)基礎(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　提高圖片的亮度與對(duì)比度....　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)亮部與暗部的對(duì)比..............................　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章　店鋪首頁(yè)核心模塊設(shè)計(jì)..........................　078
4.1　店招設(shè)計(jì)...........................　079
4.1.1　店招制作規(guī)范.................　079
4.1.2　制作店招.......................　079
4.2　輪播海報(bào)設(shè)計(jì)....................　082
4.2.1　輪播海報(bào)布局方式..........　082
4.2.2　輪播海報(bào)設(shè)計(jì)要點(diǎn).........　083
4.2.3　制作輪播海報(bào)................　083
4.3　優(yōu)惠券設(shè)計(jì)........................　085
4.3.1　優(yōu)惠券的制作原則..........　085
4.3.2　制作優(yōu)惠券...................　086
4.4　商品促銷區(qū)設(shè)計(jì).................　088
4.4.1　商品促銷區(qū)的設(shè)計(jì)要點(diǎn)...　088
4.4.2　制作商品促銷區(qū).............　088
4.5　實(shí)戰(zhàn)演練...........................　090
4.5.1　制作家電店鋪店招..........　090
4.5.2　制作手機(jī)輪播海報(bào).........　093
課后練習(xí)....................................　097
第5　章 商品詳情頁(yè)視覺設(shè)計(jì)........................　099
5.1　商品詳情頁(yè)設(shè)計(jì)要點(diǎn).........　100
5.1.1　商品詳情頁(yè)制作規(guī)范.......　100
5.1.2　商品詳情頁(yè)的分析與策劃.............................　100
5.2　商品詳情頁(yè)設(shè)計(jì).................　101
5.2.1　焦點(diǎn)圖設(shè)計(jì)....................　101
5.2.2　賣點(diǎn)說明圖設(shè)計(jì).............　103
5.2.3　信息展示圖設(shè)計(jì).............　105
5.3　實(shí)戰(zhàn)演練...........................　108
5.3.1　制作風(fēng)扇焦點(diǎn)圖.............　108
5.3.2　制作電動(dòng)牙刷信息展示圖...................　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)識(shí)裝修模塊.................　120
6.2.2　模塊裝修.......................　120
6.2.3　熱點(diǎn) 源代碼裝修...........　123
6.3　實(shí)戰(zhàn)演練裝修4件套詳情頁(yè)...............................　126
課后練習(xí)....................................　128
第7章　推廣圖和視頻的設(shè)計(jì)與制作...............　129
7.1　主圖設(shè)計(jì)與制作.................　130
7.1.1　主圖規(guī)范........................　130
7.1.2　制作優(yōu)質(zhì)主圖的技巧 .....　130
7.1.3　制作數(shù)據(jù)線主圖.............　131
7.2　引力魔方圖設(shè)計(jì)與制作......　133
7.2.1　引力魔方圖的規(guī)范與設(shè)計(jì)要點(diǎn).............................　133
7.2.2　引力魔方圖設(shè)計(jì)注意事項(xiàng).............................　134
7.2.3　制作周年慶引力魔方圖.............................　134
7.3　直通車圖設(shè)計(jì)與制作...................................　137
7.3.1　直通車展現(xiàn)方式.............　137
7.3.2　直通車圖的設(shè)計(jì)要點(diǎn)..........　137
7.3.3　直通車圖引流的關(guān)鍵..........　138
7.3.4　制作剃須刀直通車圖......　139
7.4　商品視頻設(shè)計(jì)與制作.........　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章　移動(dòng)端店鋪的視覺設(shè)計(jì)與裝修.......................　153
8.1　移動(dòng)端店鋪首頁(yè)設(shè)計(jì)基礎(chǔ)...........................　154
8.1.1　移動(dòng)端店鋪首頁(yè)與PC端店鋪首頁(yè)的區(qū)別............　154
8.1.2　移動(dòng)端店鋪首頁(yè)模塊的組成.............................　154
8.1.3　移動(dòng)端店鋪首頁(yè)設(shè)計(jì)的注意事項(xiàng).......................　155
8.2　移動(dòng)端店鋪首頁(yè)設(shè)計(jì).........　156
8.2.1　輪播海報(bào)設(shè)計(jì).................　156
8.2.2　單圖海報(bào)設(shè)計(jì)................　158
8.2.3　優(yōu)惠券設(shè)計(jì)...................　161
8.2.4　商品分類設(shè)計(jì)................　163
8.2.5　商品展示圖設(shè)計(jì).............　164
8.3　移動(dòng)端商品詳情頁(yè)設(shè)計(jì)......　167
8.3.1　移動(dòng)端商品詳情頁(yè)的特征..........................　167
8.3.2　移動(dòng)端商品詳情頁(yè)的設(shè)計(jì)要點(diǎn)...................　168
8.3.3　設(shè)計(jì)移動(dòng)端商品詳情頁(yè)..........................　168
8.4　移動(dòng)端店鋪裝修.................　171
8.4.1　移動(dòng)端店鋪首頁(yè)裝修......　171
8.4.2　移動(dòng)端店鋪商品詳情頁(yè)裝修.............................　173
8.5　實(shí)戰(zhàn)演練制作茶葉店鋪移動(dòng)端首頁(yè).......................　173
課后練習(xí)....................................　177

第4　篇 綜合實(shí)戰(zhàn)
第9　章 綜合案例糕點(diǎn)店鋪視覺設(shè)計(jì)....................178
9.1　美化糕點(diǎn)商品圖像.............　179
9.1.1　案例分析........................　179
9.1.2　設(shè)計(jì)實(shí)施.......................　179
9.2　設(shè)計(jì)糕點(diǎn)店鋪首頁(yè).............　180
9.2.1　案例分析........................　181
9.2.2　設(shè)計(jì)實(shí)施.......................　182
9.3　設(shè)計(jì)糕點(diǎn)店鋪商品詳情頁(yè).......................　186
9.3.1　案例分析........................　187
9.3.2　設(shè)計(jì)實(shí)施.......................　187
9.4　設(shè)計(jì)糕點(diǎn)店鋪推廣圖.........　190
9.4.1　案例分析.......................　191
9.4.2　設(shè)計(jì)實(shí)施.......................　191
9.5　實(shí)戰(zhàn)演練家居店鋪視覺設(shè)計(jì)..................................　192
9.5.1　案例分析........................　195
9.5.2　設(shè)計(jì)實(shí)施.......................　195
課后練習(xí)....................................　205