《淘宝美工》教案

教案系部名称：专业班级：科目：Photoshop平面设计与美工教师姓名：二〇一八年下学期教学过程一、组织教学：1)清点人数。

2)强调纪律与卫生。

3)激发学生学习兴趣。

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

三、讲授新课：1.淘宝美工的定义：美工一般是指对平面、色彩、构图和创意等进行处理的职业,传统的美工指平面美工和网页美工等。

而淘宝美工是随着淘宝发展而新生的职业,主要的工作是对淘宝网店商品品、页面和广告进行美化,在给消费者更好的视觉体验的同时,达到引导销售和提高销售额的目的。

2.美工必备知识：1)图像分辨率：图像分辨率是指图像中存储的信息量，通常情况下,图像的分率越高,成像尺寸越大,图像就越清晰。

2)文件格式：a)J PEGb)P ngc)G ifd)Web格式3)软件知识：淘宝美工必须掌握一些设计类的软件a)图像编辑软件b)网页编辑软件c)视频编辑软件4)淘宝网店组成认识：淘宝网店要是由店铺首页、店铺列表页和店铺详情页等多个页面组成。

*店铺首页模块：教学过程一、组织教学：4)清点人数。

5)强调纪律与卫生。

6)激发学生学习兴趣。

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

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

2)使用“曲线”调整：“曲线”也是常用的调整亮度的方法之一【图像】—【调整曲线】，输入曲线值。

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

教学过程【亮度】—【对比度】，调整参数。

2.处理色彩暗淡照片：当拍提出的图像颜色过于暗淡,与实际不符时,就要将其调整到更自然的颜色。

【图层】—【色相/饱和度】3.处理偏色的图片：a)使用“自动颜色”校正：使用“自动颜色”命令能自动校正偏色照片。

执行【图像】—【自动颜色】命令b)使用“曲线”校正：对于偏蓝、红、绿的照片可以使用“曲线”命令校正。

执行【图像】—【调整】—【曲线】命令教学过程i.使用“色阶”校正：i.“色阶”命令根据RGB通道的分布来分析哪个通道需要校正。

ii.【图层】-【通道】。

iii.调整滑块值来达到效果。

四、多媒体演示与指导：a)集体演示、讲解。

b)个别演示、补充讲解。

c)巡回指导、逐个讲解。

课堂实例练习一、完成铅笔图像调整：归纳小结1.色阶调整图片。

2.曲线调整图片。

3.通道调整图片。

教学过程一、组织教学：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.仿制图章工具去除污点方法。

教学过程一、组织教学：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.纪律卫生情况总结教学过程一、组织教学：13)清点人数。

14)强调纪律与卫生。

15)激发学生学习兴趣。

二、复习导入：复习：1、规则形状抠图。

2、简单背景抠图。

3、图层关系背景替换三、讲授新课：（讲解法、提问法、示范法、练习法）1、利用通道抠图的原理：2、演示讲解利用通道抠卷发美女的过程3、利用通道抠图的方法：（1）选出黑白对比度最高的灰度通道，复制该通道的副本。

（2）在该通道副本中，用画笔工具将需要选定抠出的部分涂成白色，不需要选择的部分涂成黑色。

注意：黑白交织在一起的部分不用涂。

（3）利用色阶调高黑白对比度，来处理黑白交织处的灰色图像，使黑色像素更黑，白色像素更白，黑白分界线就变得更清楚。

“图像”→“调整”→“色阶”（4）用Ctrl+单击通道副本的缩览图，载入白色选区（即选出白色图像部分）。

（5）显示并选择RGB通道，回到图层调板中，即可处理选区中选出的部分图像。

注意：若图像是散开的（如冰块），黑白交织在一起，分不出黑白分界处，就不用涂黑白色，直接调色阶即可。

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

四、学生作品评价灰度通道中白色图像代表选择区域黑色图像代表非选择区域灰色图像代表有羽化效果的选区（模糊区域）课堂实例练习1、继续完善自己的个性相册。

2、P250实现案例——使用通道制作幻想海报归纳小结本次教学同时存在着一些不足的地方。

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

这些问题都是我需要在不断的总结和改进中不断改善和进步的。

完成效果素材准备。