《Photoshop设计与应用任务教程》教学设计 项目3 电商设计

博学谷——让IT教学更简单，让IT学习更有效PAGE12PAGE7《Photoshop设计与应用任务教程》教学设计课程名称：授课年级：授课学期：教师姓名：年月课题名称项目3电商设计计划课时12课时教学引入在电子商务环境中，视觉设计是传递商品信息、吸引用户关注的重要手段。优秀的电商海报需兼具美观性与功能性，准确传达品牌调性与促销信息。本章围绕两个典型电商海报设计任务，系统呈现数字图像设计的综合应用流程。通过实践，掌握电商视觉设计的基本规范与制作方法，提升整体设计表现力与实用性。教学目标使学生了解AIGC的生图方式，能够说出有哪些图像生成方式使学生熟悉LibLibAI平台，能够说出不同模块的功能使学生了解选区，能够描述选区的作用使学生熟悉Photoshop中的选区工具，能够区分不同的选区工具使学生熟悉堆友AI的生图流程，能够说出在堆友AI中如何进行文生图和图生图使学生熟悉Photoshop中的文字工具，能够列举出Photoshop中的文字工具使学生掌握使用LibLibAI进行文生图的技巧，能够利用文生图功能生成图片使学生掌握ControlNet的应用技巧，能够在利用LibLibAI生成图片时配合ControlNet生成更加精确的图片使学生掌握“画笔工具”的使用方法，能够使用“画笔工具”编辑蒙版使学生掌握“画笔设置”面板，能够在“画笔设置”面板中设置画笔参数使学生掌握图层蒙版的使用方法，能够完成添加图层蒙版、编辑图层蒙版等操作使学生掌握内容识别填充的应用技巧，能够智能填充图像的局部区域使学生掌握“移除工具”的使用方法，能够智能移除图像中的指定区域使学生掌握“加深工具”和“减淡工具”的使用方法，能够加深或减淡图像的指定区域使学生掌握选区的基本操作，能够完成选区的全选、反选、取消选择等操作使学生掌握选区的进阶操作，能够完成选区的移动、修改、变换等操作使学生掌握“创成式填充”选项的应用技巧，能够智能填充选区内容使学生掌握点文本和段落文本的输入方法，能够为图像添加文本使学生掌握编辑文本的方法，能够完成文本位置的改变、文本内容的编辑等操作使学生通过学习和实践激发创造性思维，尝试将新技术应用于实际项目中，开拓解决问题的新思路使学生主动探索新知识，不断跟进行业发展动态和技术更新趋势，形成持续学习的良好习惯教学重点LibLibAI文生图ControlNet控制器画笔工具"画笔设置"面板图层蒙版认识选区内容识别填充移除工具任务3-1电商摄影图（结合LibLibAI）创成式填充点文本和段落文本编辑文本任务3-2电商活动Banner图（结合堆友AI）教学难点任务3-1电商摄影图（结合LibLibAI）选区的进阶操作任务3-2电商活动Banner图（结合堆友AI）教学方式课堂教学以PPT讲授为主，并结合多媒体进行教学教学过程第一、二课时（AIGC生图方式、LibLib简介、LibLibAI文生图、ControlNet控制器、画笔工具、“画笔设置”面板、图层蒙版、认识选区、Photoshop中的选区工具、内容识别填充、移除工具、减淡工具和加深工具）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课大家有没有发现，同样是做设计，有的人熬了3小时，只做出一张平平无奇的图；有的人半小时就搞定一张质感满满的作品？核心差距，就在工具的使用上。本节我们将对AIGC生图方式、LibLibAI文生图、ControlNet控制器、画笔工具等知识点进行详细讲解。新课讲解知识点1-AIGC生图方式教师通过展示PPT讲解AIGC生图方式。介绍AIGC的两种生图方式。文生图图生图知识点2-LibLibAI简介教师通过展示PPT讲解LibLibAI简介。介绍LibLibAI平台页面中包含的3个常用的区域。探索区域创作区域详情区域知识点3-LibLibAI文生图教师通过展示PPT讲解LibLibAI文生图。LibLibAI平台首页。图片生成界面。介绍文生图的核心功能的操作步骤。输入提示词选择CheckPoint模型选择LoRA模型设置参数知识点4-ControlNet控制器教师通过展示PPT讲解ControlNet控制器。介绍ControlNet控制器。介绍“ControlNetUnit0”选项卡中的3个区域。上传图片区域设置控制类型区域参数设置区域知识点5-画笔工具教师通过展示PPT讲解画笔工具。介绍画笔工具。“画笔工具”选项栏如图。知识点6-“画笔设置”面板教师通过展示PPT讲解画笔设置面板。介绍“画笔设置”面板，如图。知识点7-图层蒙版教师通过展示PPT讲解图层蒙版。介绍图层蒙版。了图层蒙版的作用，介绍图层蒙版的基本操作。介绍图层蒙版的基本操作。添加图层蒙版编辑图层蒙版隐藏和显示图层蒙版链接图层蒙版停用图层蒙版删除图层蒙版反向图层蒙版知识点8-认识选区教师通过展示PPT讲解认识选区。介绍认识选区。介绍选区的作用。知识点9-Photoshop中的选区工具教师通过展示PPT讲解Photoshop中的选区工具。介绍Photoshop中的选区工具。矩形选框工具椭圆选框工具套索工具多边形套索工具魔棒工具快速选择工具对象选择工具知识点10-内容识别填充教师通过展示PPT讲解内容识别填充。介绍内容识别填充。演示“内容识别填充”的使用步骤。知识点11-移除工具教师通过展示PPT讲解移除工具。介绍移除工具。使用“移除工具”移除主体如图。知识点12-减淡工具和加深工具教师通过展示PPT讲解减淡工具和加深工具。分别介绍减淡工具和加深工具。以“减淡工具”为例，介绍这两个工具的使用方法和参数设置。四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第三、四课时（任务3-1电商摄影图（结合LibLibAI））一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课上节课我们学习了AIGC的基础知识。接下来，我们将对任务3-1电商摄影图（结合LibLibAI）进行详细讲解。三、新课讲解知识点-任务3-1电商摄影图（结合LibLibAI）教师通过展示PPT讲解任务3-1电商摄影图（结合LibLibAI）。介绍任务描述。根据任务需求完成任务。四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第五、六课时（堆友AI平台的生图流程、选区的基本操作、选区的进阶操作、创成式填充、文字工具、点文本和段落文本、编辑文本）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接举例的方式导入新课大家平时刷到的那些好看的朋友圈配图、小红书海报、活动邀请函，其实很多都能用今天的知识点做出来！比如，用堆友AI生成一张氛围感背景，用选区工具抠出想要的元素，用创成式填充填补画面空缺，再用文字工具加上吸引人的标题和文案——一套流程下来，一张优质设计作品就诞生了。接下来，我们将对堆友AI平台的生图流程、选区的基本操作、选区的进阶操作等知识点进行详细讲解。三、新课讲解知识点1-堆友AI平台的生图流程教师通过展示PPT讲解堆友AI平台的生图流程。介绍堆友。介绍并演示堆友文生图与图生图的操作步骤。生成图步骤图生图知识点2-选区的基本操作教师通过展示PPT讲解选区的基本操作。介绍选区的基本操作。知识点3-选区的进阶操作教师通过展示PPT讲解选区的进阶操作。介绍选区的进阶操作的概念。介绍对选区的进阶操作。移动选区修改选区变换选区选取的布尔运算知识点4-创成式填充教师通过展示PPT讲解创成式填充。介绍创成式填充。知识点5-文字工具教师通过展示PPT讲解文字工具。分别介绍横排文字工具和直排文字工具。横排文本与直排文本示例如图。知识点6-点文本和段落文本教师通过展示PPT讲解点文本和段落文本。介绍点文本。介绍段落文本。知识点7-编辑文本教师通过展示PPT讲解编辑文本。介绍编辑文本的方法。改变文本的位置编辑文本的内容设置文本属性设置段落属性四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第七、八时（任务3-2电商活动Banner图（结合堆友AI））一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接举例的方式导入新课在当今数字化营销环境中，电商Banner作为网页和移动端最常见的视觉元素之一，承担着传递品牌信息、吸引用户点击和提升转化率的重要作用。一个优秀的Banner能在几秒内迅速抓住用户注意力，实现高效触达。然而，传统依赖单一设计软件的制作方式效率较低，难以适应快节奏的内容需求。通过结合AIGC（如“堆友”生图）与Photoshop进行协同设计，既能快速生成创意素材，又能精准完成选区处理与视觉优化，显著提升设计效率与质量。接下来，我们将对任务3-2电商活动Banner图（结合堆友AI）进行详细讲解。三、新课讲解知识点-任务3-2电商活动Banner图（结合堆友AI）教师通过展示PPT讲解任务3-2电商活动Banner图（结合堆友AI）。介绍任务描述，设计一个电商活动banner。根据任务分析完成任务。四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第九、十课时（上机练习）通过上机练习可以考察同学对知识点的掌握情况，对Photoshop软件的熟练程度。上机一：（考察知识点为任务3-1电商摄影图（结合LibLib