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

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