第 1 篇 美工入門篇 第 1 章 淘寶美工必備知識 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è)計店鋪首頁 15 1.5.3 制作活動海報 15 1.5.4 制作寶貝詳情頁 15 1.6 店鋪裝修常用的圖片格式16 1.7 知識拓展17 第 2 章 色彩、文字、版式 2.1 色彩的致命誘惑19 2.1.1 色彩的分類19 2.1.2 色彩三要素20 2.1.3 色彩的對比21 2.1.4 頁面常見配色方法 23 2.1.5 主色、輔助色與點綴色 23 2.2 字體賦予競爭力24 2.2.1 頁面常用字體 24 2.2.2 淘寶常用字體設(shè)計25 2.2.3 淘寶常用文字效果25 2.3 版式27 2.3.1 常見的版式布局 27 2.3.2 版式布局設(shè)計準(zhǔn)則28 2.4 知識拓展29 第 2 篇 圖像美化篇 第 3 章 Photoshop的基礎(chǔ)操作 3.1 認(rèn)識Photoshop圖像處理軟件31 3.2 Photoshop的基本操作32 3.2.1 新建文檔32 3.2.2 打開和置入圖像32 練習(xí)3-1 置入嵌入的對象33 3.2.3 存儲圖像33 練習(xí)3-2 存儲為透明底圖像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 知識拓展47 3.6 拓展訓(xùn)練47 第 4 章 使用Photoshop美化圖片 4.1 去除瑕疵圖片49 4.1.1 污點修復(fù)畫筆工具49 練習(xí)4-1 修復(fù)商品瑕疵49 4.1.2 修補工具50 練習(xí)4-2 復(fù)制商品圖像50 4.1.3 仿制圖章工具51 練習(xí)4-3 去除圖片水印51 4.1.4 【內(nèi)容識別】命令修飾圖像52 練習(xí)4-4 【內(nèi)容識別】修飾商品圖像52 4.1.5 羽化53 練習(xí)4-5 虛化商品輪廓53 4.1.6 修補殘缺商品54 練習(xí)4-6 修補殘缺商品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 亮度/對比度命令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)整圖片對比度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 簡單背景摳圖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 知識拓展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 扁平化長投影84 練習(xí)5-3 制作扁平化長投影84 5.2.4 平面類商品倒影 85 練習(xí)5-4 制作包包倒影85 5.2.5 圓柱形商品倒影 86 練習(xí)5-5 制作護膚品倒影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 知識拓展94 5.5 拓展訓(xùn)練95 第 3 篇 店鋪裝修篇 第 6 章 店鋪首頁設(shè)計 6.1 店鋪首頁制作規(guī)范97 6.1.1 首頁包括哪些內(nèi)容97 6.1.2 首頁制作尺寸規(guī)范97 6.1.3 首頁元素排版位置98 6.2 店鋪首頁常用布局98 6.3 店招設(shè)計99 6.3.1 首頁布局制作流程99 6.3.2 店招的分類99 6.3.3 店招設(shè)計的注意事項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è)計103 6.4.1 導(dǎo)航的作用104 6.4.2 店招導(dǎo)航 104 練習(xí)6-3 制作店招導(dǎo)航104 6.4.3 頁中分類導(dǎo)航107 練習(xí)6-4 制作頁中分類導(dǎo)航107 6.4.4 左側(cè)分類導(dǎo)航109 練習(xí)6-5 制作左側(cè)分類導(dǎo)航109 6.4.5 頁尾導(dǎo)航113 練習(xí)6-6 制作頁尾導(dǎo)航113 6.4.6 導(dǎo)航的上傳與管理115 練習(xí)6-7 上傳導(dǎo)航116 6.5 首頁海報設(shè)計116 6.5.1 海報的尺寸與格式規(guī)范116 6.5.2 首頁海報設(shè)計技巧 117 6.5.3 首頁海報制作流程 117 練習(xí)6-8 制作首頁海報117 6.5.4 首頁海報上傳裝修121 練習(xí)6-9 上傳首頁海報121 6.6 收藏區(qū)設(shè)計121 6.6.1 收藏區(qū)的設(shè)計作用122 6.6.2 收藏區(qū)的設(shè)計要點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è)計126 6.7.1 客服區(qū)的作用126 6.7.2 客服區(qū)設(shè)計原則126 6.7.3 客服區(qū)制作流程 126 練習(xí)6-12 制作客服區(qū)126 6.8 店鋪頁尾設(shè)計128 6.8.1 頁尾的概述128 6.8.2 頁尾制作流程 129 練習(xí)6-13 制作頁尾129 6.8.3 頁尾上傳裝修131 練習(xí)6-14 上傳頁尾131 6.9 知識拓展132 6.10 拓展訓(xùn)練132 第 7 章 寶貝詳情頁設(shè)計 7.1 寶貝詳情頁設(shè)計134 7.1.1 詳情頁布局設(shè)計134 7.1.2 詳情頁設(shè)計類型135 7.1.3 詳情頁展示模塊 135 7.1.4 詳情頁制作流程 136 練習(xí)7-1 制作詳情頁面136 7.2 “神筆”詳情頁裝修151 7.2.1 使用詳情頁模板151 練習(xí)7-2 制作詳情頁模板151 7.2.2 自定義模板制作詳情頁151 練習(xí)7-3 自定義模板制作詳情頁152 7.3 知識拓展153 7.4 拓展訓(xùn)練153 第 8 章 活動圖的設(shè)計與制作 8.1 促銷廣告設(shè)計155 8.1.1 促銷廣告的尺寸規(guī)范155 8.1.2 促銷廣告的搭配準(zhǔn)則155 8.1.3 常見促銷廣告類型156 練習(xí)8-1 制作促銷廣告157 8.2 直通車圖設(shè)計160 8.2.1 直通車存在的意義161 8.2.2 直通車圖設(shè)計技巧161 8.2.3 直通車設(shè)計流程162 練習(xí)8-2 制作直通車圖162 8.3 鉆展圖設(shè)計164 8.3.1 鉆展圖的含義164 8.3.2 鉆展圖設(shè)計要求165 8.3.3 鉆展圖設(shè)計流程165 練習(xí)8-3 制作鉆展圖165 8.4 聚劃算圖設(shè)計169 8.4.1 聚劃算的定義169 8.4.2 聚劃算活動規(guī)則169 8.4.3 聚劃算圖設(shè)計流程170 練習(xí)8-4 制作聚劃算圖170 8.5 知識拓展174 8.6 拓展訓(xùn)練175 第 9 章 手機淘寶視覺設(shè)計 9.1 手機淘寶177 9.1.1 手機端與PC端的區(qū)別177 9.1.2 手機店鋪裝修要點177 9.2 手機淘寶首頁裝修178 9.2.1 首頁裝修技巧178 9.2.2 店招178 練習(xí)9-1 制作店招178 9.2.3 焦點圖179 練習(xí)9-2 制作焦點圖179 9.2.4 優(yōu)惠券182 練習(xí)9-3 制作優(yōu)惠券182 9.2.5 活動區(qū)184 練習(xí)9-4 制作活動區(qū)184 9.2.6 分類區(qū)188 練習(xí)9-5 制作分類區(qū)188 9.2.7 商品展示區(qū)191 練習(xí)9-6 制作商品展示區(qū)191 9.3 手機淘寶詳情頁裝修194 9.3.1 導(dǎo)入電腦詳情頁194 練習(xí)9-7 導(dǎo)入電腦詳情頁194 9.3.2 模板生成詳情195 練習(xí)9-8 模板生成詳情頁195 9.4 手機店鋪其他裝修195 9.4.1 自定義菜單195 練習(xí)9-9 制作自定義菜單196 9.4.2 自定義裝修頁面196 練習(xí)9-10 自定義裝修頁面196 9.5 知識拓展197 9.6 拓展訓(xùn)練198 第 4 篇 視頻制作篇 第 10 章 淘寶視頻制作 10.1 認(rèn)識Premiere視頻軟件200 10.1.1 Premiere工作界面200 10.1.2 視頻制作流程202 練習(xí)10-1 制作視頻203 10.2 淘寶視頻制作205 10.2.1 詳情頁視頻制作205 練習(xí)10-2 制作詳情頁視頻205 10.2.2 視頻添加文字208 練習(xí)10-3 添加文字209 10.2.3 視頻添加音樂211 練習(xí)10-4 添加音樂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 知識拓展215 10.5 拓展訓(xùn)練215 第 5 篇 圖片優(yōu)化篇 第 11 章 圖片的切片與優(yōu)化 11.1 圖片的切片217 11.1.1 切片的作用與技巧217 11.1.2 詳情頁的切割217 練習(xí)11-1 切割詳情頁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 制作熱點代碼223 練習(xí)11-3 制作熱點代碼223 11.4 知識拓展224 11.5 拓展訓(xùn)練224 附錄A Photoshop CS6 的快捷鍵索引225 附錄B 本書實戰(zhàn)速查表231 附錄C 網(wǎng)店裝修常用配色233