文档文库
手机版
投诉建议
热门搜索： 心得体会 演讲稿 思想汇报
首页 > 《淘宝美工》教案

《淘宝美工》教案

发布时间：   来源：文档文库   
小 中 大
字号：
手机查看



教 案



系部名称： 专业班级： 科 目： Photoshop平面设计与美工 教师姓名：



二〇一八年下学期




课次：1 学科
淘宝美工 检查签字

日期 9.13 四
1-2 9.18 二
1-2 课的类型


理论课
执行记录星期 班级 节次

课题 Photoshop淘宝网店装修入门
了解淘宝美工职业，懂得淘宝美工怎样处理优化图片，怎样给图片配精准的教学目的 文案。
1. 什么是淘宝美工。 教学重点 2. 美工文案策划。 教学难点 主要 教学 方法 教具挂图 教学 环节 时间 分配
1.组织教学时间 2.复习导入时间 3.作业布置时间
1分钟 4分钟 2分钟
1. 为什么要做文案。 2. 详情页文案布局。
讲授法

4.讲授新课时间 5.归纳小结时间 6.操作练习时间
65分钟 8分钟 0分钟


板书设计


学生已经学习过半年PS，对软件得心应手，只是不太懂得淘宝美工基本教后记 职责。希望通过以后的学习，能独立完成淘宝首页，详情页制作。



教学过程一、组织教学：
1 清点人数。
2 强调纪律与卫生。 3 激发学生学习兴趣。

二、导入：
淘宝美工随着淘宝的发展而产生，它和传统的美工有着很大的区别。

三、讲授新课：
1.淘宝美工的定义：
美工一般是指对平面、色彩、构图和创意等进行处理的职业,传统的美工指平面美工和网页美工等。而淘宝美工是随着淘宝发展而新生的职业,主要的工作是对淘宝网店商品品、页面和广告进行美化,在给消费者更好的视觉体验的同时,达到引导销售和提高销售额的目的。
2.美工必备知识： 1 图像分辨率：
图像分辨率是指图像中存储的信息量，通常情况下,图像的分率越高,成像尺寸越大,图像就越清晰。
2 文件格式：
a JPEG b Png c Gif d Web格式 3 软件知识：
淘宝美工必须掌握一些设计类的软件 a 图像编辑软件 b 网页编辑软件 c 视频编辑软件 4 淘宝网店组成认识：
淘宝网店要是由店铺首页、店铺列表页和店铺详情页等多个页面组成。 *店铺首页模块：





教学过程
5 了解网店装修流程：
a 风格规划 b 素材准备 c 图片/视频美化处理 d 切片并生成代码 e 上传到图片空间 f 添加热点或链接 g 装修到店铺

6 了解网店配色：
色彩搭配是树立同店形象的关键 a 主色 b 辅助色 c 点缀色

3.美工文案策划：
1 为什么要做文案：
a 图文并茂，突出卖点 b 有效精准地抓住买家 c 增加品牌力度

2 文案的前期准备：
a 了解产品信息 b 了解同行信息 c 商品图准备

3 文案怎么写：
a 文案的受众 b 文案的目标 c 文案的主题 d 文案的视觉表现

4、哪里需要文案：
文案是展示产品特点和卖点的主要途径,在淘宝不同的图上,需要不同的文案。 1 店内页面 2 店外促销广告

5、店内文案布局：
1 首页文案布局 a 页头。 b 页中。 c 页尾。



教学过程2 详情页文案布局
a 留住卖家。 b 提升兴趣。 c 刺激欲望。 d 消除顾虑。

3 活动文案
a 节日 b 淘宝活动
c 店铺活动与促销 4）店铺文案
a 卖点文案 b 痛点营销文案 c 活动促销文案

四、多媒体演示与指导： a 集体演示、讲解。 b 个别演示、补充讲解。 c 巡回指导、逐个讲解。


归纳小结

店铺首页模块组成。 美工怎样写文案。


课次：2 学科
淘宝美工 检查签字

日期 9.20 四
1-2 9.25 二
1-2 课的类型


