淘宝美工店铺装修实战宝典（Photoshop+Dreamweaver）

第1 章 了解网店装修知识··········································· 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 图片尺寸调整······································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 宝贝照片优化······································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 产品投影的效果··································· 70 3.4.3 产品倒影的效果··································· 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 站点的创建与管理····························102 4.2.1 创建站点············································· 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 构图···················································· 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 优惠券制作······································· 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 手机淘宝首页布局优化···················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 发布公告焦点图制作······················· 279 15.5.2 焦点图制作······································· 280 15.5.3 焦点图模块装修······························· 282 15.6 优惠券设置方法······························284 15.6.1 优惠券制作······································· 284 15.6.2 手机店铺活动宣传图······················· 286 15.6.3 无线优惠券设置方法······················· 286 15.7 双列图片导航··································290