《淘宝美工》教案

教案系部名称：专业班级：科目：Photoshop平面设计与美工教师姓名：二〇一八年下学期课次：1学科淘宝美工执行记录日期9.139.18星期四二检查签字班级节次1-21-2课题Photoshop淘宝网店装修入门课的类型理论课教学目的了解淘宝美工职业，懂得淘宝美工怎样处理优化图片，怎样给图片配精准的文案。教学重点1.什么是淘宝美工。2.美工文案策划。教学难点1.为什么要做文案。2.详情页文案布局。主要教学方法讲授法教具挂图教学环节时间分配1.组织教学时间1分钟4.讲授新课时间65分钟2.复习导入时间4分钟5.归纳小结时间8分钟3.作业布置时间2分钟6.操作练习时间0分钟板书设计教后记学生已经学习过半年PS，对软件得心应手，只是不太懂得淘宝美工基本职责。希望通过以后的学习，能独立完成淘宝首页，详情页制作。教学过程一、组织教学：1)清点人数。2)强调纪律与卫生。3)激发学生学习兴趣。二、导入：淘宝美工随着淘宝的发展而产生，它和传统的美工有着很大的区别。三、讲授新课：1.淘宝美工的定义：美工一般是指对平面、色彩、构图和创意等进行处理的职业,传统的美工指平面美工和网页美工等。而淘宝美工是随着淘宝发展而新生的职业,主要的工作是对淘宝网店商品品、页面和广告进行美化,在给消费者更好的视觉体验的同时,达到引导销售和提高销售额的目的。2.美工必备知识：1)图像分辨率：图像分辨率是指图像中存储的信息量，通常情况下,图像的分率越高,成像尺寸越大,图像就越清晰。2)文件格式：a)JPEGb)Pngc)Gifd)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.209.25星期四二检查签字班级节次1-21-2课题视觉：网店旺铺营销设计搭配—色彩课的类型实训课教学目的由于拍摄光线和设备等外在因素的影响，多数非专业摄影师拍出的照片与实际商品有偏差，这时就需要将拍摄的商品照进行亮度调整。教学重点3.使用“色阶”调整。4.使用“曲线”调整。5.处理偏色照片。教学难点3.使用“色阶”调整。4.使用“曲线”调整。主要教学方法讲授法、任务驱动法教具挂图教学环节时间分配1.组织教学时间1分钟4.讲授新课时间20分钟2.复习导入时间4分钟5.归纳小结时间4分钟3.作业布置时间1分钟6.操作练习时间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.2710.9星期四二检查签字班级节次1-21-2课题淘宝图片污点处理课的类型实训课教学目的无论是自己拍的照片，还是网络上的图片，都会遇见污点情况。所以通过本堂课的学习，我们要知道怎样去处理图片上的污点。教学重点6.内容识别填充。7.污点修复画笔。8.仿制图章工具。教学难点5.内容识别填充。6.污点修复画笔。7.仿制图章工具。主要教学方法讲授法、任务驱动法教具挂图教学环节时间分配1.组织教学时间1分钟4.讲授新课时间20分钟2.复习导入时间4分钟5.归纳小结时间4分钟3.作业布置时间1分钟6.操作练习时间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.1110.16星期四二检查签字班级节次1-21-2课题抠图技巧与场景合成课的类型实训课教学目的将需要的主体从背景中抠出来，对于不同的照片可以选择不同的抠图技巧。教学重点9.规则形状抠图。10.简单背景抠图。11.图层关系背景替换。教学难点1.复杂图形抠图。2.图层关系背景替换。主要教学方法讲授法、任务驱动法教具挂图教学环节时间分配1.组织教学时间1分钟4.讲授新课时间20分钟2.复习导入时间4分钟5.归纳小结时间4分钟3.作业布置时间1分钟6.操作练习时间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.1810.23星期四二检查签字班级节次1-21-2课题Photoshop复杂抠图课的类型实训课教学目的将需要的主体从背景中抠出来，对于不同的照片可以选择不同的抠图技巧。教学重点利用通道+色阶抠图的过程与方法。教学难点理解通道抠图的原理主要教学方法讲授法、任务驱动法教具挂图教学环节时间分配1.组织教学时间1分钟4.讲