Photoshop电商美工设计实用教程

第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 色阶 052
4．2．3 曲线 052
4．2．4 色相/饱和度 053
4．2．5 色彩平衡 053
4．2．6 可选颜色 053
4．2．7 曝光度 054
4．2．8 课堂案例—— 处理颜色暗淡的照片 054
4．3 商品图片的抠图处理 055
4．3．1 抠取不规则形状的图像 055
4．3．2 从简单背景中抠图 056
4．3．3 按边缘抠取图像 057
4．3．4 抠取毛发图像 057
4．3．5 抠取光效图像 059
4．3．6 课堂案例—— 制作新鲜果橙主图 059
4．4 本章小结 060
4．5 课后习题 060
4．5．1 课后习题—— 复制商品图像 060
4．5．2 课后习题—— 处理偏暗照片 061

第5章 商品图像的合成与效果制作 062
5．1 投影/倒影的制作方法 063
5．1．1 模糊投影 063
5．1．2 渐变投影 064
5．1．3 扁平化长投影 065
5．1．4 商品正视图的倒影 066
5．1．5 圆柱体商品斜视图的倒影 067
5．1．6 立方体商品斜视图的倒影 068
5．1．7 课堂案例—— 制作女包倒影 069
5．2 图像的合成和特效的制作方法 070
5．2．1 合成“钻出”屏幕效果 070
5．2．2 为商品图像制作绘画效果 071
5．2．3 添加光晕以体现商品协调性 073
5．2．4 添加光线效果 074
5．2．5 课堂案例—— 制作立体商品图 075
5．3 本章小结 077
5．4 课后习题 078
5．4．1 课后习题—— 制作牙刷倒影 078
5．4．2 课后习题—— 制作笔记本宣传图 078

第6章 店铺首页设计 079
6．1 店铺首页制作规范 080
6．1．1 店铺首页内容 080
6．1．2 首页主要元素的摆放位置 080
6．1．3 首页布局介绍 081
6．1．4 课堂案例—— 设计简约的首页布局 082
6．2 店招设计 086
6．2．1 店招的分类 086
6．2．2 店招设计的注意事项 086
6．2．3 店招包括的信息 087
6．2．4 店招的意义 087
6．2．5 课堂案例—— 店招制作 087
6．3 导航条设计 089
6．3．1 导航条介绍 089
6．3．2 导航条的设计要求 089
6．3．3 课堂案例—— 制作小清新导航条 090
6．4 首页海报设计 093
6．4．1 海报的尺寸与格式规范 093
6．4．2 首页海报的设计技巧 094
6．4．3 课堂案例—— 甜品店铺首页海报设计 094
6．5 辅助板块设计 097
6．5．1 收藏区设计 097
6．5．2 客服区设计 097
6．5．3 店铺页尾设计 098
6．5．4 课堂案例—— 制作收藏按钮 098
6．6 本章小结 101
6．7 课后习题 101
6．7．1 课后习题—— 制作早餐食品店铺首页
海报 101
6．7．2 课后习题—— 制作清新店招 101

第7章 宝贝详情页设计 102
7．1 宝贝详情页的布局与分类 103
7．1．1 详情页布局 103
7．1．2 详情页类型 104
7．1．3 课堂案例—— 制作毛绒玩具详情页 105
7．2 详情页的分析与设计技巧 111
7．2．1 详情页模块分析 111
7．2．2 详情页设计技巧 112
7．2．3 课堂案例—— 制作曲奇详情页 114
7．3 本章小结 118
7．4 课后习题 119
7．4．1 课后习题—— 制作零食详情页 119
7．4．2 课后习题—— 制作炒锅详情页 120
第8章 活动图的设计与制作 121
8．1 促销广告设计 122
8．1．1 促销广告的尺寸规范 122
8．1．2 促销广告的设计准则 122
8．1．3 常见促销广告类型 123
8．1．4 课堂案例—— 制作双十二促销广告 124
8．2 直通车推广图设计 127
8．2．1 直通车存在的意义 127
8．2．2 直通车推广图设计技巧 128
8．2．3 课堂案例—— 制作精美手表直通车推
广图 129
8．3 钻展图设计 134
8．3．1 钻展图的含义 134
8．3．2 钻展图设计要求 134
8．3．3 课堂案例—— 制作沙发钻展图 135
8．4 本章小结 139
8．5 课后习题 139
8．5．1 课后习题—— 制作坚果食品直通车推
广图 139
8．5．2 课后习题—— 制作情人节鲜花钻展图 140
第9章 手机端电商店铺视觉设计 141
9．1 手机端电商店铺 142
9．1．1 手机端电商店铺与PC端电商店铺的区别 142
9．1．2 手机端电商店铺设计规范 143
9．1．3 课堂案例—— 手机端女包店铺布局设计 144
9．2 手机端电商店铺首页装修 149
9．2．1 首页装修技巧 149
9．2．2 店招 150
9．2．3 焦点图 150
9．2．4 优惠券 150
9．2．5 活动区 150
9．2．6 分类区 150
9．2．7 商品展示区 151
9．2．8 课堂案例—— 制作手机端时尚家具店铺
首页 151
9．3 手机端电商店铺详情页装修 156
9．3．1 详情页设计规范 156
9．3．2 产品描述要素 156
9．3．3 课堂案例—— 制作手机端大米详情页 158
9．4 本章小结 163
9．5 课后习题 163
9．5．1 课后习题—— 制作手机端家具店铺首页 163
9．5．2 课后习题—— 制作手机端年货详情页 164
第10章 图片的切片与优化 165
10．1 图片的切片 166
10．1．1 切片工具 166
10．1．2 切片的作用与技巧 166
10．1．3 切片的方法 167
10．1．4 课堂案例—— 切割护肤品店铺首页 167
10．2 图片的优化与保存 170
10．2．1 图片的优化 170
10．2．2 图片的保存 171
10．2．3 课堂案例—— 优化与保存收纳用品店
铺首页局部图片 171
10．3 本章小结 173
10．4 课后习题 173
10．4．1 课后习题—— 切割数码产品店铺首页 173
10．4．2 课后习题—— 切割并优化烘焙食品
店铺首页商品展示区图片 174
第11章 商业案例实训 176
11．1 钻展图设计 177
11．1．1 课堂案例—— 制作手表钻展图 177
11．1．2 课堂练习—— 制作蜂蜜钻展图 186
11．1．3 课后习题—— 制作手机端钻展海报 186
11．2 首页设计 187
11．2．1 课堂案例—— 制作家用电器店铺首页 187
11．2．2 课堂练习—— 制作烤箱店铺首页 200
11．2．3 课后习题—— 制作秋季上新的护肤品
店铺首页 201
11．3 详情页设计 201
11．3．1 课堂案例—— 大闸蟹详情页 201
11．3．2 课堂练习—— 制作橙子详情页 211
11．3．3 课后习题—— 制作炖汤药材详情页 212
11．4 本章小结 212