本書主要講解淘寶美工必須掌握的店鋪設(shè)計(jì)與裝修實(shí)操技能, 以工作流程為導(dǎo)向, 從零基礎(chǔ)出發(fā), 條理清晰, 深入淺出, 通俗易懂。全書共10章, 講解了淘寶美工需要掌握的基礎(chǔ)知識, 商品的美化和效果制作, 店鋪Logo制作, 店鋪首頁整體裝修, 店鋪常用活動(dòng)圖的設(shè)計(jì), 詳情頁的設(shè)計(jì)制作, 圖片切片和優(yōu)化, Dreamweaver排版和表格編輯, 主圖視頻編輯制作, 以及手機(jī)淘寶店鋪裝修的相關(guān)知識。本書配套資源包括書中案例的素材文件、效果文件及操作演示視頻, 方便讀者邊學(xué)邊練。
孔德川,中共黨員,現(xiàn)居鄭州。河南安陽人,祖籍山東曲阜,孔子第77代孫。曾在鄭州某學(xué)校任教,任團(tuán)委副書記、班主任、計(jì)算機(jī)授課教師等。MAYA二級動(dòng)畫師! 〕踔薪佑|計(jì)算機(jī)操作,高考藝考美術(shù),大學(xué)報(bào)考設(shè)計(jì)類專業(yè)! 〗虒W(xué)格言:“業(yè)精于勤,荒于嬉”。 主要作品:《淘寶美工裝修2.0版》;《PhotoshopCS6課程116集》;《PhotoshopCC課程200集》;《網(wǎng)店美工設(shè)計(jì)實(shí)戰(zhàn)100集》;《CorelDRAWX7課程60集》;《美圖秀秀玩轉(zhuǎn)網(wǎng)店美工》等系列! ≡趦(yōu)酷視頻、搜狐視頻等視頻網(wǎng)站發(fā)布的淘寶美工系列網(wǎng)絡(luò)課程、Photoshop系列課程等,得到大量學(xué)習(xí)者的支持和肯定,累計(jì)學(xué)習(xí)播放量高達(dá)900萬次。
第1章 合格美工必備知識
1.1 認(rèn)識淘寶美工10
1.2 美工掌握基本知識11
1.2.1 分辨率、像素和尺寸11
1.2.2 位圖和矢量圖12
1.2.3 常用圖片文件格式13
1.2.4 色彩的基本知識16
1.3 必備軟件技能要求20
1.3.1 Photoshop軟件21
1.3.2 美圖秀秀軟件21
1.3.3 Dreamweaver軟件22
1.3.4 Premiere軟件22
1.3.5 Illustrator軟件23
1.4 店鋪裝修常見圖片尺寸23
1.5 美工設(shè)計(jì)制作流程25
1.5.1 素材規(guī)劃26
1.5.2 圖片設(shè)計(jì)制作26
1.5.3 切片處理26
1.5.4 上傳圖片空間26
1.5.5 預(yù)覽效果26
1.5.6 其他工作26
第2章 商品美化和效果制作
2.1 認(rèn)識Photoshop軟件28
2.2 新建、打開、保存“三兄弟”30
2.2.1 新建文件30
2.2.2 打開文件31
2.2.3 保存文件32
2.3 裁圖(裁剪的各種方法)33
2.3.1 自由尺寸裁剪33
2.3.2 固定尺寸裁剪35
2.3.3 校正角度裁剪36
2.3.4 重新構(gòu)圖裁剪38
2.3.5 突出細(xì)節(jié)裁剪38
2.3.6 透視校正裁剪39
2.4 修圖(美化瑕疵圖片的處理方法)40
2.4.1 污點(diǎn)修復(fù)畫筆工具40
2.4.2 修補(bǔ)工具41
2.4.3 仿制圖章工具42
2.4.4 課后習(xí)題44
2.5 調(diào)色(調(diào)整偏色圖片的處理方法)44
2.5.1 調(diào)整圖片亮度(亮度/對比度)44
2.5.2 調(diào)整圖片暗色(色階)46
2.5.3 調(diào)整圖片偏色(曲線)47
2.5.4 調(diào)整圖片顏色(色相/飽和度)49
2.5.5 調(diào)整圖片清晰度(銳化)50
2.5.6 課后習(xí)題51
2.6 摳圖(摳出提取圖片的處理方法)51
2.6.1 規(guī)則形狀摳圖(套索工具)51
2.6.2 簡單背景摳圖(快速選擇工具)52
2.6.3 復(fù)雜圖形摳圖(鋼筆工具)54
2.6.4 毛發(fā)摳圖(調(diào)整邊緣)56
2.6.5 半透明物體摳圖(通道)57
2.6.6 光效摳圖(混合顏色帶)59
2.6.7 課后習(xí)題60
2.7 投影/倒影的制作方法60
2.7.1 模糊投影60
2.7.2 漸變投影62
2.7.3 扁平化長投影.63
2.7.4 平面類商品倒影64
2.7.5 圓柱類商品倒影65
2.7.6 立方體類商品倒影67
2.7.7 課后習(xí)題68
2.8 醒目標(biāo)識制作69
2.8.1 對話框類標(biāo)識69
2.8.2 圓角矩形標(biāo)識70
2.8.3 線型類標(biāo)識72
2.8.4 爆炸多邊形標(biāo)識72
2.8.5 復(fù)合式標(biāo)識73
2.8.6 課后習(xí)題73
2.9 字體與排版74
2.9.1 字體的下載與安裝74
2.9.2 常見字體及應(yīng)用76
2.9.3 藝術(shù)文字制作77
2.9.4 字體排版常用對比方法86
2.9.5 文字排版需要遵守的幾種法則88
2.9.6 課后習(xí)題89
2.10 促銷廣告圖制作90
2.10.1 素材和文案搜集整理90
2.10.2 背景的設(shè)計(jì)制作92
2.10.3 商品內(nèi)容添加94
2.10.4 文字設(shè)計(jì)與排版95
2.10.5 促銷標(biāo)簽添加97
2.10.6 銳化和統(tǒng)一調(diào)色處理99
2.10.7 課后習(xí)題100
第3章 店鋪Logo設(shè)計(jì)
3.1 Logo設(shè)計(jì)意義102
3.2 Logo設(shè)計(jì)指南103
3.2.1 Logo的3種組成方法103
3.2.2 Logo的設(shè)計(jì)規(guī)范104
3.2.3 Logo的設(shè)計(jì)原則105
3.2.4 Logo的設(shè)計(jì)技巧105
3.2.5 Logo的設(shè)計(jì)流程105
3.2.6 Logo的制作軟件105
3.3 Logo設(shè)計(jì)流程106
3.3.1 繪制草圖106
3.3.2 制作電子版107
3.3.3 優(yōu)化完整109
3.4 Logo在網(wǎng)店中的應(yīng)用110
3.5 Logo設(shè)計(jì)的忌諱111
3.5.1 元素禁忌111
3.5.2 傳播禁忌111
3.5.3 圖形的禁忌111
3.5.4 字體樣式的禁忌112
3.5.5 色彩選擇的禁忌112
3.6 Logo設(shè)計(jì)的要素.112
3.6.1 選擇一款好字體112
3.6.2 選擇合適的圖案112
3.6.3 選擇合適的配色113
3.6.4 簡潔113
3.6.5 富有創(chuàng)意114
3.6.6 為Logo講一個(gè)故事114
3.6.7 從高分辨率開始114
3.7 課后習(xí)題.114
第4章 店鋪首頁裝修與設(shè)計(jì)
4.1 了解掌握淘寶旺鋪116
4.1.1 了解淘寶旺鋪116
4.1.2 訂購?fù)佒悄馨?17
4.1.3 旺鋪智能版功能介紹119
4.2 首頁的布局框架121
4.2.1 首頁布局介紹122
4.2.2 首頁布局制作流程125
4.3 店招的設(shè)計(jì)129
4.3.1 如何設(shè)計(jì)店招130
4.3.2 店招的制作流程132
4.3.3 店招的裝修上傳135
4.3.4 課后習(xí)題143
4.4 導(dǎo)航的設(shè)計(jì)144
4.4.1 導(dǎo)航的作用144
4.4.2 店招導(dǎo)航146
4.4.3 頁中分類導(dǎo)航150
4.4.4 左側(cè)分類導(dǎo)航153
4.4.5 頁尾導(dǎo)航154
4.4.6 課后習(xí)題155
4.5 首頁海報(bào)制作155
4.5.1 首頁海報(bào)設(shè)計(jì)要點(diǎn)155
4.5.2 首頁海報(bào)制作流程164
4.5.3 首頁海報(bào)上傳裝修168
4.5.4 課后習(xí)題170
4.6 寶貝陳列展示區(qū)設(shè)計(jì)170
4.6.1 陳列展示區(qū)的重要性170
4.6.2 寶貝推薦模板設(shè)置173
4.6.3 自定義陳列區(qū)制作174
4.6.4 課后習(xí)題178
4.7 店鋪頁尾設(shè)計(jì)178
4.7.1 頁尾的重要性178
4.7.2 頁尾的制作179
4.7.3 課后習(xí)題181
4.8 其他常用設(shè)置.181
4.8.1 客服中心181
4.8.2 店鋪公告182
4.8.3 收藏區(qū)設(shè)置183
4.8.4 首頁背景設(shè)置184
第5章 常用活動(dòng)圖設(shè)計(jì)與制作
5.1 直通車圖設(shè)計(jì)186
5.1.1 了解淘寶直通車186
5.1.2 如何設(shè)計(jì)直通車圖188
5.1.3 直通車圖制作流程190
5.1.4 課后習(xí)題194
5.2 鉆石展位圖設(shè)計(jì)194
5.2.1 了解鉆石展位194
5.2.2 如何設(shè)計(jì)鉆展195
5.2.3 鉆展圖制作流程198
5.2.4 課后習(xí)題201
5.3 聚劃算圖設(shè)計(jì)201
5.3.1 了解聚劃算201
5.3.2 如何設(shè)計(jì)聚劃算圖203
5.3.3 聚劃算主圖制作流程204
5.3.4 課后習(xí)題206
第6章 詳情頁設(shè)計(jì)與制作
6.1 詳情頁設(shè)計(jì)內(nèi)容208
6.1.1 了解詳情頁208
6.1.2 詳情頁設(shè)計(jì)思路要點(diǎn)209
6.1.3 詳情頁的規(guī)劃212
6.1.4 詳情頁展示模塊213
6.1.5 詳情頁尺寸多長才合理217
6.2 詳情頁的制作流程217
6.2.1 詳情頁制作9個(gè)流程217
6.2.2 女裝詳情頁制作流程220
6.2.3 課后習(xí)題223
6.3 “淘寶神筆”詳情頁裝修223
6.3.1 使用詳情頁模板.223
6.3.2 自定義詳情頁模板制作226
第7章 圖片切割與優(yōu)化
7.1 圖片切割228
7.1.1 什么是圖片切割228
7.1.2 切片工具操作講解228
7.1.3 詳情頁圖的切割229
7.2 圖片優(yōu)化與存儲(chǔ)230
7.2.1 切片圖的優(yōu)化230
7.2.2 切片圖的存儲(chǔ)232
7.3 圖片空間233
7.3.1 圖片空間操作234
7.3.2 上傳切片圖235
第8章 Dreamweaver圖文排版操作
8.1 Dreamweaver操作講解238
8.1.1 認(rèn)識Dreamweaver軟件238
8.1.2 軟件界面與功能介紹239
8.2 表格編輯排版制作241
8.3 圖片熱區(qū)和鏈接的設(shè)置244
8.3.1 圖片熱點(diǎn)鏈接添加244
8.3.2 測試預(yù)覽與發(fā)布247
第9章 Premiere主圖視頻制作
9.1 視頻拍攝250
9.1.1 商品拍攝流程250
9.1.2 商品攝影的構(gòu)圖 252
9.1.3 關(guān)于攝影的景別254
9.1.4 關(guān)于角度和方位255
9.2 Premiere視頻編輯軟件258
9.2.1 認(rèn)識Premiere軟件258
9.2.2 軟件界面操作講解259
9.2.3 視頻制作流程262
9.3 淘寶視頻制作262
9.3.1 圖片視頻的制作262
9.3.2 拍攝視頻的制作264
9.3.3 視頻添加文字266
9.3.4 視頻添加配音267
9.3.5 視頻添加特效269
9.3.6 視頻格式的轉(zhuǎn)換270
9.4 視頻上傳與應(yīng)用271
9.4.1 視頻的上傳271
9.4.2 主圖視頻的應(yīng)用.272
9.4.3 詳情頁視頻的應(yīng)用274
9.4.4 無線端視頻的應(yīng)用275
第10章 手機(jī)淘寶裝修
10.1 手機(jī)無線端淘寶278
10.1.1 認(rèn)識手機(jī)無線淘寶278
10.1.2 手機(jī)端與電腦端的區(qū)別278
10.1.3 無線端裝修要點(diǎn)279
10.2 手機(jī)淘寶店鋪首頁裝修280
10.2.1 店鋪搜索和分類設(shè)置280
10.2.2 店招的設(shè)計(jì)282
10.2.3 焦點(diǎn)圖模塊設(shè)計(jì)284
10.2.4 自定義模塊設(shè)計(jì)287
10.2.5 智能單雙列寶貝289
10.2.6 切圖模塊添加290
10.2.7 倒計(jì)時(shí)模塊設(shè)計(jì)291
10.2.8 優(yōu)惠券模塊設(shè)計(jì)292
10.2.9 店鋪紅包設(shè)計(jì)294
10.2.10 千人千面模塊設(shè)計(jì)295
10.3 手機(jī)詳情頁制作296
10.3.1 手機(jī)詳情頁規(guī)劃規(guī)范296
10.3.2 導(dǎo)入PC端詳情頁296
10.3.3 模板生成詳情頁297
10.3.4 手機(jī)詳情頁音頻錄制299