本书以 Photoshop 软件为工具，通过 8 个项目全面、详细地介绍了网店设计与装修的基本方法和技巧。具体内容为：网店美工入门基础、网店图片设计、网店文字和图形应用、网上店铺装修、页面设计、主图、钻展图片和直通车图片的设计与制作、图片的切片与管理及装修服装店铺实例。本书实例丰富、内容翔实、操作方法简单易学，不仅适合作为电子商务专业大中专学生的教材，还可供感兴趣的读者及相关的专业人士参考。本书附有电子资料，包括书中所有实例的源文件及软件操作过程的录屏动画，另附赠了大量的实例素材供读者在学习中使用。

彭敢，1984年出生于江苏淮安，计算机专业硕士，江苏财经职业技术学院副研究员。教授多门专业课程，发表论文二十余篇；主持市厅级课题2项，主持校级教改课题8项，授权实用新型专利十余项；指导学生获全国保险综合业务技能大赛一等奖；江苏省优秀毕业设计三等奖；指导学生省级大学生实践创新2项、校级6项；获淮安市科技进步奖三等奖、淮安市优秀发明专利，多次获校级先进工作者、优秀教育工作者、优秀共产党员、校级服务能手。

项目一 网店美工入门基础 ············································································.1
任务 1 网店美工的概念 ··········································································.2
任务引入 ························································································.2
知识准备 ························································································.2
一、了解网店美工 ············································································.2
二、了解网店装修的作用 ···································································.3
三、网店美工图片的文件格式 ·····························································.4
任务总结 ························································································.5
任务 2 网店美工的配色 ··········································································.5
任务引入 ························································································.5
知识准备 ························································································.5
一、色彩的基础知识 ·········································································.5
二、色彩搭配的技巧 ·········································································.7
任务总结 ························································································.9
任务 3 商品拍摄 ···················································································.9
任务引入 ························································································.9
知识准备 ························································································.9
一、选择摄影器材 ············································································.9
二、摄影技巧 ················································································.10
三、摄影中的基本构图 ····································································.11
任务总结 ······················································································.12
项目总结 ····························································································.12
项目实战 ····························································································.12
实战 绘制化妆品海报 ····································································.12
项目二 网店图片设计 ················································································.18
任务 1 初识 Photoshop ··········································································.19
任务引入 ······················································································.19
知识准备 ······················································································.19
一、新建与打开图片 ·······································································.19
二、查看商品图片细节 ····································································.22
三、为商品添加注释信息 ·································································.25
四、网店装修图片的保存 ·································································.26
任务总结 ······················································································.28
任务 2 图片调色 ·················································································.28
任务引入 ······················································································.28
知识准备 ······················································································.28
一、调整偏色的商品图片 ·································································.29
二、调整图片的对比度 ····································································.30
三、调整曝光不足的图片 ·································································.31
四、自由更改图片中的颜色 ······························································.33
任务总结 ······················································································.34
任务 3 图片修饰 ·················································································.34
任务引入 ······················································································.34
知识准备 ······················································································.34
一、调整图片尺寸 ··········································································.34
二、网店图片的抠图技巧 ·································································.37
三、网店图片的瑕疵修复 ·································································.45
任务总结 ······················································································.47
项目总结 ····························································································.47
项目实战 ····························································································.48
实战 汽车变色 ·············································································.48
项目三 网店文字和图形应用 ·······································································.49
任务 1 文字的基础设计 ········································································.50
任务引入 ······················································································.50
知识准备 ······················································································.50
任务总结 ······················································································.55
任务 2 特效字 ····················································································.55
任务引入 ······················································································.55
知识准备 ······················································································.56
一、玉雕文字 ················································································.56
二、光芒字 ···················································································.58
三、透视字 ···················································································.60
四、立体字 ···················································································.62
任务总结 ······················································································.67
任务 3 图形的应用 ··············································································.67
任务引入 ······················································································.67
知识准备 ······················································································.67
一、在商品图片中绘制规则图形 ························································.68
二、在商品图片中绘制不规则图形 ·····················································.69
任务总结 ······················································································.71
项目总结 ····························································································.71
项目实战 ····························································································.71
实战 制作水晶透明文字 ·································································.71
项目四 网上店铺装修 ················································································.75
任务 1 设计店标 ·················································································.76
任务引入 ······················································································.76
知识准备 ······················································································.76
任务总结 ······················································································.76
任务 2 设计店招与导航 ········································································.77
任务引入 ······················································································.77
知识准备 ······················································································.77
一、设计店招 ················································································.77
二、设计导航 ················································································.84
任务总结 ······················································································.97
任务 3 设计模板 ·················································································.97
任务引入 ······················································································.97
知识准备 ······················································································.98
一、模板的管理 ·············································································.98
二、模块的设置 ············································································.100
任务总结 ·····················································································.101
项目总结 ···························································································.101
项目实战 ···························································································.101
实战 制作化妆品导航条 ································································.101
项目五 页面设计 ····················································································.104
任务 1 网店首页的设计 ······································································.105
任务引入 ····················································································.105
知识准备 ····················································································.105
一、网店首页概述 ········································································.105
二、轮播海报 ··············································································.106
三、欢迎模块 ··············································································.107
四、促销广告 ···············································································.114
五、收藏区与客服区 ······································································.119
任务总结 ····················································································.128
任务 2 商品详情页的设计 ···································································.128
任务引入 ····················································································.128
知识准备 ····················································································.128
一、商品详情页概述 ·····································································.129
二、商品详情页的制作 ··································································.129
任务总结 ····················································································.136
项目总结 ··························································································.136
项目实战 ··························································································.137
实战 制作金饰的商品描述 ····························································.137
项目六 主图、钻展图片和直通车图片的设计与制作 ·······································.140
任务 1 主图的设计与制作 ···································································.141
任务引入 ····················································································.141
知识准备 ····················································································.141
一、主图的设计要点 ·····································································.141
二、主图的制作 ···········································································.141
任务总结 ····················································································.150
任务 2 钻展图片的设计与制作 ·····························································.150
任务引入 ····················································································.150
知识准备 ····················································································.150
一、钻展图片的设计原则 ·······························································.150
二、钻展图片的制作 ·····································································.151
任务总结 ····················································································.158
任务 3 直通车图片的设计与制作 ··························································.159
任务引入 ·····················································································.159
知识准备 ·····················································································.159
一、直通车图片的设计原则 ·····························································.159
二、直通车图片的制作 ···································································.160
任务总结 ·····················································································.168
项目总结 ···························································································.168
项目实战 ···························································································.169
实战 制作凉拖直通车 ···································································.169
项目七 图片的切片与管理 ·········································································.171
任务 1 图片切片 ················································································.172
任务引入 ·····················································································.172
知识准备 ·····················································································.172
一、创建切片 ···············································································.172
二、设置切片选项 ·········································································.174
任务总结 ·····················································································.176
任务 2 素材中心 ················································································.177
任务引入 ·····················································································.177
知识准备 ·····················································································.177
一、素材中心概述 ·········································································.177
二、素材中心的功能 ······································································.178
任务总结 ·····················································································.183
项目总结 ···························································································.184
项目实战 ···························································································.184
实战 还原素材图片 ······································································.184
项目八 装修服装店铺实例 ·········································································.186
一、设计店招和导航 ······································································.186
二、设计欢迎模块 ·········································································.188
三、设计客服区 ············································································.191
四、设计商品详情 ·········································································.192
五、售后服务区 ············································································.195