淘宝开店配色图片处理与装修设计

目　　录 第1章 网店装修基础与配色 1 1.1 网店装修与美工 2 1.1.1　网店美工**基本技能 2 1.1.2　网店装修风格与色彩 设计 3 1.1.3　店铺装修需要注意的 问题 6 1.2 认识网店色彩 8 1.2.1 无彩色系 9 1.2.2 有彩色系 9 1.2.3 构成色彩的三要素 10 1.3 颜色管理 12 1.3.1　识别色域范围外的 颜色 12 1.3.2　色彩模式 13 1.3.3　色彩模式转换 14 1.3.4　调整颜色的建议 16 1.3.5　色彩采集 17 1.3.6　色彩推移 18 1.4 网店配色 19 1.4.1　网页安全色 19 1.4.2　自定义页面的主色与 辅助色 20 1.4.3　网店色调与配色 21 1.5 装修秘籍——色彩搭配技巧 23 1.5.1 使用单色调的技巧 23 1.5.2 巧妙搭配冷色和暖色 色调 23 1.5.3 应用邻近色的技巧 25 1.5.4 巧用互补色突出主题 26 1.5.5 配色的黄金比例 27 1.5.6 万能的调和色 27 1.6 案例解析——选择店铺的色系 28 1.6.1 庆典宣传活动的主打 色系 28 1.6.2 家用电器、玩具类店铺 的主打色系 29 1.6.3 首饰、化妆品的主打 色系 29 1.6.4 保健品、土特产的主打 色系 30 1.6.5 清洁用品、海产品的 主打色系 30 1.6.6 服装、奢侈品的主打 色系 31 第2章 图片素材的规划与收集 33 2.1 规划商品图片 34 2.1.1　商品主图的布局 34 2.1.2　商品细节特写图片的 规划 34 2.1.3　商品描述页图片的设计 与拍摄 35 2.2 收集店铺装修素材 36 2.2.1 店铺图片素材的获取 方法 37 2.2.2 通过百度收集图片素材 37 2.2.3 安装字体素材 38 2.3 获得图片的存储空间 39 2.3.1　使用免费空间相册 39 2.3.2　使用博客存储图片 40 2.3.3　租用图片空间 40 2.3.4　租用虚拟主机 40 2.3.5 图片的引用关系 41 2.3.6 移动分类文件夹 41 2.3.7 批量编辑图片 42 2.3.8 还原回收站图片 43 2.4 淘宝图片空间的使用方法 44 2.4.1 关于淘宝图片空间 44 2.4.2 打开淘宝图片空间 45 2.4.3 上传图片到图片空间 45 2.5 装修秘籍——图片搜集与配色 47 2.5.1 多颜色商品的拍摄 策划 47 2.5.2 商品对比图的制作 技巧 47 2.5.3 购买素材图库省心 省力 48 2.5.4 网店装修能带来哪些 收益 48 2.5.5 网店审美的通用原则 49 2.6 商品的基本拍摄方法 50 2.6.1 选择合适的摄影器材 50 2.6.2 布置室内拍摄场景 52 2.6.3 运用不同角度光线效果 54 2.6.4 布置户外拍摄场景 54 2.6.5 在简易摄影棚中拍摄 商品 56 2.6.6 真人模特拍摄经验 技巧 56 2.6.7 选择合适的背景/搭配小 物件 57 2.6.8 网上商品拍摄的要求与 技巧 59 第3章 使用Photoshop处理商品 图片 61 3.1 Photoshop图像处理基础操作 62 3.1.1 认识Photoshop的界面 62 3.1.2 常用工具 63 3.1.3 图层的基本操作 67 3.1.4 设置图层样式 71 3.2 常用的商品图片处理操作 71 3.2.1 裁剪图片中指定的 部分 71 3.2.2 固定尺寸裁剪图片 73 3.2.3 调整商品照片大小 73 3.2.4 调整商品图片角度 75 3.3 调整图片的亮度与色彩 75 3.3.1 使用色阶调整图片 亮度 75 3.3.2 使用曲线调整图片 亮度 76 3.3.3 调整图片的对比度 77 3.3.4 调整偏色的图片 78 3.3.5 调整图片的明暗信息 79 3.3.6 让图片色彩表现更丰富 80 3.3.7 让图片更加清晰 81 3.4 修复商品照片瑕疵 83 3.4.1 清除照片中的日期 83 3.4.2 修复照片中的污渍 85 3.4.3 去掉图片中多余的部分 86 3.5 装修秘籍——快速处理图片 87 3.5.1 使用图层锁定功能编辑 图层内容 87 3.5.2 使用魔棒的容差值控制 颜色范围 88 3.5.3 巧用盖印图层省去存储 图片效果的麻烦 89 3.5.4 巧用液化使图片变 丰满 89 3.5.5 应用光影魔术手快速 处理图片 91 3.6 案例解析——校正商品图片 外观 92 3.6.1 缩小图片以便于上传 93 3.6.2 校正倾斜图片 94 3.6.3 校正拍摄时产生的 晕影 95 3.6.4 将多个商品照片裁成 统一大小 97 3.6.5 横幅与直幅之间的 转换 99 第4章 更换商品背景与美化 人像 101 4.1　简单抠图与替换背景 102 4.1.1　规则几何形状选区替换 背景 102 4.1.2　不规则选区替换背景 102 4.1.3　使用魔棒工具抠图 103 4.1.4　使用快速选择工具 抠图 105 4.1.5　使用套索工具抠图 107 4.1.6　使用钢笔工具抠图 108 4.2　应用路径抠图并替换背景 110 4.2.1　创建路径 110 4.2.2　将路径转换为选区 111 4.2.3　通过路径为模特抠图 替换背景 112 4.3　使用通道抠图并替换背景 114 4.3.1　编辑通道 114 4.3.2　为透明婚纱抠图替换 背景 115 4.4　应用蒙版抠图并替换背景 119 4.4.1　使用快速蒙版抠图并 替换背景 119 4.4.2　使用图层蒙版抠图并 替换背景 121 4.5　人像美化处理 123 4.5.1 用仿制图章工具去除 斑点 124 4.5.2 用修补工具修补肤色 125 4.5.3 用滤镜让皮肤变光滑 126 4.5.4 用蒙版调整皮肤状态 127 4.5.5 用【曲线】命令让皮肤 变白 129 4.5.6 用滤镜对人物瘦身 130 4.5.7 对服装模特面部进行 磨皮美容 131 4.6　装修秘籍——抠图与选择 背景 133 4.6.1 选择什么样的拍照 背景 133 4.6.2 抠图的基本思路 134 4.6.3 合成抠图后的图像与 背景 134 4.7　案例解析——为图片添加版权 标识 135 4.7.1 为商品图片添加 保护线 136 4.7.2 为商品图像添加文字 水印 137 4.7.3 为商品图片添加商标或 图像水印 139 4.7.4 快速为多张商品图片 添加文字水印 139 4.7.5 为商品图像添加情景 对话 142 第5章 网店视觉效果设计与图片 后期处理 143 5.1　商品排列 144 5.1.1　统一间距 144 5.1.2　商品对齐 144 5.2　边框的设计与制作 145 5.2.1　调整图像背景的边缘 145 5.2.2　添加商品图片边框 147 5.2.3　按图片颜色为其添加 边框 148 5.3　局部处理 149 5.3.1　为商品添加标签 149 5.3.2　放大商品的局部特征 152 5.4　增强商品视觉效果 154 5.4.1　添加倒影与阴影 154 5.4.2　图像的构图类型 156 5.4.3　将模糊照片调清晰 161 5.5　还原图片实际效果 163 5.5.1　调整曝光不足的照片 163 5.5.2　调整曝光过度的照片 164 5.5.3　调整有色差的图片 165 5.5.4　调整模糊的照片让细节 更明显 166 5.6 制作动态GIF图片 168 5.6.1 隐藏用作跳动切换的 图层 168 5.6.2 使用【时间轴】面板 调整动作步骤 168 5.6.3 将图片存储为GIF 格式 169 5.7　装修秘籍——细节处理 171 5.7.1 商品主图的特性 171 5.7.2 制作主图的注意事项 171 5.7.3 自动选择图层 172 5.7.4 快速调整不透明度 172 5.7.5 使用光影魔术手为图片 添加边框 173 5.8　案例解析——快速批量处理 图片 175 5.8.1 了解【动作】面板的 作用 175 5.8.2 创建新动作 176 5.8.3 使用动作批量处理 图片 177 第6章 设计个性化店标和店招 179 6.1 店标的设计与制作 180 6.1.1 店标简介 180 6.1.2 动态旺铺店标设计 181 6.1.3 发布店标 181 6.2 设置默认店招和导航 183 6.2.1 设置默认店招 183 6.2.2 添加系统导航 185 6.3 制作自定义店招 186 6.3.1 设计个性化的店招 186 6.3.2 给店招导航添加分类 链接 187 6.3.3 发布店招 190 6.4 装修秘籍——店标和店招 设计 191 6.4.1 店标和店招的区别 191 6.4.2 设计店招的注意事项 191 6.5 案例解析——设计具有视觉 冲击力的店标 192 6.5.1 店标设计的原则 192 6.5.2 做好淘宝店标图片 193 6.5.3 设计网店的店标 194 6.5.4 淘宝店标在线制作 195 第7章 淘宝店铺装修流程 197 7.1 选择旺铺 198 7.1.1 旺铺基础版和专业版 装修功能差别 198 7.1.2 旺铺基础版和专业版 功能模块介绍 199 7.1.3 如何订购旺铺专业版 200 7.2 上传图片的方法 201 7.2.1 设置图片分类 201 7.2.2 上传商品的图片 203 7.2.3 复制图片链接地址 204 7.2.4 替换图片 205 7.2.5 重命名图片 206 7.2.6 移动图片 207 7.3 店铺装修基础 208 7.3.1 设置店铺样式 208 7.3.2 设置首页布局 209 7.3.3 为首页添加功能模块 210 7.3.4 设置宝贝默认详情页 212 7.3.5 自定义页面 213 7.4 装修秘籍——宝贝图片与淘宝 空间 215 7.4.1 使用淘宝图片空间的 好处 215 7.4.2 图片空间新增加的 功能 216 7.5 案例解析——发布宝贝 218 7.5.1 使用淘宝后台发布 宝贝 218 7.5.2 使用淘宝助理发布 宝贝 221 7.5.3 设置发布宝贝的*佳 时间段 225 7.5.4 用【复制宝贝】快速创建 新宝贝 226 第8章 设计与管理店铺功能区 227 8.1 店铺收藏 228 8.1.1 设计店铺收藏效果图 228 8.1.2 获取收藏店铺链接 229 8.1.3 添加自定义模块 230 8.1.4 编辑和发布店铺收藏 功能 231 8.2 宝贝分类 233 8.2.1 添加分类模块 233 8.2.2 宝贝分类设计 234 8.2.3 子宝贝分类设计 236 8.2.4 在分类中添加商品 237 8.3 设计客服中心 238 8.3.1 添加旺旺子账号 238 8.3.2 添加客服中心模块 240 8.3.3 设置和发布客服中心 241 8.4 图片轮播 242 8.4.1 添加图片轮播功能 242 8.4.2 设置和发布图片轮播 243 8.5 排行榜 245 8.5.1 添加排行榜模块 245 8.5.2 设置排行榜 246 8.6 推荐宝贝 247 8.6.1 添加【宝贝推荐】 模块 247 8.6.2 设置推荐宝贝 247 8.7 友情链接 249 8.7.1 添加友情链接模块 249 8.7.2 设置友情链接地址 250 8.8 装修秘籍——功能区设计 252 8.8.1 联系我们图片的设计与 制作 252 8.8.2 设置模块顺序 254 8.8.3 寻找适合的友情链接 店铺 254 8.8.4 优化轮播图片 255 8.8.5 店铺推荐宝贝与橱窗 推荐宝贝的区别 256 8.9 案例解析——公告模板的设计 与制作 256 8.9.1 750店铺公告模板 设计 257 8.9.2 750店铺公告动态模板 设计 259 8.9.3 发布公告模板 260 第9章 设计宝贝详情页面 263 9.1　制作宝贝促销区 264 9.1.1　制作宝贝促销区的注意 事项 264 9.1.2　设计宝贝促销区 265 9.2　自定义促销区 268 9.2.1　全屏通栏广告设计 268 9.2.2　淘宝标准通栏广告 设计 271 9.2.3　750广告设计 272 9.2.4　190广告设计 275 9.3 设计宝贝促销图 277 9.3.1 给宝贝促销图添加商品 链接 277 9.3.2 发布宝贝促销图到宝贝 描述模板中 280 9.4　制作宝贝详情页面 283 9.4.1　宝贝展示顺序和特点 283 9.4.2　设计宝贝详情 284 9.5 使用软件优化宝贝详情页面 287 9.5.1 使用Photoshop 软件的 切片工具切分图片 288 9.5.2 使用存储命令生成 HTML 289 9.5.3 使用Dreamweaver软件 生成网页代码 290 9.6 发布宝贝详情描述 293 9.6.1 宝贝详情描述页的 发布 293 9.6.2 打造优秀的淘宝 详情页 295 9.7　装修秘籍——宝贝详情页 设计 296 9.7.1 输入特殊符号 296 9.7.2 去除复制文字的格式 296 9.7.3 商品尺寸对比 297 9.7.4 描述模板的作用及 类型 297 9.7.5 宝贝模板的设计要求 298 9.8 案例解析——宝贝描述模块 设计技巧 298 9.8.1 宝贝详情描述页的核心 内容 299 9.8.2 宝贝详情页的模块 组成 299 9.8.3 产品规格参数模块 300 第10章 淘宝店促销活动海报 301 10.1 店铺活动策划 302 10.1.1 结合店铺纪念日 策划 302 10.1.2 结合节假日策划 302 10.1.3 配合平台活动策划 303 10.1.4 什么是店铺活动 促销 303 10.1.5 常见店铺活动优劣 分析 304 10.2 设计海报的准备工作 305 10.2.1 确定活动的主题 305 10.2.2 如何收集与主题相关的 素材 306 10.2.3 规划活动海报的创意和 构图 307 10.3 设计活动海报流程 309 10.3.1 合成活动海报的 背景 309 10.3.2 设计活动主题文字 311 10.3.3 添加与活动相关的 元素 313 10.3.4 制作活动正文内容 314 10.3.5 修饰海报的版面 315 10.3.6 发布活动海报 316 10.4 装修秘籍——活动海报设计 技巧 318 10.4.1 裁剪全屏海报图片 318 10.4.2 发布全屏海报 320 10.4.3 高效管理图层 323 10.4.4 制作夸张的主题 字体 324 10.4.5 活动海报设计遵循的 原则 325 10.5 案例解析——店铺促销技巧 325 10.5.1 网店节日促销如何巧妙 营造氛围 326 10.5.2 如何选择合适的促销 商品 326 10.5.3 赠品促销的设计规则 327 10.5.4 送什么赠品才能吸引 买家 328 10.5.5 商品捆绑促销 328 第11章 淘宝店的装修细节设计 329 11.1　添加【喜欢】组件 330 11.1.1　生成【喜欢】组件 代码 330 11.1.2　为商品图片添加【喜欢】 组件代码 331 11.1.3　发布【喜欢】组件 代码 332 11.2　添加背景音乐 333 11.2.1　搜索背景音乐 333 11.2.2　订购店铺音乐服务 334 11.2.3　设置店铺背景音乐 335 11.3 设置店铺二维码 337 11.3.1 创建店铺二维码 337 11.3.2 设置和下载二维码 图片 339 11.4 制作直通车广告图 341 11.4.1 设计直通车广告图片 341 11.4.2 直通车广告图的制作 标准 342 11.4.3 使用Photoshop软件 制作直通车广告 342 11.5 装修全球购店铺 344 11.5.1 全球购店铺首页 风格 344 11.5.2 详情页的设计要点 345 11.6　装修秘籍——网店细节设计 技巧 345 11.6.1　巧用图片空间为图片 添加水印 346 11.6.2　巧用模板备份和还原 店铺装修 347 11.6.3　在描述模板中调用 CSS样式 348 11.7 案例解析——装修细节 操作 349 11.7.1　制作分类按钮图片 349 11.7.2　设置千牛头像 349 第12章 装修手机淘宝店 351 12.1 在手机店铺发布宝贝 352 12.1.1 调整图片适配手机 352 12.1.2 发布手机宝贝 详情页 353 12.2 设计手机店铺首页 354 12.2.1 添加首页模块 354 12.2.2 编辑模块 355 12.2.3 设置模块顺序 355 12.2.4 删除模块 356 12.2.5 添加手机店招 356 12.2.6 编辑排行榜 357 12.2.7 发布手机店铺首页 357 12.3 设计手机店铺活动页 358 12.3.1 创建店铺活动 358 12.3.2 店铺活动营销方式 359 12.4 设计手机店铺分类 361 12.4.1 添加宝贝分类封面图 361 12.4.2 修改宝贝分类封面图 362 12.4.3 删除宝贝分类封面图 363 12.4.4 调整宝贝分类顺序 363 12.5 装修秘籍——装修手机 淘宝店 364 12.5.1 添加与删除搜索 关键词 364 12.5.2 购买手机店铺模板 365 12.5.3 手机端首页排版的 特点 366 12.5.4 手机端宝贝图片的*佳 尺寸 366 12.6 案例解析——手机店铺的 推广 367 12.6.1 手机淘宝营销的推广 367 12.6.2 无线直通车 368 12.6.3 微淘 369 12.6.4 手机淘宝首页推广图 要求 369