淘寶天貓美工一本通：圖片后期、視頻處理、店鋪裝修、手機端設計（移動學習版）

第 一篇 美工設計入門篇 1
第　1 章 淘寶美工必備技能　2
1．1　了解淘寶美工　3
1．1．1　什么是淘寶美工　3
1．1．2　淘寶美工應該掌握的基礎(chǔ)知識　3
1．1．3　淘寶美工需要掌握的設計原則　6
1．2　熟悉淘寶美工工作流程　7
1．2．1　前期溝通　8
1．2．2　規(guī)劃素材　9
1．2．3　修飾圖片和視頻　9
1．2．4　添加熱點　10
1．2．5　上傳圖片到空間　10
1．2．6　視頻制作流程　11
1．3　掌握必備軟件　11
1．3．1　圖像處理軟件Photoshop　12
1．3．2　視頻剪輯軟件會聲會影　14
【行業(yè)技能展示】
1．適合設計師的手機App推薦　18
2．淘寶美工的自我提升　20
第　2 章 淘寶店鋪設計的視覺要素　21
2．1　了解網(wǎng)店視覺設計　22
2．1．1　什么是視覺設計　22
2．1．2　視覺設計的目的　22
2．2店鋪配色方案　23
2．2．1　無彩色系和有彩色系　23
2．2．2　色彩的三要素　24
2．2．3　色彩與產(chǎn)品的搭配技巧　26
2．2．4　通過店鋪定位確實配色方案　26
2．3營銷文案策劃　30
2．3．1　文案的表現(xiàn)方法　30
2．3．2　店鋪的文案分布　31
2．4個性字體設計　33
2．4．1　常見字體風格　33
2．4．2　怎么選擇合適的字體　35
2．4．3　文字的排版規(guī)則　36
2．4．4　文字的創(chuàng)意設計　38
2．5版式設計　40
2．5．1　版式設計的四大基本原則　40
2．5．2　淘寶店鋪排版技巧　41
【行業(yè)技能展示】
1．適合新手的漸變色網(wǎng)站　43
2．書法字體設計方法　44
第二篇　圖像視頻后期處理　45
第　3 章 淘寶商品圖片的收集和優(yōu)化　46
3．1收集商品圖片和素材　47
3．1．1　通過專業(yè)攝影獲取商品圖片　47
3．1．2　通過免費素材網(wǎng)站獲取素材　52
3．1．3　購買素材圖庫省心省力　53
3．2調(diào)整商品圖片尺寸　55
3．2．1　將拍攝的照片導入到Photoshop　55
3．2．2　裁剪商品圖片　55
3．2．3　將圖片存儲為Web所用格式　58
3．3調(diào)整商品圖片的色調(diào)　58
3．3．1　調(diào)整光線不足的照片　59
3．3．2　調(diào)整曝光過度的照片　61
3．3．3　調(diào)整有色差的照片　62
3．3．4　調(diào)整拍攝模糊的照片　64
3．4制作“燜燒杯”主圖　65
3．5．1　裁剪圖片到合適大小　66
3．5．2　調(diào)整商品亮度和色彩　67
3．5．3　添加形狀和文字　68
【行業(yè)技能展示】
1．批處理圖片　69
2．使用快捷方式安裝收集的字體素材　70
CONTENT
目　錄
CONTENT
第　4 章 淘寶商品圖片的后期處理　72
4．1　摳取圖片中的商品和人物　73
4．1．1　摳取形狀單一的商品圖片　73
4．1．2　摳取背景簡單的商品圖片　74
4．1．3　摳取圖形復雜的商品圖片　75
4．1．4　毛發(fā)和細節(jié)摳圖　78
4．1．5　圖層關(guān)系替換背景　80
4．2　修飾美化商品圖片　82
4．2．1　使用內(nèi)容識別填充　82
4．2．2　使用污點修復畫筆工具去除污點　84
4．2．3　使用仿制圖章工具修復圖片　85
4．2．4　使用修補工具修復圖像　86
4．3　對圖片人物進行瘦身和磨皮　87
4．3．1　人物皮膚高低頻磨皮　88
4．3．2　使用“液化”濾鏡瘦身　92
4．4　制作水印防止盜圖　94
4．4．1　制作水印　94
4．4．2　添加水印　96
4．5　制作服裝模特展示圖　97
4．5．1　模特瘦臉　98
4．5．2　調(diào)整模特圖整體顏色　99
【行業(yè)技能展示】
1．　外掛濾鏡一步磨皮　100
2．Camera　RAW 濾鏡調(diào)色更方便　101
第　5 章 淘寶視頻的后期剪輯與合成　102
5．1　淘寶視頻的幾大類型　103
5．1．1　主圖視頻　103
5．1．2　詳情頁視頻　104
5．1．3　店鋪首頁視頻　105
5．2　拍攝視頻　106
5．2．1　視頻拍攝準備　106
5．2．2　開始拍攝　107
5．2．3　后期流程　109
5．3　制作視頻　109
5．3．1　項目設置　110
5．3．2　導入視頻素材　111
5．3．3　分割剪輯視頻　112
5．3．4　添加轉(zhuǎn)場與特效　113
5．3．5　添加字幕　115
5．3．6　添加音頻　117
5．3．7　輸出視頻　118
5．4　制作水果小視頻　118
5．4．1　設置項目和視頻背景色　119
5．4．2　調(diào)整素材位置順序　120
5．4．3　添加轉(zhuǎn)場、字幕和音頻　121
【行業(yè)技能展示】
1．　淘寶視頻拍攝實用道具　122
2．　手機視頻剪輯APP　123
第三篇　淘寶店鋪設計和優(yōu)化　125
第　6 章 淘寶店鋪首頁設計　126
6．1　完整的店鋪首頁布局　127
6．1．1　店鋪首頁的設計要點　127
6．1．2　熟悉店鋪首頁構(gòu)成模塊　128
6．2　制作淘寶店鋪店招　130
6．2．1　繪制店招形狀和添加文字　131
6．2．3　制作店招頁頭背景　133
6．3　制作人性化的導航　134
6．3．1　制作店招導航　135
6．2．3　制作活動導航　136
6．4　制作淘寶店鋪首頁海報/ 輪播圖　138
6．4．1　制作海報背景　140
6．4．2　制作海報主題文字　141
6．4．3　制作優(yōu)惠券　143
6．5　制作分類明確的寶貝陳列區(qū)　144
6．5．1　制作圖文混排展示區(qū)　146
6．5．2　制作價格突出展示區(qū)　150
6．6　制作店鋪頁尾　152
【行業(yè)技能展示】
1．　全屏頁面背景　154
2．　店鋪分類引導　154
CONTENT
第　7 章 淘寶寶貝詳情頁設計　155
7．1　完整詳情頁包含的設計內(nèi)容　156
7．1．1　了解詳情頁　156
7．1．2　詳情頁展示模塊　156
7．1．3　詳情頁設計的思路要點　157
7．1．4　詳情頁的制作思路　161
7．2　制作寶貝詳情頁　162
7．2．1　制作焦點圖　163
7．2．2　制作其他細節(jié)部分　164
【行業(yè)技能展示】
1．　商品尺寸對比小竅門　172
2．　輕松去除復制后的文字格式　172
第　8 章 淘寶設計圖的切割與優(yōu)化　173
8．1　長設計圖的切割　174
8．1．1　使用切片工具切割圖片　174
8．1．2　存儲生成HTML 文件　175
8．1．3　復制代碼并發(fā)布圖片　176
8．2　學會使用Dreamweaver 編輯熱點　180
8．2．1　上傳圖片空間　180
8．2．2　使用Dreamweaver 繪制熱點　181
8．2．3　裝修預覽　184
8．3　獲取淘寶常見鏈接的代碼　186
8．3．1　“寶貝”鏈接代碼　186
8．3．2　“分享”鏈接代碼　186
8．3．3　“評論”鏈接代碼　187
8．3．4　“喜歡”鏈接代碼　188
8．3．5　“旺旺”鏈接代碼　188
8．3．6　獲取店鋪ID 和寶貝ID　189
【行業(yè)技能展示】
1．　使用記事本打開網(wǎng)頁文件　190
2．　全屏海報的代碼　190
第　9 章 手機淘寶頁面的設計　192
9．1　手機淘寶頁面的特點　193
9．1．1　淘寶手機端和電腦端的區(qū)別　193
9．1．2　手機淘寶設計要點　193
9．2　手機淘寶全屏首頁設計　194
9．2．1　店鋪店招設計　194
9．2．2　焦點圖設計　196
9．2．3　優(yōu)惠券設計　198
9．2．4　寶貝分類設計　199
9．2．5　寶貝展示區(qū)設計　201
9．3　手機淘寶的寶貝詳情頁設計　203
9．3．1　導入電腦端詳情頁　203
9．3．2　從模板生成　204
9．4　手機淘寶的個性化裝修　206
9．4．1　手機端店招裝修　206
9．4．2　手機端焦點圖裝修　208
9．4．3　手機端優(yōu)惠券和分類圖裝修　209
9．4．4　手機端寶貝展示區(qū)裝修　211
【行業(yè)技能展示】
1．　在手機頁面中添加寶貝視頻　212
2．　設置分類菜單　213
第　10 章 淘寶促銷常用推廣圖設計　214
10．1　制作賣點突出的直通車推廣圖　215
10．1．1　直通車的規(guī)則要求　215
10．1．2　制作流程　216
10．2　制作具有創(chuàng)意的鉆石展位圖　220
10．2．1　鉆石展位圖設計要點　220
10．2．2　制作流程　222
10．3　制作主體突出的聚劃算圖　229
10．3．1　如何報名聚劃算　229
10．3．2　聚劃算量販團單品主圖規(guī)范　229
10．3．4　制作流程　231
10．4　制作雙十一活動海報圖　232
10．4．1　報名淘寶雙十一活動　232
10．4．2　制作流程　233
【行業(yè)技能展示】
1．　如何讓促銷文字更醒目　243
2．　高效管理圖層　243
目　錄
第四篇　綜合案例制作　245
第　11 章 化妝品店鋪頁面設計　246
11．1　首頁海報設計　247
11．2　制作店招和導航　256
11．3　制作寶貝陳列區(qū)　258
11．4　制作視頻區(qū)　269
第　12 章 嬰兒用品店鋪手機端頁面設計　273
12．1　手機端首頁設計　274
12．2　手機端寶貝詳情頁設計　291