淘寶美工：摳圖修圖+頁面設(shè)計+詳情頁制作+整店裝修

01　認識淘寶美工　1
1．1　淺談淘寶美工　2
1．1．1　電子商務(wù)　2
1．1．2　淘寶美工的起源　2
1．2　淘寶美工的崛起　3
1．2．1　由業(yè)余從業(yè)者到設(shè)計師　3
1．2．2　由簡單設(shè)計到個性化設(shè)計　4
1．2．3　淘寶美工推動電子商務(wù)的發(fā)展　5
1．3　淘寶美工應(yīng)該具備的素質(zhì)　5
1．3．1　具備多種職業(yè)的基礎(chǔ)知識　5
1．3．2　提高審美是提升設(shè)計的捷徑　6
1．3．3　創(chuàng)意設(shè)計帶來的顯著效果　6
02　認識淘寶頁面　7
2．1　網(wǎng)店首頁的組成部分　8
2．1．1　店招　8
2．1．2　海報　8
2．1．3　功能版塊區(qū)　9
2．1．4　商品區(qū)　9
2．2　產(chǎn)品詳情頁面的組成部分　10
2．2．1　主圖　10
2．2．2　詳情頁　10
2．2．3　側(cè)邊欄　13
2．3　分類頁的組成部分　13
2．4　淘寶的手機端頁面　14
03　淘寶美工的好幫手　15
3．1　認識Photoshop　16
3．1．1　頂部　16
3．1．2　左側(cè)　16
3．1．3　中間　17
3．1．4　右側(cè)　17
3．2　建立工作區(qū)　17
3．2．1　畫布的建立　17
3．2．2　圖層的建立　18
3．3　商品的移動和選取　18
3．3．1　位置的移動　18
3．3．2　幾何物品的選取　19
3．3．3　復(fù)雜商品的選取　19
3．3．4　商品的快速選取　20
3．4　圖片的繪制和調(diào)整　20
3．4．1　淘寶設(shè)計中的畫筆　21
3．4．2　圖片的修復(fù)　22
3．4．3　創(chuàng)意形狀的繪制　24
3．4．4　頁面圖片效果的調(diào)整　27
3．5　淘寶設(shè)計中的其他工具　28
3．5．1　輔助工具　28
3．5．2　橡皮擦　30
3．5．3　仿制圖章工具　31
3．5．4　文字工具　32
3．5．5　漸變工具　32
3．5．6　存儲圖片　33
04　淘寶美工的技能提升　35
4．1　美工畫筆詳解　36
4．1．1　畫筆預(yù)設(shè)　36
4．1．2　畫筆　38
4．2　強大的圖層蒙版　39
4．3　淘寶特殊效果制作　40
4．3．1　樣式　40
4．3．2　斜面和浮雕　40
4．3．3　描邊　41
4．3．4　內(nèi)陰影　42
4．3．5　內(nèi)發(fā)光　42
4．3．6　光澤　42
4．3．7　顏色疊加　43
4．3．8　投影　43
4．4　美工的后期修圖　44
4．4．1　亮度/對比度調(diào)整圖層　44
4．4．2　色階調(diào)整圖層　45
4．4．3　曲線調(diào)整圖層　45
4．4．4　自然飽和度調(diào)整圖層　46
4．4．5　色相/飽和度調(diào)整圖層　46
4．4．6　色彩平衡調(diào)整圖層　47
4．4．7　黑白調(diào)整圖層　48
4．4．8　可選顏色調(diào)整圖層　48
4．5　強大的濾鏡　48
4．5．1　濾鏡庫　49
4．5．2　液化　49
4．5．3　模糊　50
4．5．4　扭曲　52
4．5．5　像素化　53
4．6　顏色通道　54
4．7　神奇的混合模式　54
4．7．1　溶解　55
4．7．2　變暗　55
4．7．3　線性光　56
05　圖片的后期美化　57
5．1　顏色的基礎(chǔ)知識　58
5．1．1　色彩的基本要素　58
5．1．2　色彩的冷暖和情感　59
5．2　頁面圖片調(diào)整　62
5．2．1　修改圖像大小　62
5．2．2　裁剪圖片　63
5．2．3　圖像調(diào)正　64
5．3　圖片的美化修圖　65
5．3．1　產(chǎn)品修圖　65
5．3．2　服裝修圖　68
5．4　淘寶模特實拍修圖　71
5．4．1　模特圖修形　71
5．4．2　模特圖調(diào)色　73
06　淘寶摳圖實用技巧　79
6．1　簡單摳圖　80
6．1．1　幾何物體摳取　80
6．1．2　單色物體摳圖　81
6．1．3　漸變背景摳圖　82
6．2　復(fù)雜摳圖　84
6．２．1　毛發(fā)摳圖　84
6．２．2　透明摳圖　86
6．3　寵物用品主圖設(shè)計　88
6．3．1　小狗素材處理　89
6．3．2　產(chǎn)品素材處理　90
6．3．3　其他素材處理　93
6．3．4　主圖設(shè)計制作　94
07　排版是設(shè)計的基礎(chǔ)　101
7．1　淘寶頁面的基本要素　102
7．1．1　點　102
7．1．2　線　103
7．1．3　面　104
7．2　淘寶頁面的構(gòu)圖原則　105
7．2．1　平衡構(gòu)圖　105
7．2．2　偏左偏右構(gòu)圖　107
7．2．3　自由構(gòu)圖　108
7．3　淘寶頁面的組成部分及特征　109
7．3．1　淘寶頁面的組成部分　109
7．3．2　頁面組成部分的相互關(guān)系　110
7．3．3　美工的文字排版奧秘　111
7．4　海報的版面設(shè)計　113
7．4．1　素材的摳圖處理　113
7．4．2　左右構(gòu)圖版面的設(shè)計　114
7．4．3　細節(jié)刻畫與裝飾的添加　118
08　淘寶店鋪的頁面設(shè)計　123
8．1　計算機端頁面設(shè)計　124
8．1．1　店招的設(shè)計　124
8．1．2　通欄海報的設(shè)計　125
8．1．3　功能模塊的設(shè)計　127
8．2　手機端頁面設(shè)計　130
8．2．1　手機端海報的設(shè)計　130
8．2．2　手機端產(chǎn)品展示頁面的設(shè)計　131
8．3　自定義頁面設(shè)計　132
8．3．1　計算機端自定義頁面設(shè)計　132
8．3．2　手機端自定義頁面設(shè)計　133
8．4　服飾類手機端頁面設(shè)計　134
8．4．1　服飾類手機端店招設(shè)計　134
8．4．2　服飾類手機端海報設(shè)計　137
8．4．3　服飾類手機端頁面設(shè)計　141
09　淘寶頁面的設(shè)計分析　151
9．1　服飾頁面設(shè)計分析　152
9．1．1　頁面結(jié)構(gòu)解析　152
9．1．2　頁面配色解析　153
9．1．3　頁面排版解析　154
9．1．4　頁面元素解析　155
9．1．5　頁面總結(jié)　155
9．2　珠寶頁面設(shè)計分析　157
9．2．1　頁面結(jié)構(gòu)解析　157
9．2．2　頁面配色解析　158
9．2．3　頁面排版解析　158
9．2．4　頁面元素解析　159
9．2．5　頁面總結(jié)　160
9．3　餐具頁面設(shè)計分析　161
9．3．1　頁面結(jié)構(gòu)解析　161
9．3．2　頁面配色解析　162
9．3．3　頁面排版解析　162
9．3．4　頁面元素解析　163
9．3．5　頁面總結(jié)　163
9．4　頁面修改．　164
9．4．1　店招的修改　164
9．4．2　海報的修改　167
9．4．3　優(yōu)惠券的修改　172
9．4．4　商品展示頁的修改　178
10　產(chǎn)品詳情頁設(shè)計　187
10．1　產(chǎn)品主圖設(shè)計　188
10．1．1　白底陰影圖　188
10．1．2　個性化主圖　191
10．2　詳情頁設(shè)計　193
10．2．1　描述性產(chǎn)品詳情頁設(shè)計　193
10．2．2　展示性產(chǎn)品詳情頁設(shè)計　196
10．2．3　產(chǎn)品活動促銷詳情頁設(shè)計　200
10．2．4　產(chǎn)品分流頁設(shè)計　201
10．3　杯墊詳情頁設(shè)計　203
10．3．1　杯墊詳情頁海報設(shè)計　203
10．3．2　杯墊詳情頁產(chǎn)品展示設(shè)計　208
11　淘寶后臺代碼制作與上傳　217
11．1　切片上傳圖片空間　218
11．2　淘寶頁面代碼制作工具　220
11．2．1　布局工具的界面　220
11．2．2　布局工具制作淘寶代碼　222
11．3　店鋪裝修后臺　225
11．3．1　店鋪裝修后臺　225
11．3．2　產(chǎn)品詳情頁裝修后臺　228
11．4　手機端頁面切片上傳　231
12　整店裝修流程　233
12．1　店鋪風(fēng)格定位　234
12．1．1　現(xiàn)代簡約風(fēng)格　234
12．1．2　根據(jù)店鋪定位配色　234
12．2　書店頁面設(shè)計　235
12．2．1　書店海報的設(shè)計　235
12．2．2　書店優(yōu)惠券設(shè)計　240
12．2．3　書店商品展示設(shè)計　244
12．2．4　切片保存　255
12．3　網(wǎng)店后臺操作　257