案例2 指尖艺术——商业海报（教案）《图形图像处理-Photoshop 2022》（高教版第五版）【上好课】

《图形图像处理-Photoshop 2022》（高教版第五版） 课题 案例2 指尖艺术——商业海报 课 型 新授课 课 时 2 授课班级 授课时间 90mins 授课教师 教材分析 教材内容从新建文档开始，依次涵盖背景填充、素材置入、混合模式与不透明度设置、选区绘制与反选、图层复制与重命名、渐变填充、素材抠图与置入、图层样式添加、文字输入与字符面板设置，最后以拼合图像结束。整个过程步骤清晰、环环相扣，是学生从图层基础操作走向综合设计能力提升的关键节点。教材图文并茂，操作性强，适合学生通过“做中学”的方式掌握海报设计的核心技能。 学情分析 学生具备基本的计算机操作能力，对图像处理有初步兴趣，在之前的学习中已经掌握了Photoshop的新建文档、存储文件、打开文件、调整图像大小、调整画布大小、图像浏览以及历史记录面板等基础知识，对图层的概念有初步了解。学生的动手能力较强，对图像合成与海报设计表现出较高的兴趣和好奇心，喜欢直观、操作性强、互动性高的教学方式。但是学生对图像处理的专业操作缺乏系统了解，对图层、选区、蒙版等核心概念的理解还不够深入，设计规范意识和审美能力有待提高，部分学生容易忽略图层命名、图层顺序等细节问题。因此教学中应多采用软件演示、任务驱动、对比分析等方式激发学习兴趣，同时注重培养学生规范操作的专业习惯。 教学目标 知识目标： 掌握图层、选区、填充、混合模式、渐变工具、图层样式、文字工具的操作。技能目标： 能够按照教材步骤独立完成“指尖艺术”商业海报的制作，在操作过程中养成规范命名图层、合理设置参数的专业习惯。 素养目标： 培养学生的审美能力和设计表达意识，激发对海报设计的学习兴趣，树立精益求精的设计态度。 教学重难点 教学重点：图层操作、选区反选、渐变填充、图层样式、文字排版。 教学难点： 选区反选删除边缘的逻辑、多图层协调、魔棒抠图参数设置。 教学方法 讲授法、对比分析法、图示演示法、互动问答法、任务驱动法 课前准备 教师准备： 制作教学PPT，准备素材图像、准备课堂练习题 学生准备： 预习教材、准备笔记本 教学媒体 多媒体教室、投影仪/电子白板、教师演示机、学生计算机（每人一台）、Photoshop 2022软件。 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 一、组织教学（1分钟） 教师面带微笑走进教室，提醒学生整理桌面学习用品，坐姿端正，集中注意力，快速进入课堂学习状态。 学生快速进入学习状态，做好听课准备。 通过规范课堂常规、调动学习氛围、明确学习目标，快速稳定课堂秩序，帮助学生快读进入课堂学习状态，保障教学流程有序开展。 导入 （4分钟） 活动：图片对比与提问 展示“指尖艺术”商业海报最终效果图（如图2-1所示），同时展示本节课将用到的原始素材图片（背景.jpg、人物.jpg）。提问：“同学们，你们看到这些素材图片和最终的海报效果图，思考一下，这些零散的素材是如何组合成一幅完整的商业海报的？中间用到了Photoshop中的哪些功能和工具？”引导学生思考图层、选区、填充、透明度等知识点。教师追问：“如果我们要做一个指甲油主题的商业海报，应该如何设计构图和配色？”引出本节课的课题：指尖艺术——商业海报设计。 观察效果图和素材图，思考并回答教师提出的问题，产生认知冲突和学习兴趣。 通过效果图与素材图的对比，激发学生的好奇心和探究欲望，自然导入新课。 新课讲授（55分钟） 第一部分 1.海报背景与主体构建 步骤① 新建文档：执行“文件→新建”菜单命令，演示两种新建文件的方法，展示“新建文档”对话框（如图2-2所示）。逐一讲解参数含义：文件名“指尖艺术”，宽度800像素，高度600像素，分辨率72像素/英寸，颜色模式RGB，背景内容白色。教师强调：海报设计通常使用72ppi的分辨率即可满足屏幕显示需求。要求学生跟随操作新建文档。 步骤② 新建图层并填充背景：单击“图层”面板底部的“创建新图层”按钮，新建“图层1”。利用“矩形选框工具”绘制一个略小于背景的矩形选区。教师讲解：为什么要略小于背景？——为了给海报留出边缘空间，使视觉更集中。单击“设置前景色工具”，打开“拾色器”对话框（如图2-3所示），将前景色设置为#942a9f，按Alt+Delete填充矩形选区，效果如图2-4所示。 步骤③ 置入背景素材：打开素材图像“背景.jpg”，利用“移动工具”将其拖动到当前文件中，生成“图层2”。按Ctrl+T组合键，按住Shift键等比例调整大小，覆盖整个画布，效果如图2-5所示。教师强调：移动工具是拖拽素材到当前文件的关键工具，自由变换时按住Shift键可以保持比例不变形。 步骤④ 设置混合模式与不透明度：在“图层”面板中设置“图层2”的混合模式为“滤色”，不透明度为30%，效果如图2-6所示。教师详细讲解：“滤色”混合模式的作用是提亮图像，保留亮度信息，使暗色变亮或消失，类似两台投影机同时投射的效果。这个模式非常适合将深色背景融合到亮色背景中。 步骤⑤ 置入人物图像：打开素材图像“人物.jpg”，利用“移动工具”将其移动到当前文件中，生成“图层3”。双击“图层3”的名称，修改为“人物”。教师强调：规范命名图层是专业设计的重要习惯，当图层数量增多时，清晰的命名可以大大提高工作效率。按Ctrl+T调整其大小及位置，效果如图2-7所示。 步骤⑥ 利用选区反选删除边缘：在“图层”面板中，按住Ctrl键的同时单击“图层1”缩览图，载入矩形选区。按Ctrl+Shift+I进行反选。选中“人物”图层，按Delete键删除人物图像边缘多余部分，效果如图2-8所示。教师讲解：反选的快捷键是Ctrl+Shift+I，作用是选中当前选区的互补区域。为什么要先载入图层1的选区再反选？——因为我们需要保留人物在矩形框内的部分，删除框外的部分。 步骤⑦ 选择椭圆选框工具并设置添加到选区：选择“椭圆选框工具”，在选项栏中选择“添加到选区”选项，如图2-9所示。教师讲解：选区运算模式有四种——新选区、添加到选区、从选区减去、与选区交叉。“添加到选区”可以在原有选区基础上增加新的选区区域，适合绘制多个不连续的形状。 步骤⑧ 绘制形状选区并填充白色：在图像窗口绘制如图2-10所示的选区（多个椭圆形状组成的图形）。将前景色设置为白色，在“人物”图层的上方创建新图层并重命名为“形状”，按Alt+Delete填充白色。按Ctrl+D取消选区，效果如图2-11所示。教师讲解：为什么要在“人物”图层上方创建新图层？——图层顺序决定遮挡关系，形状图层在上方可以覆盖人物的部分区域，形成环绕效果。 步骤⑨ 利用人物选区反选删除形状图层多余内容：在“图层”面板中，按住Ctrl键的同时单击“人物”图层缩略图，载入人物选区。按Ctrl+Shift+I反选。选中“形状”图层，按Delete删除多余内容，效果如图2-12所示。教师讲解：这一步的目的是让白色形状只出现在人物区域之外，形成人物被白色形状“环绕”或“穿透”的视觉效果。 步骤⑩ 调整形状图层透明度并复制图层：调整“形状”图层的不透明度为30%。将“形状”图层拖动到“创建新图层”按钮上，复制两个图层。依次重命名为“形状2”“形状3”。单击“形状3”的眼睛图标将其隐藏。将“形状2”的不透明度调整为80%。用移动工具水平向右拖动“形状2”，效果如图2-13所示。教师讲解：复制图层的方法有两种——拖拽到新建按钮或按Ctrl+J。通过调整不同图层的不透明度和位置，可以产生丰富的层次感和立体感。 2. 知识背诵与强化记忆 • 背诵内容1： ① 选区反选的快捷键：Ctrl+Shift+I；② 复制图层的快捷键：Ctrl+J；③ 填充前景色的快捷键：Alt+Delete；④ 自由变换的快捷键：Ctrl+T；⑤ 取消选区的快捷键：Ctrl+D； • 师生互动： 形状选区挑战：教师展示一个由多个椭圆和圆形组成的复杂图形，提问：“如果要用椭圆选框工具一次性绘制出这个图形，应该怎么做？”引导学生回答“在选项栏中选择‘添加到选区’”。教师追问：“如果画错了某个选区，想要去掉一部分，应该选什么选项？”引导学生回答“从选区减去”。教师邀请一名学生上台演示绘制教材图2-10所示的选区，其他学生观察并评价。 第二部分 1.海报细节与效果完善 步骤⑪ 显示形状3图层并设置渐变填充：单击“形状3”图层的眼睛图标，显示该图层。调整不透明度为100%。选择“渐变工具”，单击选项栏中的渐变条，打开“渐变编辑器”对话框（如图2-15所示）。设置渐变颜色为#ee9eea到#9030a7。选择“线性渐变”选项。教师讲解：渐变工具可以创建多种颜色过渡效果，“线性渐变”是沿着直线方向过渡，适合表现光影变化。 步骤⑫ 为形状3填充渐变色并移动位置：按住Ctrl键单击“形状3”图层缩览图，载入选区。用渐变工具在选区中从左到右拖曳鼠标，填充渐变色。用移动工具水平向右拖动“形状3”，效果如图2-16所示。教师讲解：渐变填充的方向和长度由鼠标拖曳的起点和终点决定，拖曳距离越长渐变过渡越平缓。建议多尝试几次，找到最佳的渐变效果。 步骤⑬ 删除形状2和形状3多余边缘：借鉴步骤⑨的操作：按住Ctrl键单击“人物”图层缩览图载入选区，按Ctrl+Shift+I反选，分别选中“形状2”和“形状3”图层，按Delete删除多余边缘，效果如图2-17所示。教师讲解：这一步的目的是让形状2和形状3也只出现在人物区域之外，与形状1保持一致的设计逻辑，形成统一的视觉风格。 步骤⑭ 置入指甲油素材：打开“指甲油.png”。选择“魔棒工具”，在选项栏中将“容差”设置为30，在图像的纯色背景处单击，选中背景。按Ctrl+Shift+I反选，选中指甲油图像，效果如图2-18所示。将选中的图像移动到当前文件中，按Ctrl+T调整大小及位置。教师讲解：魔棒工具适用于选取颜色相近的区域，容差值越大选取范围越广。反选的作用是将选中背景转换为选中主体，这是快速抠图的常用方法。 步骤⑮ 置入标志素材：打开素材图像“标志.png”，用移动工具将其移动到当前文件中，按Ctrl+T调整大小及位置，放置在合适位置，如图2-19所示。 步骤⑯ 为指甲油和标志添加外发光：分别选中指甲油和标志所在的图层，单击图层面板底部的“添加图层样式”按钮，选择“外发光”。在对话框中设置参数，观察图像效果，如图2-20所示。教师讲解：外发光样式可以在图层对象周围添加发光效果，适合突出主体元素。参数包括混合模式、不透明度、颜色、大小等，可以根据设计需要灵活调整。 步骤⑰ 输入直排文字并添加内阴影：选择“直排文字工具”，输入颜色为白色的文字“FINGER”，单击“确认”按钮。为文字图层添加“内阴影”图层样式，设置参数，文字效果如图2-22所示。教师讲解：内阴影样式可以在文字内部添加阴影效果，增强文字的立体感和质感，使文字看起来像是“刻”进去的或“凸”出来的。 步骤⑱ 输入其他文字并设置字符格式：继续用直排文字工具输入白色文字“玩转指尖艺术”。单击选项栏中的“切换字符和段落面板”按钮，打开字符面板，设置字体、字号等参数，如图2-23所示。选择“横排文字工具”，依次输入“FUN”“FINGERTIP ART”“甲上添色”“玩转指尖艺术”，设置英文字体为Britannic Bold、字号100点，中文字体为宋体、字号48点，最终效果如图2-1所示。教师讲解：字符面板是文字排版的核心工具，可以设置字体、字号、字距、行距、颜色等。商业海报中英文字体常用无衬线体，中文字体常用黑体或宋体，字号大小要体现主次关系。 步骤⑲ 拼合图像：单击“图层”面板菜单中的“拼合图像”命令，完成商业海报的制作。教师讲解：拼合图像会将所有图层合并为一个背景图层，可以减小文件体积。但需要注意：拼合后无法再单独修改每个图层，因此建议在最终确认效果、不再修改之后再执行此操作。操作前最好先保存一份PSD文件作为备份。 2.知识背诵与强化记忆 • 背诵内容2：  ① 外发光和内阴影属于图层样式，通过图层面板底部的“添加图层样式”按钮添加；② 魔棒工具的“容差”参数影响选区精度，容差值越大选取范围越广；③ 渐变工具的两种类型：线性渐变、径向渐变；④ 拼合图像命令的作用：将所有图层合并为一个背景图层，拼合后无法单独修改；⑤ 字符面板可以设置的参数：字体、字号、字距、行距、颜色等。教师通过提问方式检查背诵情况。• 师生互动： 文字排版比拼：教师展示两组文字排版效果：一组对齐杂乱、字体混用；另一组对齐整齐、字体统一。提问：“哪一组更符合商业海报的视觉要求？为什么？”引导学生从字体选择、字号大小、文字对齐、图层样式等方面分析。教师邀请一名学生上台调整一组文字的排版，其他学生观察并提出建议。教师总结：商业海报的文字排版要遵循“主次分明、对齐统一、字体协调”的原则。 · 观看教师演示，记录参数含义，跟随操作完成新建文档任务。 · 跟随操作，新建图层，绘制矩形选区，设置前景色并填充。 · 跟随操作，打开素材，移动至当前文件，调整大小和位置。 · 跟随操作，设置混合模式和不透明度，观察效果变化。 · 跟随操作，置入人物图像，重命名图层，调整大小和位置。 · 跟随操作，载入选区，反选，删除人物图层多余边缘。 · 观察选项栏，理解“添加到选区”的作用。 · 跟随操作，绘制形状选区，新建图层并重命名，填充白色。 · 跟随操作，载入人物选区，反选，删除形状图层多余边缘。 · 跟随操作，调整不透明度，复制图层，重命名，隐藏图层，移动形状2。 · 跟读、默记重点快捷键和概念，同桌互相提问，积极回答教师提问。 · 思考并回答问题，观察台上同学的操作，评价其选区绘制是否准确。 · 独立完成练习题，对组交换批改，举手反馈错题情况，听取教师讲解。 · 跟随教师回顾，完善课堂笔记，提问不懂的知识点。 · 显示形状3图层，设置不透明度100%，打开渐变编辑器，设置渐变色，选择线性渐变。 · 载入形状3选区，在选区内拖曳填充渐变色，移动形状3位置。 · 跟随操作，载入人物选区，反选，分别删除形状2和形状3的多余边缘。 · 使用魔棒工具选中背景，反选后拖入指甲油图像，调整大小和位置。 · 拖入标志素材，调整大小和位置。 · 为指甲油和标志图层添加外发光样式，观察效果。 · 使用直排文字工具输入“FINGER”，添加内阴影样式。 · 输入多个文字图层，设置不同的字体、字号，调整位置。 · 执行拼合图像命令，完成海报制作。 · 跟读、默记重点关键词，同桌互相提问，积极回答教师提问。 · 观察两组文字排版，发表观点，分析优劣，观看台上同学操作，提出改进建议。 · 独立完成练习题，对组交换批改，举手反馈错题情况，听取讲解。 · 跟随教师回顾，完善课堂笔记，展示自己的作品，提问不懂的知识点。 · 记录作业要求，课后完成作业。 · 掌握新建文档的操作方法和参数设置。 · 掌握矩形选框工具和前景色填充操作，理解留边设计的意义。 · 掌握移动工具和自由变换的使用，养成等比例缩放的习惯。 · 深入理解混合模式“滤色”的作用，掌握不透明度的设置方法。 · 掌握图层的重命名操作，培养规范命名习惯。 · 掌握载入选区、反选、删除选区的操作，理解选区在海报合成中的核心作用。 · 掌握椭圆选框工具及选区运算模式的设置。 · 理解图层顺序的意义，掌握在图层面板中正确位置新建图层的方法。 · 巩固反选操作，理解选区在不同图层之间的复用逻辑。 · 掌握图层的复制、隐藏与显示、不透明度调整，理解不透明度变化带来的视觉层次。 · 强化核心操作快捷键和关键概念的记忆，为后续操作打下基础。 · 通过挑战性问题激发思考，巩固选区工具的组合使用技巧。 · 检验第一课时知识点的掌握情况，通过分层练习满足不同层次学生的需求。 · 帮助学生梳理第一课时的完整知识体系，形成系统化的认知结构。 · 掌握渐变工具的使用及渐变编辑器的设置方法。 · 掌握在选区内填充渐变色的操作，理解渐变方向的控制方法。 · 巩固选区反选删除操作，理解多个图层需要重复使用同一选区进行处理。 · 掌握魔棒工具的使用及容差参数的设置，理解魔棒工具+反选的抠图原理。 · 巩固移动工具和自由变换的使用。 · 掌握图层样式的添加方法和外发光参数的设置。 · 掌握直排文字工具和内阴影图层样式的使用。 · 掌握横排与直排文字工具的结合使用，掌握字符面板的各项设置，培养文字排版审美。 · 理解拼合图像的作用和注意事项，养成备份原文件的习惯。 · 强化关键概念和操作技巧的记忆。 · 提升学生的文字排版审美意识和设计表达能力。 · 检验第二课时知识点的掌握情况，通过判断题纠正常见误解。 · 帮助学生梳理第二课时的完整知识体系，形成系统化的认知结构。 · 巩固课堂所学技能，拓展学生的创意设计能力。 课堂练习 （20分钟） 1、发放填空题3题，判断题1题，学生独立完成，公布答案，对组互批，举手统计错题。 2、出示填空题2题，判断题3题，公布答案，对组互批，举手统计错题。 课堂小结 （5分钟） 教师带领学生回顾两课时的全部核心操作步骤： 第一课时：新建背景→填充紫色矩形→置入背景并设置滤色、不透明度30%→置入人物→利用矩形选区反选删除人物边缘→绘制椭圆形状选区（添加到选区）→填充白色→利用人物选区反选删除形状边缘→调整不透明度30%→复制形状图层并重命名→隐藏形状3→形状2不透明度80%并右移。 第二课时：显示形状3→渐变填充（线性，#ee9eea→#9030a7）→移动形状3→删除形状2和形状3多余边缘→魔棒抠取指甲油（容差30）→置入指甲油和标志→添加外发光→直排文字“FINGER”添加内阴影→输入其他文字并设置字符面板→拼合图像。教师总结：本节课完成了一幅完整的商业海报设计，综合运用了图层、选区、渐变、图层样式、文字工具等多种核心功能，这些技能是后续学习更复杂设计的基础。教师强调：规范命名图层、合理使用选区和反选、备份源文件是专业设计的重要习惯。 课后作业 （5分钟） 作业布置： 1. 巩固作业： 背诵两个课时的全部核心知识点（快捷键、滤色作用、图层样式、魔棒容差、渐变类型、拼合图像作用、字符面板设置等），下节课抽查。 2. 拓展作业： 自选主题（美甲、饮品、服装、电子产品等），设计一张商业海报，要求使用至少3种图层样式，保存为PSD文件，下节课展示并讲解设计思路。 板书设计 指尖艺术——商业海报设计 第一课时：图层合成与选区运用——海报背景与主体构建 ├── 新建文档（800×600、72ppi、RGB） ├── 背景填充 │ ├── 新建图层1 │ ├── 矩形选框工具 │ └── 前景色#942a9f + Alt+Delete ├── 置入背景（滤色、不透明度30%） ├── 置入人物（重命名图层） ├── 删除人物多余边缘 │ ├── Ctrl+单击图层1载入选区 │ ├── Ctrl+Shift+I反选 │ └── Delete删除 ├── 绘制形状（椭圆、添加到选区） ├── 填充形状（白色） ├── 删除形状多余边缘（人物选区反选） ├── 调整透明度并复制形状 │ ├── 形状不透明度30% │ ├── 复制为形状2、形状3 │ ├── 隐藏形状3 │ ├── 形状2不透明度80%并右移 └── 背诵1：快捷键及滤色作用 第二课时：渐变装饰与文字排版——海报细节与效果完善 ├── 渐变填充形状3 │ ├── 显示形状3 │ ├── 渐变编辑器：#ee9eea→#9030a7 │ └── 线性渐变 ├── 删除形状2、3多余边缘（人物选区反选） ├── 置入指甲油（魔棒、容差30、反选） ├── 置入标志 ├── 添加外发光 ├── 输入文字 │ ├── 直排：“FINGER”（内阴影） │ ├── 直排：“玩转指尖艺术” │ └── 横排：“FUN”“FINGERTIP ART”等 ├── 字符面板（字体、字号、字距、行距） ├── 拼合图像 └── 背诵2：图层样式、魔棒容差、渐变类型、拼合图像、字符面板 教学评价 教学反思 精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $