淘寶天貓美工一本通：圖片后期、視頻處理、店鋪裝修、手機(jī)端設(shè)計(jì)（移動(dòng)學(xué)習(xí)版）

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