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

第 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　豐富圖片內容　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　熱區(qū)+源代碼裝修　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
第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