淘寶美工店鋪裝修實戰(zhàn)寶典（Photoshop+Dreamweaver）

第1 章 了解網(wǎng)店裝修知識··········································· 1 1.1 店鋪裝修的基礎知識···························· 1 1.1.1 為什么要裝修·········································· 1 1.1.2 認識旺鋪的種類····································· 3 1.1.3 如何給店鋪取個好記的二級域名··········· 4 1.1.4 旺鋪的四大頁面····································· 4 1.2 店鋪的色彩搭配··································· 6 1.2.1 色彩的基本屬性····································· 6 1.2.2 色彩搭配及視覺營銷····························· 8 1.3 首頁風格定位······································10 1.3.1 選擇模板··············································· 10 1.3.2 樣式管理················································ 13 1.4 布局管理··············································13 第2 章 Photoshop 快速入門······························18 2.1 認識工作界面······································18 2.2 了解工具箱··········································20 2.3 認識圖層··············································24 2.4 使用輔助工具······································27 2.5 自定義快捷鍵·······································29 2.6 了解Photoshop 的工作流程················31 2.7 文件格式··············································35 2.8 切片······················································35 第3 章 商品圖片美化········································38 3.1 圖片尺寸調(diào)整······································38 3.1.1 修改圖片大小······································· 38 3.1.2 圖像裁剪··············································· 40 3.2 摳圖·······················································42 3.2.1 快速去背景··········································· 42 3.2.2 鋼筆摳圖················································ 45 3.2.3 通道摳圖··············································· 49 3.3 寶貝照片優(yōu)化······································54 3.3.1 快速去除商品上的斑點························ 55 3.3.2 用仿制圖章工具修復劃痕···················· 56 3.3.3 處理曝光不足的圖像··························· 59 3.3.4 還原圖片色彩······································· 60 3.3.5 提高照片清晰度··································· 63 3.4 商品圖片修飾······································66 3.4.1 背景效果··············································· 67 3.4.2 產(chǎn)品投影的效果··································· 70 3.4.3 產(chǎn)品倒影的效果··································· 73 3.4.4 用Photoshop 制作Gif 動畫·················· 78 3.4.5 字體與排版··········································· 80 3.4.6 促銷標簽的制作···································· 85 3.4.7 圖像合成··············································· 88 3.5 制作水印··············································93 3.5.1 文字水印··············································· 93 3.5.2 圖片水印··············································· 94 3.6 批處理··················································97 第4 章 認識Dreamweaver·········································101 4.1 認識Dreamweaver 界面····················101 4.2 站點的創(chuàng)建與管理····························102 4.2.1 創(chuàng)建站點············································· 102 4.2.2 管理站點············································· 104 4.3 Dreamweaver 的基礎知識·················105 4.4 超鏈接················································· 111 4.4.1 文本圖像超鏈接··································111 4.4.2 熱點鏈接············································· 112 第5 章 店招設計············································· 114 5.1 Logo 設計與制作······························· 114 5.1.1 Logo 設計··········································· 114 5.1.2 Logo 制作··········································· 115 5.2 店招設計············································ 117 5.2.1 店招制作············································· 117 5.2.2 制作切片············································· 124 5.3 圖片空間············································126 5.3.1 淘寶圖片空間····································· 126 5.3.2 上傳到圖片空間································· 128 5.4 店招裝修············································130 5.4.1 替換圖片地址····································· 130 5.4.2 添加鏈接············································· 132 5.4.3 裝修店招············································· 135 5.5 頁頭背景············································137 第6 章 店鋪首頁背景·····································140 6.1 背景設計············································140 6.2 固定背景············································144 第7 章 頁尾設計·············································151 7.1 頁尾設計············································151 7.1.1 頁尾設計技巧····································· 151 7.1.2 頁尾制作············································· 151 7.2 頁尾切片制作····································155 7.3 用Dreamweaver 添加鏈接················157 7.4 嵌套切片制作····································162 7.5 裝修頁尾············································169 第8 章 旺旺導航·············································172 8.1 旺旺導航模塊制作····························172 8.2 切片制作············································174 8.3 旺旺代碼生成····································176 8.4 后臺裝修············································180 第9 章 促銷海報·············································183 9.1 海報的設計方法·································183 9.1.1 構(gòu)圖···················································· 183 9.1.2 字體···················································· 185 9.1.3 顏色···················································· 186 9.2 制作全屏海報····································186 9.3 全屏海報輪播·····································190 第10 章 寶貝展示設計····································192 10.1 寶貝展示圖設計······························192 10.2 展示模塊制作··································193 10.3 切片的高級編輯······························198 10.4 展示圖片裝修··································200 第11 章 店鋪導航···········································206 11.1 店鋪導航··········································206 11.2 修改導航顏色···································209 11.3 高級導航制作··································210 11.3.1 店招制作············································ 210 11.3.2 切片制作··········································· 213 11.3.3 添加鏈接··········································· 214 11.3.4 制作店招背景··································· 216 第12 章 主圖設計···········································218 12.1 主圖設計··········································218 12.2 主圖制作··········································219 12.3 主圖9 秒視頻制作···························221 第13 章 詳情頁制作········································230 13.1 詳情頁布局······································230 13.2 詳情頁制作·······································233 第14 章 時尚潮流店鋪裝修····························242 14.1 準備工作··········································242 14.1.1 設計理念··········································· 242 14.1.2 裝修素材··········································· 244 14.2 模塊設計與導航······························246 14.2.1 店招················································· 246 14.2.2 頁頭背景·········································· 250 14.2.3 固定背景··········································· 250 14.2.4 全屏海報··········································· 251 14.2.5 優(yōu)惠券制作······································· 253 14.2.6 展示模塊設計··································· 254 14.2.7 寶貝展示模塊設計··························· 257 14.2.8 頁尾設計··························· 261 14.3 裝修店鋪··········································263 第15 章 無線店鋪裝修····································268 15.1 無線店鋪運營···································268 15.1.1 如何添加寶貝··································· 268 15.1.2 自定義頁面········································ 271 15.2 手機淘寶首頁布局優(yōu)化···················271 15.3 自定義菜單······································272 15.4 無線店鋪店招制作··························273 15.4.1 店鋪標志··········································· 274 15.4.2 店招設計··········································· 274 15.4.3 店招裝修··········································· 277 15.5 焦點圖制作······································278 15.5.1 發(fā)布公告焦點圖制作······················· 279 15.5.2 焦點圖制作······································· 280 15.5.3 焦點圖模塊裝修······························· 282 15.6 優(yōu)惠券設置方法······························284 15.6.1 優(yōu)惠券制作······································· 284 15.6.2 手機店鋪活動宣傳圖······················· 286 15.6.3 無線優(yōu)惠券設置方法······················· 286 15.7 雙列圖片導航··································290