这是一本全面介绍如何使用Photoshop进行电商美工设计的实用教程。本书针对零基础读者编写,是快速、全面掌握电商美工设计制作的必备参考书。
本书内容以各种课堂案例为主线,图文并茂的案例讲解,全面展示电商美工设计精髓。从电商美工设计基础到店铺首页、详情页和各种活动图的设计,从网页端到手机端等,对电商美工设计中的各种流行设计风格做全面剖析。每个案例都有制作流程详解,并且安排了相关的课后习题,读者在案例学习后可以参考习题进行练习,拓展自己的创意思维,提高电商美工的设计水平。
本书还为广大读者提供了教学资源,收录了书中所有案例的素材文件和源文件,以及所有案例和课后习题的高清有声教学视频。另外,为方便老师教学,本书还提供了PPT教学课件。
本书适合电商美工设计初学者学习使用,可作为电商美工设计师的参考用书,也可以作为培训学校、高等院校的教学参考书或上机实践指导用书。
《Photoshop电商美工设计实用教程(全彩版)》以课堂案例为主线,图文并茂的案例讲解,全面展示电商美工设计精髓;
《Photoshop电商美工设计实用教程(全彩版)》从电商美工设计基础到店铺首页、详情页和各种活动图的设计,从网页端到手机端等,对电商美工设计中的各种流行设计风格做全面剖析;
《Photoshop电商美工设计实用教程(全彩版)》每个案例都有制作流程详解,并有相关的课后习题,读者在案例学习后可以参考习题进行练习,拓展自己的创意思维,提高电商美工的设计水平。
配套教辅和服务
姚红媛
2010.7至今任教于沈阳化工大学工业与艺术设计系环境设计专业。
苏会人
2013.7至今任教于沈阳化工大学工业与艺术设计系环境设计专业。
吴比
2012年7月至今,沈阳化工大学工业与艺术设计系专业教师
第 1章 电商美工必备知识 009
1.1 什么是电商美工 010
1.1.1 店铺装修的意义 010
1.1.2 电商美工的技能要求 010
1.2 电商美工的工作目的 011
1.2.1 美化商品的目的 011
1.2.2 美化店铺的目的 011
1.3 电商美工应遵循的装修规则 011
1.4 电商美工的日常工作 012
1.4.1 优化商品图片 012
1.4.2 设计店铺首页 013
1.4.3 制作活动海报 013
1.4.4 制作宝贝详情页 013
1.5 店铺装修常用的图片格式 014
1.6 本章小结 014
第 2章 色彩、文字、版式 015
2.1 色彩的搭配 016
2.1.1 色彩的分类 016
2.1.2 色彩三要素 017
2.1.3 色彩的对比 018
2.1.4 页面常见配色方法 020
2.1.5 主色、辅助色与点缀色 020
2.2 电商文字 021
2.2.1 页面常用字体 021
2.2.2 电商字体设计 021
2.2.3 不同风格的字体效果 022
2.3 版式设计 023
2.3.1 常见的版面布局 024
2.3.2 版面布局设计准则 025
2.4 本章小结 025
第3章 Photoshop的基础操作 026
3.1 认识Photoshop图像处理软件 027
3.1.1 认识Photoshop的工作界面 027
3.1.2 工作界面的详细介绍 027
3.2 Photoshop基本操作 029
3.2.1 新建文档 029
3.2.2 打开和置入图像 029
3.2.3 存储图像 030
3.2.4 修改图片尺寸 030
3.2.5 修改画布大小 031
3.2.6 复制和粘贴操作 032
3.2.7 撤销和恢复 032
3.2.8 课堂案例——置入嵌入的对象 033
3.3 Photoshop图层操作 033
3.3.1 新建图层与新建图层组 033
3.3.2 合并与盖印图层 035
3.3.3 图层混合模式 035
3.3.4 图层样式 037
3.3.5 图层蒙版 038
3.3.6 课堂案例—— 制作抵用券 039
3.4 图片的二次构图 040
3.4.1 裁剪工具 040
3.4.2 按固定比例裁剪 040
3.4.3 校正后裁剪 040
3.4.4 透视校正后裁剪 042
3.4.5 课堂案例—— 将图像裁剪为平面图 042
3.5 本章小结 043
3.6 课后习题 043
3.6.1 课后习题—— 置入火龙果图像 043
3.6.2 课后习题—— 裁剪主图 044
第4章 使用Photoshop美化图片 045
4.1 去除图片瑕疵 046
4.1.1 污点修复画笔工具 046
4.1.2 修饰工具 046
4.1.3 用“内容识别”功能修饰图像 046
4.1.4 羽化 047
4.1.5 修饰残缺商品 047
4.1.6 锐化商品图像 048
4.1.7 模糊商品图像 049
4.1.8 减淡工具 049
4.1.9 加深工具 050
4.1.10 液化工具 050
4.1.11 课堂案例—— 去除面部瑕疵 050
4.2 纠正照片偏色问题 051
4.2.1 亮度/对比度 051
4.2.2 色阶 051
4.2.3 曲线 052
4.2.4 色相/饱和度 052
4.2.5 色彩平衡 053
4.2.6 可选颜色 053
4.2.7 曝光度 053
4.2.8 课堂案例—— 处理颜色暗淡的照片 054
4.3 商品图片的抠图处理 054
4.3.1 抠取不规则形状的图像 054
4.3.2 从简单背景中抠图 055
4.3.3 按边缘抠取图像 056
4.3.4 抠取毛发图像 056
4.3.5 抠取光效图像 057
4.3.6 课堂案例—— 制作新鲜果橙主图 058
4.4 本章小结 059
4.5 课后习题 059
4.5.1 课后习题—— 复制商品图像 059
4.5.2 课后习题—— 处理偏暗照片 059
第5章 商品图像的合成与效果制作 061
5.1 投影/倒影的制作方法 062
5.1.1 模糊投影 062
5.1.2 渐变投影 062
5.1.3 扁平化长投影 063
5.1.4 商品正视图的倒影 064
5.1.5 圆柱体商品斜视图的倒影 064
5.1.6 立方体商品斜视图的倒影 065
5.1.7 课堂案例—— 制作女包倒影 065
5.2 图像的合成和特效的制作方法 066
5.2.1 合成“钻出”屏幕效果 066
5.2.2 为商品图像制作绘画效果 067
5.2.3 添加光晕以体现商品协调性 069
5.2.4 添加光线效果 069
5.2.5 课堂案例—— 制作立体商品图 070
5.3 本章小结 072
5.4 课后习题 073
5.4.1 课后习题—— 制作牙刷倒影 073
5.4.2 课后习题—— 制作笔记本宣传图 073
第6章 店铺首页设计 074
6.1 店铺首页制作规范 075
6.1.1 店铺首页内容 075
6.1.2 首页主要元素的摆放位置 075
6.1.3 首页布局介绍 076
6.1.4 课堂案例—— 设计简约的首页布局 077
6.2 店招设计 081
6.2.1 店招的分类 081
6.2.2 店招设计的注意事项 081
6.2.3 店招包括的信息 082
6.2.4 店招的意义 082
6.2.5 课堂案例—— 店招制作 082
6.3 导航条设计 084
6.3.1 导航条介绍 084
6.3.2 导航条的设计要求 084
6.3.3 课堂案例—— 制作小清新导航条 085
6.4 首页海报设计 088
6.4.1 海报的尺寸与格式规范 088
6.4.2 首页海报的设计技巧 089
6.4.3 课堂案例—— 甜品店铺首页海报设计 089
6.5 辅助版块设计 092
6.5.1 收藏区设计 092
6.5.2 客服区设计 092
6.5.3 店铺页尾设计 093
6.5.4 课堂案例—— 制作收藏按钮 093
6.6 本章小结 096
6.7 课后习题 096
6.7.1 课后习题—— 制作早餐食品店铺首页
海报 096
6.7.2 课后习题—— 制作清新店招 096
第7章 宝贝详情页设计 097
7.1 宝贝详情页的布局与分类 098
7.1.1 详情页布局 098
7.1.2 详情页类型 099
7.1.3 课堂案例—— 制作毛绒玩具详情页 100
7.2 详情页的分析与设计技巧 105
7.2.1 详情页模块分析 105
7.2.2 详情页设计技巧 106
7.2.3 课堂案例—— 制作曲奇详情页 108
7.3 本章小结 112
7.4 课后习题 112
7.4.1 课后习题—— 制作零食详情页 112
7.4.2 课后习题—— 制作炒锅详情页 113
第8章 活动图的设计与制作 114
8.1 促销广告设计 115
8.1.1 促销广告的尺寸规范 115
8.1.2 促销广告的设计准则 115
8.1.3 常见促销广告类型 116
8.1.4 课堂案例—— 制作双十二促销广告 117
8.2 直通车推广图设计 120
8.2.1 直通车存在的意义 120
8.2.2 直通车推广图设计技巧 121
8.2.3 课堂案例—— 制作精美手表直通车推
广图 122
8.3 钻展图设计 127
8.3.1 钻展图的含义 127
8.3.2 钻展图设计要求 127
8.3.3 课堂案例——制作沙发钻展图 128
8.4 本章小结 132
8.5 课后习题 132
8.5.1 课后习题—— 制作坚果食品直通车推
广图 132
8.5.2 课后习题—— 制作情人节鲜花钻展图 132
第9章 手机端电商店铺视觉设计 133
9.1 手机端电商店铺 134
9.1.1 手机端电商店铺与PC端电商店铺的区别 134
9.1.2 手机端电商店铺设计规范 135
9.1.3 课堂案例——手机端女包店铺布局设计 136
9.2 手机端电商店铺首页装修 140
9.2.1 首页装修技巧 140
9.2.2 店招 140
9.2.3 焦点图 140
9.2.4 优惠券 140
9.2.5 活动区 140
9.2.6 分类区 141
9.2.7 商品展示区 141
9.2.8 课堂案例—— 制作手机端时尚家具
店铺首页 141
9.3 手机端电商店铺详情页装修 144
9.3.1 详情页设计规范 144
9.3.2 产品描述要素 145
9.3.3 课堂案例—— 制作手机端大米详情页 146
9.4 本章小结 151
9.5 课后习题 151
9.5.1 课后习题—— 制作手机端家具店铺首页 151
9.5.2 课后习题—— 制作手机端年货详情页 152
第 10章 图片的切片与优化 153
10.1 图片的切片 154
10.1.1 切片工具 154
10.1.2 切片的作用与技巧 154
10.1.3 切片的方法 155
10.1.4 课堂案例—— 切割护肤品店铺首页 155
10.2 图片的优化与保存 158
10.2.1 图片的优化 158
10.2.2 图片的保存 159
10.2.3 课堂案例—— 优化与保存收纳用品
店铺首页局部图片 159
10.3 本章小结 161
10.4 课后习题 161
10.4.1 课后习题—— 切割数码产品店铺首页 161
10.4.2 课后习题—— 切割并优化烘焙食品
店铺首页商品展示区图片 162
第 11章 商业案例实训 164
11.1 钻展图设计 165
11.1.1 课堂案例—— 制作手表钻展图 165
11.1.2 课堂练习—— 制作蜂蜜钻展图 171
11.1.3 课后习题—— 制作手机端钻展海报 171
11.2 首页设计 172
11.2.1 课堂案例—— 制作家用电器店铺首页 172
11.2.2 课堂练习—— 制作烤箱店铺首页 185
11.2.3 课后习题—— 制作秋季上新的护肤品
店铺首页 186
11.3 详情页设计 186
11.3.1 课堂案例—— 大闸蟹详情页 186
11.3.2 课堂练习—— 制作橙子详情页 195
11.3.3 课后习题—— 制作炖汤药材详情页 196
11.4 本章小结 196