第 1 篇 美工入門篇 第 1 章 淘寶美工必備知識(shí) 1.1 什么是淘寶美工12 1.2 淘寶美工的技能要求12 1.3 淘寶美工的工作目的12 1.3.1 美化商品的目的12 1.3.2 美化店鋪的目的13 1.4 淘寶美工應(yīng)遵循的裝修規(guī)則13 1.5 淘寶美工的日常工作14 1.5.1 優(yōu)化商品圖片 14 1.5.2 設(shè)計(jì)店鋪首頁(yè) 15 1.5.3 制作活動(dòng)海報(bào) 15 1.5.4 制作寶貝詳情頁(yè) 15 1.6 店鋪裝修常用的圖片格式16 1.7 知識(shí)拓展17 第 2 章 色彩、文字、版式 2.1 色彩的致命誘惑19 2.1.1 色彩的分類19 2.1.2 色彩三要素20 2.1.3 色彩的對(duì)比21 2.1.4 頁(yè)面常見(jiàn)配色方法 23 2.1.5 主色、輔助色與點(diǎn)綴色 23 2.2 字體賦予競(jìng)爭(zhēng)力24 2.2.1 頁(yè)面常用字體 24 2.2.2 淘寶常用字體設(shè)計(jì)25 2.2.3 淘寶常用文字效果25 2.3 版式27 2.3.1 常見(jiàn)的版式布局 27 2.3.2 版式布局設(shè)計(jì)準(zhǔn)則28 2.4 知識(shí)拓展29 第 2 篇 圖像美化篇 第 3 章 Photoshop的基礎(chǔ)操作 3.1 認(rèn)識(shí)Photoshop圖像處理軟件31 3.2 Photoshop的基本操作32 3.2.1 新建文檔32 3.2.2 打開和置入圖像32 練習(xí)3-1 置入嵌入的對(duì)象33 3.2.3 存儲(chǔ)圖像33 練習(xí)3-2 存儲(chǔ)為透明底圖像33 3.2.4 修改圖片尺寸 35 練習(xí)3-3 修改圖像文件大小35 3.2.5 修改畫布大小 35 練習(xí)3-4 修改畫布大小35 3.2.6 復(fù)制和粘貼操作36 練習(xí)3-5 放大突出商品36 3.2.7 返回、撤銷和恢復(fù)37 3.3 Photoshop圖層操作37 3.3.1 新建圖層與新建組37 3.3.2 合并與蓋印圖層39 3.3.3 圖層混合模式40 練習(xí)3-6 混合模式制作背景40 3.3.4 圖層樣式41 練習(xí)3-7 為圖片添加水印41 3.3.5 圖層蒙版 42 練習(xí)3-8 圖層蒙版合成主圖42 3.4 圖片的二次構(gòu)圖43 3.4.1 裁剪工具 43 練習(xí)3-9 自由裁剪圖像44 3.4.2 固定大小裁剪44 練習(xí)3-10 設(shè)置主圖尺寸44 3.4.3 校正傾斜角度45 練習(xí)3-11 校正傾斜圖片45 3.4.4 透視校正裁剪46 練習(xí)3-12 校正透視圖像46 3.5 知識(shí)拓展47 3.6 拓展訓(xùn)練47 第 4 章 使用Photoshop美化圖片 4.1 去除瑕疵圖片49 4.1.1 污點(diǎn)修復(fù)畫筆工具49 練習(xí)4-1 修復(fù)商品瑕疵49 4.1.2 修補(bǔ)工具50 練習(xí)4-2 復(fù)制商品圖像50 4.1.3 仿制圖章工具51 練習(xí)4-3 去除圖片水印51 4.1.4 【內(nèi)容識(shí)別】命令修飾圖像52 練習(xí)4-4 【內(nèi)容識(shí)別】修飾商品圖像52 4.1.5 羽化53 練習(xí)4-5 虛化商品輪廓53 4.1.6 修補(bǔ)殘缺商品54 練習(xí)4-6 修補(bǔ)殘缺商品54 4.1.7 銳化商品圖像55 練習(xí)4-7 銳化商品圖像55 4.1.8 模糊商品圖像55 練習(xí)4-8 模糊商品圖像56 4.1.9 減淡工具56 練習(xí)4-9 減淡黑眼圈56 4.1.10 加深工具57 練習(xí)4-10 加深五官立體感57 4.1.11 變形命令58 練習(xí)4-11 去除雙下巴58 4.1.12 使用外部濾鏡磨皮59 練習(xí)4-12 柔滑肌膚59 4.1.13 自由變換命令60 練習(xí)4-13 拉伸腿部比例60 4.1.14 液化工具61 練習(xí)4-14 液化身型姿態(tài)61 4.1.15 批量更改圖片格式62 練習(xí)4-15 批量更改圖片格式62 4.1.16 批量添加水印63 練習(xí)4-16 批量添加水印63 4.2 糾正偏色照片64 4.2.1 亮度/對(duì)比度命令64 練習(xí)4-17 弱化背景色調(diào)64 4.2.2 色階命令65 練習(xí)4-18 調(diào)整圖片暗色65 4.2.3 曲線命令65 練習(xí)4-19 調(diào)整圖片對(duì)比度65 4.2.4 色相/飽和度66 練習(xí)4-20 更換商品圖片色調(diào)66 4.2.5 色彩平衡66 練習(xí)4-21 調(diào)整商品照片的偏色66 4.2.6 可選顏色67 練習(xí)4-22 美白人物牙齒67 4.2.7 曝光度命令67 練習(xí)4-23 調(diào)整曝光不足圖片67 4.2.8 黑白命令68 練習(xí)4-24 制作黑色復(fù)古商品圖片68 4.2.9 批量調(diào)整商品層次68 練習(xí)4-25 批量調(diào)整商品層次69 4.2.10 批量調(diào)整商品色調(diào)69 練習(xí)4-26 批量調(diào)整圖片色調(diào)69 4.3 商品的摳圖處理70 4.3.1 不規(guī)則形狀摳圖70 練習(xí)4-27 【磁性套索工具】摳圖70 4.3.2 簡(jiǎn)單背景摳圖71 練習(xí)4-28 【快速選擇工具】摳圖71 4.3.3 復(fù)雜形狀摳圖72 練習(xí)4-29 【鋼筆工具】摳圖72 4.3.4 毛發(fā)摳圖73 練習(xí)4-30 【選擇并遮住】摳圖73 4.3.5 通道摳圖74 練習(xí)4-31 通道摳圖75 4.3.6 光效摳圖76 練習(xí)4-32 【混合顏色帶】摳圖77 4.4 知識(shí)拓展77 4.5 拓展訓(xùn)練78 第 5 章 商品的合成與特效 5.1 為什么要為商品合成特效80 5.2 投影/倒影的制作方法80 5.2.1 模糊投影80 練習(xí)5-1 制作球體投影80 5.2.2 漸變投影 82 練習(xí)5-2 制作漸變投影82 5.2.3 扁平化長(zhǎng)投影84 練習(xí)5-3 制作扁平化長(zhǎng)投影84 5.2.4 平面類商品倒影 85 練習(xí)5-4 制作包包倒影85 5.2.5 圓柱形商品倒影 86 練習(xí)5-5 制作護(hù)膚品倒影86 5.2.6 立方體商品倒影87 練習(xí)5-6 制作禮盒倒影87 5.3 合成特效的制作方法88 5.3.1 合成鉆出屏幕效果 88 練習(xí)5-7 鉆出電腦屏幕88 5.3.2 商品圖像的特殊展示方法90 練習(xí)5-8 制作鉛筆風(fēng)效果90 5.3.3 添加光暈體現(xiàn)商品協(xié)調(diào)性92 練習(xí)5-9 給汽車添加光暈92 5.3.4 添加光線效果92 練習(xí)5-10 制作縈繞的光線92 5.4 知識(shí)拓展94 5.5 拓展訓(xùn)練95 第 3 篇 店鋪裝修篇 第 6 章 店鋪首頁(yè)設(shè)計(jì) 6.1 店鋪首頁(yè)制作規(guī)范97 6.1.1 首頁(yè)包括哪些內(nèi)容97 6.1.2 首頁(yè)制作尺寸規(guī)范97 6.1.3 首頁(yè)元素排版位置98 6.2 店鋪首頁(yè)常用布局98 6.3 店招設(shè)計(jì)99 6.3.1 首頁(yè)布局制作流程99 6.3.2 店招的分類99 6.3.3 店招設(shè)計(jì)的注意事項(xiàng)100 6.3.4 店招包括的信息100 6.3.5 店招具備哪些意義100 6.3.6 店招的制作流程 100 練習(xí)6-1 制作店招100 6.3.7 店招的裝修上傳103 練習(xí)6-2 上傳店招103 6.4 導(dǎo)航設(shè)計(jì)103 6.4.1 導(dǎo)航的作用104 6.4.2 店招導(dǎo)航 104 練習(xí)6-3 制作店招導(dǎo)航104 6.4.3 頁(yè)中分類導(dǎo)航107 練習(xí)6-4 制作頁(yè)中分類導(dǎo)航107 6.4.4 左側(cè)分類導(dǎo)航109 練習(xí)6-5 制作左側(cè)分類導(dǎo)航109 6.4.5 頁(yè)尾導(dǎo)航113 練習(xí)6-6 制作頁(yè)尾導(dǎo)航113 6.4.6 導(dǎo)航的上傳與管理115 練習(xí)6-7 上傳導(dǎo)航116 6.5 首頁(yè)海報(bào)設(shè)計(jì)116 6.5.1 海報(bào)的尺寸與格式規(guī)范116 6.5.2 首頁(yè)海報(bào)設(shè)計(jì)技巧 117 6.5.3 首頁(yè)海報(bào)制作流程 117 練習(xí)6-8 制作首頁(yè)海報(bào)117 6.5.4 首頁(yè)海報(bào)上傳裝修121 練習(xí)6-9 上傳首頁(yè)海報(bào)121 6.6 收藏區(qū)設(shè)計(jì)121 6.6.1 收藏區(qū)的設(shè)計(jì)作用122 6.6.2 收藏區(qū)的設(shè)計(jì)要點(diǎn)122 6.6.3 收藏區(qū)制作流程 122 練習(xí)6-10 制作收藏區(qū)122 6.6.4 收藏區(qū)上傳裝修125 練習(xí)6-11 上傳收藏區(qū)125 6.7 客服區(qū)設(shè)計(jì)126 6.7.1 客服區(qū)的作用126 6.7.2 客服區(qū)設(shè)計(jì)原則126 6.7.3 客服區(qū)制作流程 126 練習(xí)6-12 制作客服區(qū)126 6.8 店鋪?lái)?yè)尾設(shè)計(jì)128 6.8.1 頁(yè)尾的概述128 6.8.2 頁(yè)尾制作流程 129 練習(xí)6-13 制作頁(yè)尾129 6.8.3 頁(yè)尾上傳裝修131 練習(xí)6-14 上傳頁(yè)尾131 6.9 知識(shí)拓展132 6.10 拓展訓(xùn)練132 第 7 章 寶貝詳情頁(yè)設(shè)計(jì) 7.1 寶貝詳情頁(yè)設(shè)計(jì)134 7.1.1 詳情頁(yè)布局設(shè)計(jì)134 7.1.2 詳情頁(yè)設(shè)計(jì)類型135 7.1.3 詳情頁(yè)展示模塊 135 7.1.4 詳情頁(yè)制作流程 136 練習(xí)7-1 制作詳情頁(yè)面136 7.2 “神筆”詳情頁(yè)裝修151 7.2.1 使用詳情頁(yè)模板151 練習(xí)7-2 制作詳情頁(yè)模板151 7.2.2 自定義模板制作詳情頁(yè)151 練習(xí)7-3 自定義模板制作詳情頁(yè)152 7.3 知識(shí)拓展153 7.4 拓展訓(xùn)練153 第 8 章 活動(dòng)圖的設(shè)計(jì)與制作 8.1 促銷廣告設(shè)計(jì)155 8.1.1 促銷廣告的尺寸規(guī)范155 8.1.2 促銷廣告的搭配準(zhǔn)則155 8.1.3 常見(jiàn)促銷廣告類型156 練習(xí)8-1 制作促銷廣告157 8.2 直通車圖設(shè)計(jì)160 8.2.1 直通車存在的意義161 8.2.2 直通車圖設(shè)計(jì)技巧161 8.2.3 直通車設(shè)計(jì)流程162 練習(xí)8-2 制作直通車圖162 8.3 鉆展圖設(shè)計(jì)164 8.3.1 鉆展圖的含義164 8.3.2 鉆展圖設(shè)計(jì)要求165 8.3.3 鉆展圖設(shè)計(jì)流程165 練習(xí)8-3 制作鉆展圖165 8.4 聚劃算圖設(shè)計(jì)169 8.4.1 聚劃算的定義169 8.4.2 聚劃算活動(dòng)規(guī)則169 8.4.3 聚劃算圖設(shè)計(jì)流程170 練習(xí)8-4 制作聚劃算圖170 8.5 知識(shí)拓展174 8.6 拓展訓(xùn)練175 第 9 章 手機(jī)淘寶視覺(jué)設(shè)計(jì) 9.1 手機(jī)淘寶177 9.1.1 手機(jī)端與PC端的區(qū)別177 9.1.2 手機(jī)店鋪裝修要點(diǎn)177 9.2 手機(jī)淘寶首頁(yè)裝修178 9.2.1 首頁(yè)裝修技巧178 9.2.2 店招178 練習(xí)9-1 制作店招178 9.2.3 焦點(diǎn)圖179 練習(xí)9-2 制作焦點(diǎn)圖179 9.2.4 優(yōu)惠券182 練習(xí)9-3 制作優(yōu)惠券182 9.2.5 活動(dòng)區(qū)184 練習(xí)9-4 制作活動(dòng)區(qū)184 9.2.6 分類區(qū)188 練習(xí)9-5 制作分類區(qū)188 9.2.7 商品展示區(qū)191 練習(xí)9-6 制作商品展示區(qū)191 9.3 手機(jī)淘寶詳情頁(yè)裝修194 9.3.1 導(dǎo)入電腦詳情頁(yè)194 練習(xí)9-7 導(dǎo)入電腦詳情頁(yè)194 9.3.2 模板生成詳情195 練習(xí)9-8 模板生成詳情頁(yè)195 9.4 手機(jī)店鋪其他裝修195 9.4.1 自定義菜單195 練習(xí)9-9 制作自定義菜單196 9.4.2 自定義裝修頁(yè)面196 練習(xí)9-10 自定義裝修頁(yè)面196 9.5 知識(shí)拓展197 9.6 拓展訓(xùn)練198 第 4 篇 視頻制作篇 第 10 章 淘寶視頻制作 10.1 認(rèn)識(shí)Premiere視頻軟件200 10.1.1 Premiere工作界面200 10.1.2 視頻制作流程202 練習(xí)10-1 制作視頻203 10.2 淘寶視頻制作205 10.2.1 詳情頁(yè)視頻制作205 練習(xí)10-2 制作詳情頁(yè)視頻205 10.2.2 視頻添加文字208 練習(xí)10-3 添加文字209 10.2.3 視頻添加音樂(lè)211 練習(xí)10-4 添加音樂(lè)211 10.2.4 視頻添加特效212 練習(xí)10-5 添加特效212 10.3 淘寶視頻上傳與應(yīng)用213 10.3.1 上傳視頻到淘寶213 練習(xí)10-6 上傳視頻到淘寶213 10.3.2 主圖視頻的應(yīng)用214 練習(xí)10-7 主圖視頻的應(yīng)用214 10.4 知識(shí)拓展215 10.5 拓展訓(xùn)練215 第 5 篇 圖片優(yōu)化篇 第 11 章 圖片的切片與優(yōu)化 11.1 圖片的切片217 11.1.1 切片的作用與技巧217 11.1.2 詳情頁(yè)的切割217 練習(xí)11-1 切割詳情頁(yè)217 11.2 圖片的優(yōu)化與保存219 11.2.1 圖片的優(yōu)化219 11.2.2 圖片的保存220 11.3 網(wǎng)店裝修工具之Dreamweaver220 11.3.1 軟件界面與功能介紹220 11.3.2 生成代碼221 練習(xí)11-2 生成代碼221 11.3.3 制作熱點(diǎn)代碼223 練習(xí)11-3 制作熱點(diǎn)代碼223 11.4 知識(shí)拓展224 11.5 拓展訓(xùn)練224 附錄A Photoshop CS6 的快捷鍵索引225 附錄B 本書實(shí)戰(zhàn)速查表231 附錄C 網(wǎng)店裝修常用配色233