实训课
执行记录星期 班级 节次

课题 视觉：网店旺铺营销设计搭配—色彩
由于拍摄光线和设备等外在因素的影响，多数非专业摄影师拍出的照片教学目的 与实际商品有偏差，这时就需要将拍摄的商品照进行亮度调整。 3. 使用“色阶”调整。 教学重点 4. 使用“曲线”调整。
5. 处理偏色照片。 教学难点 主要 教学 方法 教具挂图 教学 环节 时间 分配

板书设计
1.组织教学时间 2.复习导入时间 3.作业布置时间

3. 使用“色阶”调整。 4. 使用“曲线”调整。


讲授法、任务驱动法

1分钟 4分钟 1分钟
4.讲授新课时间 5.归纳小结时间 6.操作练习时间
20分钟 4分钟 60分钟
教后记





一、组织教学：
4 清点人数。
5 强调纪律与卫生。 6 激发学生学习兴趣。

二、复习导入：
复习：
提问一：店铺首页的模块？ 提问二：淘宝网店组成？ 导入：
通过几张图片对比来引入商品图调色处理。

三、讲授新课：
1. 处理偏暗的图片：
1 使用“色阶”调整：
在“色阶”中能很好地看出阴影、中间和光的分布情况,这是对图像亮度调整的一个常用方法：
教学过程

【图层】-【色阶】，调整色阶值。 2 使用“曲线”调整：
“曲线”也是常用的调整亮度的方法之一

【图像】—【调整曲线】，输入曲线值。

3 使用“亮度和对比度”调整：
对于整体灰度,颜色明暗不明量的图像,使用“亮度/对比度”调整是最好的方法。




【亮度】—【对比度】，调整参数。 2. 处理色彩暗淡照片：
当拍提出的图像颜色过于暗淡,与实际不符时,就要将其调整到更自然的颜色。
教学过程 【图层】—【色相/饱和度】

3.处理偏色的图片：
a 使用“自动颜色”校正：
使用“自动颜色”命令能自动校正偏色照片。


执行【图像】—【自动颜色】命令

b 使用“曲线”校正：
对于偏蓝、红、绿的照片可以使用“曲线”命令校正。

执行【图像】—【调整】—【曲线】命令



i.
使用“色阶”校正：
i. “色阶”命令根据RGB通道的分布来分析哪个通道需要校正。 ii. 【图层】-【通道】。 iii. 调整滑块值来达到效果。
教学过程

四、多媒体演示与指导： a 集体演示、讲解。 b 个别演示、补充讲解。 c 巡回指导、逐个讲解。

一、完成铅笔图像调整：
课堂实例练习




1. 色阶调整图片。 2. 曲线调整图片。 3. 通道调整图片。


归纳小结



课次：3 学科
淘宝美工 检查签字

日期 9.27 四
1-2 10.9 二
1-2 课的类型


实训课
执行记录星期 班级 节次

课题 淘宝图片污点处理
无论是自己拍的照片，还是网络上的图片，都会遇见污点情况。所以通过教学目的 本堂课的学习，我们要知道怎样去处理图片上的污点。 6. 内容识别填充。 教学重点 7. 污点修复画笔。
8. 仿制图章工具。 教学难点 主要 教学 方法 教具挂图 教学 环节 时间 分配

板书设计
1.组织教学时间 2.复习导入时间 3.作业布置时间

5. 内容识别填充。 6. 污点修复画笔。 7. 仿制图章工具。

讲授法、任务驱动法

1分钟 4分钟 1分钟
4.讲授新课时间 5.归纳小结时间 6.操作练习时间
20分钟 4分钟 60分钟
教后记

去除污点是淘宝美工必备基本功，所以每个学生必须掌握。



一、组织教学：
7 清点人数。
8 强调纪律与卫生。 9 激发学生学习兴趣。

二、复习导入：
复习：
提问一：什么情况下应该用曲线调整图片？ 提问二：什么情况下应该用通道调整图片？ 导入：
通过处理污点后的照片与没有处理的照片作对比，来引入今天所学的课程。

