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

第1 章 了解網(wǎng)店裝修知識(shí)··········································· 1 1.1 店鋪裝修的基礎(chǔ)知識(shí)···························· 1 1.1.1 為什么要裝修·········································· 1 1.1.2 認(rèn)識(shí)旺鋪的種類····································· 3 1.1.3 如何給店鋪取個(gè)好記的二級(jí)域名··········· 4 1.1.4 旺鋪的四大頁面····································· 4 1.2 店鋪的色彩搭配··································· 6 1.2.1 色彩的基本屬性····································· 6 1.2.2 色彩搭配及視覺營銷····························· 8 1.3 首頁風(fēng)格定位······································10 1.3.1 選擇模板··············································· 10 1.3.2 樣式管理················································ 13 1.4 布局管理··············································13 第2 章 Photoshop 快速入門······························18 2.1 認(rèn)識(shí)工作界面······································18 2.2 了解工具箱··········································20 2.3 認(rèn)識(shí)圖層··············································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 快速去除商品上的斑點(diǎn)························ 55 3.3.2 用仿制圖章工具修復(fù)劃痕···················· 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 動(dòng)畫·················· 78 3.4.5 字體與排版··········································· 80 3.4.6 促銷標(biāo)簽的制作···································· 85 3.4.7 圖像合成··············································· 88 3.5 制作水印··············································93 3.5.1 文字水印··············································· 93 3.5.2 圖片水印··············································· 94 3.6 批處理··················································97 第4 章 認(rèn)識(shí)Dreamweaver·········································101 4.1 認(rèn)識(shí)Dreamweaver 界面····················101 4.2 站點(diǎn)的創(chuàng)建與管理····························102 4.2.1 創(chuàng)建站點(diǎn)············································· 102 4.2.2 管理站點(diǎn)············································· 104 4.3 Dreamweaver 的基礎(chǔ)知識(shí)·················105 4.4 超鏈接················································· 111 4.4.1 文本圖像超鏈接··································111 4.4.2 熱點(diǎn)鏈接············································· 112 第5 章 店招設(shè)計(jì)············································· 114 5.1 Logo 設(shè)計(jì)與制作······························· 114 5.1.1 Logo 設(shè)計(jì)··········································· 114 5.1.2 Logo 制作··········································· 115 5.2 店招設(shè)計(jì)············································ 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 背景設(shè)計(jì)············································140 6.2 固定背景············································144 第7 章 頁尾設(shè)計(jì)·············································151 7.1 頁尾設(shè)計(jì)············································151 7.1.1 頁尾設(shè)計(jì)技巧····································· 151 7.1.2 頁尾制作············································· 151 7.2 頁尾切片制作····································155 7.3 用Dreamweaver 添加鏈接················157 7.4 嵌套切片制作····································162 7.5 裝修頁尾············································169 第8 章 旺旺導(dǎo)航·············································172 8.1 旺旺導(dǎo)航模塊制作····························172 8.2 切片制作············································174 8.3 旺旺代碼生成····································176 8.4 后臺(tái)裝修············································180 第9 章 促銷海報(bào)·············································183 9.1 海報(bào)的設(shè)計(jì)方法·································183 9.1.1 構(gòu)圖···················································· 183 9.1.2 字體···················································· 185 9.1.3 顏色···················································· 186 9.2 制作全屏海報(bào)····································186 9.3 全屏海報(bào)輪播·····································190 第10 章 寶貝展示設(shè)計(jì)····································192 10.1 寶貝展示圖設(shè)計(jì)······························192 10.2 展示模塊制作··································193 10.3 切片的高級(jí)編輯······························198 10.4 展示圖片裝修··································200 第11 章 店鋪導(dǎo)航···········································206 11.1 店鋪導(dǎo)航··········································206 11.2 修改導(dǎo)航顏色···································209 11.3 高級(jí)導(dǎo)航制作··································210 11.3.1 店招制作············································ 210 11.3.2 切片制作··········································· 213 11.3.3 添加鏈接··········································· 214 11.3.4 制作店招背景··································· 216 第12 章 主圖設(shè)計(jì)···········································218 12.1 主圖設(shè)計(jì)··········································218 12.2 主圖制作··········································219 12.3 主圖9 秒視頻制作···························221 第13 章 詳情頁制作········································230 13.1 詳情頁布局······································230 13.2 詳情頁制作·······································233 第14 章 時(shí)尚潮流店鋪裝修····························242 14.1 準(zhǔn)備工作··········································242 14.1.1 設(shè)計(jì)理念··········································· 242 14.1.2 裝修素材··········································· 244 14.2 模塊設(shè)計(jì)與導(dǎo)航······························246 14.2.1 店招················································· 246 14.2.2 頁頭背景·········································· 250 14.2.3 固定背景··········································· 250 14.2.4 全屏海報(bào)··········································· 251 14.2.5 優(yōu)惠券制作······································· 253 14.2.6 展示模塊設(shè)計(jì)··································· 254 14.2.7 寶貝展示模塊設(shè)計(jì)··························· 257 14.2.8 頁尾設(shè)計(jì)··························· 261 14.3 裝修店鋪··········································263 第15 章 無線店鋪裝修····································268 15.1 無線店鋪運(yùn)營···································268 15.1.1 如何添加寶貝··································· 268 15.1.2 自定義頁面········································ 271 15.2 手機(jī)淘寶首頁布局優(yōu)化···················271 15.3 自定義菜單······································272 15.4 無線店鋪店招制作··························273 15.4.1 店鋪標(biāo)志··········································· 274 15.4.2 店招設(shè)計(jì)··········································· 274 15.4.3 店招裝修··········································· 277 15.5 焦點(diǎn)圖制作······································278 15.5.1 發(fā)布公告焦點(diǎn)圖制作······················· 279 15.5.2 焦點(diǎn)圖制作······································· 280 15.5.3 焦點(diǎn)圖模塊裝修······························· 282 15.6 優(yōu)惠券設(shè)置方法······························284 15.6.1 優(yōu)惠券制作······································· 284 15.6.2 手機(jī)店鋪活動(dòng)宣傳圖······················· 286 15.6.3 無線優(yōu)惠券設(shè)置方法······················· 286 15.7 雙列圖片導(dǎo)航··································290