photoshop 图形图像处理 项目7教学设计电子教案高教版.docx

课题项目7 制作网店店招图层、蒙版与通道应用课程类型讲授课授课学时20学时教学目标知识目标1. 知道淘宝店招的尺寸及要求；2. 了解图层样式的操作方法；3. 知道什么是图层蒙版、剪切蒙版；4. 知道什么是通道。技能目标1. 学会图层样式的应用；2. 学会图层蒙版、剪切蒙版的应用；3. 学会通道的应用。情感目标1. 培养耐心细致的工作态度。2. 培养良好的审美观和艺术欣赏能力。教学重点1. 使用图层样式修饰图像；2. 使用图层蒙版合成图像；3. 使用剪切蒙版制作图像；4. 学会使用通道进行抠图。教学难点1. 图层蒙版的应用；2. 通道抠图的应用。教学资源教学PPT、图片等资源。教学方法讲授法、任务驱动法、项目教学法、自主探究法、小组讨论法等教学过程教学环节教学过程设计意图课程导入Ø 店招，是一个店铺的招牌。网店店招是展示在店铺首页的最上方长条形的区域。店招是店铺给顾客的第一印象，好的店招不仅能吸引顾客的眼球，带来订单，同时也能起到品牌宣传的作用。本项目的主要任务是学习图层样式、蒙版及通道的知识，运用图层、蒙版与通道，制作出不同产品类型的网店店招。Ø 从店招的特点、作用等引入本课学习。讲授新知Ø 本项目的主要任务是：运用图层样式修饰店招导航和标签；运用图层蒙版合成店招背景；运用剪切蒙版制作店招产品图片；运用通道对产品图片进行抠图。Ø 老师通过教学平台提前发布PPT给学生自主学习；课堂上老师进行讲授和演示；通过项目式学习,让同学们掌握图层样式的使用，利用蒙版、通道，制作“书店”、“茶叶店”、“零食店”、“宠物店”等店铺的店招。Ø 1.前置学习任务，让学生带着知识储备进课室，提高课堂效率。Ø 2.老师讲授和演示，引出课程难点。Ø 3.项目式学习，增强学习主动性。 任务实施任务1 制作书店店招图层样式的应用情境设计：淘在淘宝店招中，一般会添加店铺LOGO和店铺名称，加深顾客对商品的第一印象，同时可添加收藏标签，方便顾客下次访问店铺。淘宝店招的标准尺寸大小为950像素×150像素（包含导航条）。酸橙视觉创意有限公司为学海无涯图书专卖店淘宝店铺装修，需要为书店制作店招。美工小美负责这次店招的设计。考虑到店招制作简洁明了，可以较快地被买家识别，所以小美决定在店招中只放入店铺LOGO和店铺名称，加上简洁的促销标签和收藏标签。尺寸大小为950像素×150像素（包含导航条的高度为30像素），图片存储格式为JPEG/PNG。活动1 合成标签和制作导航条情境设计：小美在制作店招之前，已经完成了店标 LOGO和收藏标签的制作，确定了导航条的相关信息，同时结合“ 618”年中大促，制作好相应的促销标签。新建一个宽度为“ 950像素”、高度为“ 150像素”的图像文件，分辨率为“ 72像素 /英寸”，标题为“书店店招”，拖入标签素材，利用矩形选框工具和文字工具制作导航条。活动2 标签和导航设置图层样式情境设计：在完成 LOGO、标签和导航的合成后，美工小美发现标签和导航有点单一，于是对这些图层分别进行图层样式的设置。任务2 制作茶叶专卖店店招图层蒙版的应用情境设计：壹茗单丛茶是茶乡里一家自产自销的茶叶专卖店，为了拓展销售渠道，店主准备在线上开一家淘宝专卖店铺，酸橙视觉创意有限公司为该茶叶网店进行装修。首先，美工小美要制作店招，考虑到家乡茶山的景色很美，小美计划用茶山美景、茶叶冲泡等图片来合成店招的背景。活动1 利用图层蒙版合成背景小美拍摄了多张图片后，经过认真筛选，最终选定了 3张图片作为素材图，并计划利用图层蒙版对这些图片进行合成。拖入相关素材，为需要的图层素材添加图层蒙版，利用“画笔工具-柔性圆画笔”在图层蒙版中涂抹出效果。活动2 为店铺名称设置图层样式通过图层蒙版对 3张图片合成背景后，小美将加入店铺名称，并对店铺名称设置图层样式。活动3 制作导航利用文本工具和直线工具，为店招制作导航。任务3 制作零食专卖店店招剪切蒙版的应用情境设计：甜果时光铺子是一家经营水果干的淘宝店铺，主要销售各类水果干休闲食品，以“健康和休闲”为主题，酸橙视觉创意有限公司美工小美准备给该零食店铺制作店招。考虑到在店招中添加店铺主打产品或新品，可以让买家第一时间了解到商品信息，小美决定利用剪切蒙版将产品添加到店招中。活动1 合成背景和导航在前期准备工作中，小美已经根据店铺的主题，完成了店招背景的设计，同时制作好店铺名称和导航。要将店铺名称、导航条和背景进行合成。活动2 为产品图片创建剪切蒙版Ø 在店招中添加好店铺名称和导航条后，小美准备将店铺的主打产品“葡萄干”添加到店招中，让买家可以在第一时间了解到产品信息。Ø 将鼠标移动到这两个图层之间，按住 “Alt”键，当鼠标图标变成时，单击鼠标左键，将为“产品图”图层和“椭圆形状”图层创建剪切蒙版。Ø任务4 制作宠物专卖店店招通道的应用情境设计：酸橙视觉创意有限公司要为“喵喵宠物专卖店”制作店招。摄影师小佳拍摄了猫咪的图片，美工小美把萌萌的宠物猫咪添加到店招上，以求第一时间吸引喜欢养宠物的买家。小美首先需要对猫咪图片进行抠图。活动1 利用通道对产品图像进行抠图小美发现，使用普通的抠图方法很难将猫咪的毛发边缘清晰地抠取出来，于是她想利用通道来抠图。打开“通道”面板，分别选中红通道、黄通道、蓝通道，观察这几个通道的图像，选择黑白关系最分明、反差最强烈的通道图像，复制该通道，调整色阶和载入选区，抠取出“猫咪”图像。活动2 合成产品图和导航Ø 小美通过通道抠图，将“猫咪”成功抠选出来后，接下来需要将抠好的“猫咪 .png”和准备好的店铺名称、导航、素材、背景等进行合成，完成宠物店店招的制作。Ø 依次把素材图片拖入到“宠物店店招”文档中，合成产品图和导航。ØØ 1.通过任务驱动、项目教学，培养学生自主创作能力和创新意识。Ø 2.巩固知识点 技能点，在项目教育和任务驱动中操作实践，解决教学重难点。展示评价Ø 1.作品呈现Ø 2.自我评价Ø 3.小组互评Ø 4.老师点评评价标准评价指标得分格式规范符合基本格式规范，包括店招的大小、分辨率、导航高度、背景、格式等。（20分）构图合理店标、店铺名称、促销信息、标签、导航等构图合理，能突出店铺产品信息，各类信息展示清晰。（40分）效果自然图层样式使用合理，蒙版使用过渡自然，标签、产品、背景等合成后自然、无抠图痕迹。总分评价等级优秀：90-100分；良好：75-89分；一般60-74分；差0-59分。Ø 培养学生语言表达能力、锻炼学生发现问题和解决问题能力，突破重难点。总结老师总结重难点知识课后作业 完成课后项目测试题。