三、讲授新课： 3. 内容识别：
内容识别填充是很便捷的一种图像修复方法,程序会根据选择的区域周围的图像对选区进行识别填充。
教学过程
修复前后效果对比
步骤：
4 使用矩形选框工具，框选出需要修复的区域。 5 【填充】—【内容识别】—【确定】。 6 完成内容填充图层，得到修复图像。

4. 污点画笔修复工具：
使用污点修复面笔工具可以修简单的污点。
修复前后效果对比





步骤：
1 使用工具箱中的污点修复画笔工具。 2 按键盘上的中括号【 】调整画笔大小。 3 在需要修复的文字上,单击并拖动鼠标。 4 释放鼠标可修复图像

3.仿制图章工具：
仿制图章工具是最常用的修复图像工具。

修复前后效果对比
步骤：
1 打开图片素材。
2 使用工具箱中的仿制图章工具。
3 按Alt键并在文字周围的图像上单击鼠标取样。 4 取样后在文字上单击。
5 依次在周围取样并进行修复。

四、多媒体演示与指导： 1 集体演示、讲解。 2 个别演示、补充讲解。 3 巡回指导、逐个讲解。

教学过程

一、 将下列图片水印去除。
课堂巩固训练

1. 将海报上所有文字去除：
课后巩固训练

归纳小结
4. 内容识别方法。 5. 污点画笔修复方法。
6. 仿制图章工具去除污点方法。





课次：4 学科
淘宝美工 检查签字

日期 10.11 四
1-2 10.16 二
1-2 课的类型


实训课
执行记录星期 班级 节次

课题 抠图技巧与场景合成


教学目的 将需要的主体从背景中抠出来，对于不同的照片可以选择不同的抠图技巧。 9. 规则形状抠图。 教学重点 10. 简单背景抠图。
11. 图层关系背景替换。 教学难点 主要 教学 方法 教具挂图 教学 环节 时间 分配

板书设计
1.组织教学时间 2.复习导入时间 3.作业布置时间

1. 复杂图形抠图。 2. 图层关系背景替换。

讲授法、任务驱动法

1分钟 4分钟 1分钟
4.讲授新课时间 5.归纳小结时间 6.操作练习时间
20分钟 4分钟 60分钟
教后记

抠图对于美工来说是基本功，图片制作是否精美，最基础的就是抠图，大部分学生对于简单的抠图还是能做很好，对于复杂图形抠图还是有点问题。


教学过程一、组织教学：
10 清点人数。
11 强调纪律与卫生。 12 激发学生学习兴趣。

二、复习导入：
复习：
提问一：logo设计制作要点？ 提问二：店标设计制作要点？ 导入：
对于不同海报的处理，不仅仅需要背景，还需要主题物，这时就需要我们把主体物抠出来，对于不同的图片，可以选择不同的抠图技巧。

