photoshop图形图像处理项目7教学设计

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