三、讲授新课：（讲解法、提问法、示范法、练习法） 5. 规则形状抠图：
对规则的形状，如矩形、圆形和多边形等图形可以使用相应的工具抠图。 步骤：（多边套索工具）
(1 启动 photoshop，打开素材图片。
(2
使用工具箱中的多边形套索工具，沿着产品边缘单击鼠标，闭合路径后，自动添加选区。
(3 按Ctrl+j组合键将选区的图片复制到新的图层，隐藏背景层。




6. 简单背景抠图：（魔法棒工具）
使用魔棒工具能去除较为简单的背景，如纯色和相近色的背景。 步骤：
(1 启动 Photoshop，执行“文件”—“打开”命令，打开素材图片。
(2 按Ctrl＋J组合键复制背景图层，使用工具箱中的魔棒工具，选项栏中设置容差为30。在背景图片上单击鼠标，载入选区。
(3 按Shift键加选，或在选项栏中单击“添加到选区”按钮。在图像的背景上继续单击鼠标，将所有的背景载入选区。
(4 按Ctrl＋Shift+I组台键将选区反向，在图像上单击鼠标右键，执行“调整边缘”命令。
(5 在弹出的“调整边绿”对话框中设置“平滑”参数，并设置输出到“新建图层”,
单击“确定”按钮图像即被抠出，且保存到新建的图层中。



7. 复杂图形抠图：（钢笔工具）
对于背景比较复杂，主体与背景颜色不分明的图像则需要使用钢笔工具进行抠取。 步骤：
(1 启动 Photoshop执行“文件”“打开”命令，打开素材图片。 (2 按Ctrl＋J组合键复制背景图层，使用工具箱中的钢笔工具。
(3 在人物周围依次单击并拖动鼠标，创建路径，起点与终点结合即完成路径绘制。 (4 按Ctrl＋Enter组合键将路径载入选区。
* 创建路径时，住Ctrl键可以移动锚点，按Alt键并单击锚点可以将方向线收起。 * 在绘制过程中，按Ctrl键在路径以外的任意地方单击也可完成绘制。
(5
使用矩形选框工具，在选区上单击鼠标右键，执行“调整边缘”命令。打开“调整边缘”对话框，设置平滑参数，并设置输出到新建图层，人物被抠出。此时的图像颜色偏暗，需要调亮。
(6 在“图层”面板下方单击“创建新的填充或调整图层”按钮，选择“亮度/对比度”调整参数设置。
(7 由于受原背景的影响，人物头顶颜色偏黑，需要处理。
(8
在工具箱中长按污点修复画笔工具，在展开的工具组中选择修补工具，将人物头顶的区域选中并向下拖动到附近的图像上。 (9 图像进行识别并修补。 (10 用同样方法抠取，并调整其它人物。


8. 毛发抠图：（调整边缘）
当拍摄模特、毛绒玩具等图像需要替换背景时，往往需要抠出毛发。 步骤：
(1 启动 Photoshop执行“文件”“打开”命令，打开素材图片。




(2 使用魔棒工具在背景上单击，选择选区。按Ctrl+Shift+I组合件反向选择，选择“调整边缘”，观察人物头发，设置“调整半径工具”，在图像的头发周围涂抹。 (3 涂抹完成后，设置输出到“新建图层”。
教学过程


5、图层关系替换背景：
部分情况下，使用图层之间的混合关系可以不用抠图就能替换背景。


课堂实例练习归纳小结



打开“素材/2.5.1”文件，根据上面所学的知识，完成场景合成图。



1. 知识点总结
2. 任务完成情况总结 3. 纪律卫生情况总结


课次：5 学科
淘宝美工 检查签字

日期 10.18 四
1-2 10.23 二
1-2 课的类型


实训课
执行记录星期 班级 节次

课题 Photoshop复杂抠图


教学目的 将需要的主体从背景中抠出来，对于不同的照片可以选择不同的抠图技巧。

教学重点 利用通道+色阶抠图的过程与方法。 教学难点 主要 教学 方法 教具挂图 教学 环节 时间 分配

板书设计
1.组织教学时间 2.复习导入时间 3.作业布置时间


理解通道抠图的原理

讲授法、任务驱动法

1分钟 4分钟 1分钟
4.讲授新课时间 5.归纳小结时间 6.操作练习时间
20分钟 4分钟 60分钟
教后记

在教师的指导下，学生亲身体验自主探究、设计创作的乐趣，激发学生积极参与图像作品创作的态度，培养学生创新能力。


一、组织教学：
13 清点人数。
14 强调纪律与卫生。 15 激发学生学习兴趣。

二、复习导入：
复习：
1、规则形状抠图。 2、简单背景抠图。 3、图层关系背景替换 三、讲授新课：（讲解法、提问法、示范法、练习法） 1、利用通道抠图的原理：
代表选择区域 白色图像

灰度通道中 代表非选择区域 黑色图像

灰色图像
代表有羽化效果的选区 （模糊区域）
2、演示讲解利用通道抠卷发美女的过程 3、利用通道抠图的方法：
教学过程（1）选出黑白对比度最高的灰度通道，复制该通道的副本。
（2）在该通道副本中，用画笔工具将需要选定抠出的部分涂成白色，不需要选择的部分涂成黑色。注意：黑白交织在一起的部分不用涂。 （3）利用色阶调高黑白对比度，来处理黑白交织处的灰色图像，使黑色像素更黑，白色像素更白，黑白分界线就变得更清楚。 “图像”→“调整”→“色阶”
（4）用Ctrl+单击通道副本的缩览图，载入白色选区（即选出白色图像部分）。 （5）显示并选择RGB通道，回到图层调板中，即可处理选区中选出的部分图像。 注意：若图像是散开的（如冰块），黑白交织在一起，分不出黑白分界处，就不用涂黑白色，直接调色阶即可。

三、学生实践操作
学生根据老师的讲解与导学案的提示，抠出卷发美女，并合成新图。

四、学生作品评价


学生上传作品保存到共享文件夹中，教师引导学生自我评价，教师点评，选出优秀作品。 五、学生自主设计
制作一份自己的个性相册
学生从自备的生活照片中抠出自己，并通过互联网了解个性相册的设计情况，查找素材，或利用老师提供的背景相框图素材，自主设计制作个人的个性相册。


六、学生作品评价
学生上传作品保存在共享文件夹中，教师展示学生设计制作的个性相册，引导学生自我评价，教师点评，并选出优秀作品。
六、学生作品评价
学生上传作品保存在共享文件夹中，教师展示学生设计制作的个性相册，引导学生自我评价，教师点评，并选出优秀作品。

七、课堂小结
1、利用通道抠图的原理：

代表选择区域 白色图像

灰度通道中 黑色图像 代表非选择区域

代表有羽化效果的选区 灰色图像

（模糊区域）

2、利用通道抠图的方法：
（1）选出黑白对比度最高的灰度通道，复制该通道的副本。
（2）在该通道副本中，用画笔工具将需要选定抠出的部分涂成白色，不需要选择的部分涂成黑色。注意：黑白交织在一起的部分不用涂。
（3）利用色阶调高黑白对比度，来处理黑白交织处的灰色图像，使黑色像素更黑，白色像素更白，黑白分界线就变得更清楚。 “图像”→“调整”→“色阶”
（4）用Ctrl+单击通道副本的缩览图，载入白色选区（即抠出白色图像部分）。 （5）显示并选择RGB通道，回到图层调板中，即可处理选区中抠出的图像。 注意：若图像是散开的（如冰块），黑白交织在一起，分不出黑白分界处，就不用涂黑白色，直接调色阶即可。


课堂实例练习1、继续完善自己的个性相册。
2、P250实现案例——使用通道制作幻想海报



素材准备







完成效果
归纳小结


本次教学同时存在着一些不足的地方。首先在教学案例中，过分注重通道原理的讲解和PS技术性操作，对于作品创造性没有做出很好的要求，导致学生在自主创作时优秀率不高，作品出彩的地方不多；其次，学生自我评价阶段不能很好地进行技术性点评，只停留在基本的直观感受阶段。这些问题都是我需要在不断的总结和改进中不断改善和进步的。


本文来源：https://www.2haoxitong.net/k/doc/4f628852760bf78a6529647d27284b73f24236a1.html

《《淘宝美工》教案.doc》
将本文的Word文档下载到电脑，方便收藏和打印
推荐度：
点击下载文档

文档为doc格式
相
关
案
例

相关推荐

推荐内容

关于内科年度工作总结3篇 市场个人述职报告合集10篇 MSK调制与解调要点 空乘服务礼仪 向“非粮化”说不 msk调制 抗击疫情先进事迹材料 青年志愿者抗击疫情先进事迹材料 中国经济不平衡不充分发展的表现、原因及对策 首都经贸大学行管考研复试分数线历年真题复试考试内容招生人数参考书解析-育明考研 幼儿园食堂人员考试及答案【可编辑范本】
网站内容来自网络，如有侵权请联系我们，立即删除！ Copyright © 范文写作网京ICP备16605803号