6.2 制作简单数字媒体作品（第一课时）（教案）2025-2026学年高教版中职信息技术基础模块（下册）

6.2 制作简单数字媒体作品（第一课时）（教案） 课 题 6.2 制作简单数字媒体作品（第一课时） 课型 新授课 主备人 集体备课时间 课时安排 教授人 授课班级 授课时间 教学目标 1. 知识与技能 · 掌握图像裁剪与构图调整的基本方法（三分法则、留白原则） · 掌握图像色彩与光影调整的基本方法（亮度/对比度、色相/饱和度、色阶） · 理解图层的基本概念，掌握图层复制、透明度调整、图层顺序排列等基本操作 · 掌握文字工具的基本使用方法和文字格式设置 2. 过程与方法 · 通过“校园数字媒体节海报设计”项目驱动，在真实创作需求中综合运用裁剪、色彩、图层、文字四大技能 · 通过“AI修图 vs 手动精修”对比体验，建立“手工功底为本、AI提效为辅”的新型数字媒体素养 · 通过小组合作和作品互评，培养协作能力和审美判断力 3. 情感态度与价值观 · 培养精益求精的工匠精神——图像处理的每一个参数选择都影响作品的最终品质 · 提升审美素养和视觉表达能力，理解“好的设计是有规则可循的” · 在校园文化主题创作中增强归属感和集体荣誉感 · 建立对AI图像处理工具的正确认知——“AI提效+人工精调” 教学重点 · 图像裁剪与构图调整的基本方法 · 色彩与光影调整的核心操作 · 图层的基本概念与操作 教学难点 · 图层概念的理解——“多张透明胶片”叠放合成效果的本质 · 裁剪构图的审美判断——三分法则、留白原则的具体运用 学习策略 情境教学法、任务驱动法、演示法、对比体验法、小组合作探究法 设计理念与创新点 1. 情境线+产出导向：延续第6单元“校园数字媒体节”项目情境，以“为校园数字媒体节设计一幅集裁剪、色彩、图层、文字于一体的宣传海报”为核心驱动任务贯穿全课，学生完成的任务成果可作为班级海报作品展示 2. 采用 “诊—治—美—拓”四步递进教学链：诊问题（对比原图与美化图，发现加工方向）→治图像（裁剪+调色两步治疗）→美版面（图层合成+文字排版）→拓视野（AI修图对比体验），让教学过程从诊断到治疗到美化到拓展层层递进 3. 通过“AI修图 vs 手动精修”对比体验，建立“手工功底为本、AI提效为辅”的新型数字媒体素养 4. 融入2026年AI图像处理前沿动态（WPS AI设计室、Canva AI 2.0对话式设计等），拓展学生数字化办公视野 5. 合理融入课程思政，在技术操作中渗透工匠精神，在审美选择中融入文化素养，在图像版权中树立法律意识 教学过程 教学内容 教师活动 学生活动 设计意图 对比冲击 教师在大屏幕上展示一张未经处理的校园活动原图——画面灰暗、主体偏在角落、背景杂乱多余、没有标题文字——“这就是我们接下来的一节课要加工处理的原始素材，看谁能把这幅图像从现在的‘仓促原片’变成能吸引人眼球驻足停留的一张正式的校园媒体节宣传页。”随后投屏展示同一张照片经专业处理后的效果——主体居中且遵循三分法则、色彩明亮温暖、背景简洁清爽、标题文字醒目。 学生看到同一张照片处理前后的巨大反差，发出小声惊叹。 “双图对比冲击波”导入——用同一张校园活动照片“处理前灰暗杂乱、处理后明亮醒目”并排对比，在极短时间内将“为什么要学图像处理”的答案以最直观的方式传达给每个学生——看图对比比说理更快速也更深刻。 明确任务 教师总结并分发任务书：“今天我们将以校园文化节为情境，完成集裁剪、色彩、图层、文字于一体的海报设计——用专业工具进行裁剪构图与色彩调整，利用图层和文字为画面加入视觉元素。最后还会体验AI图像处理工具——看看它是如何在数十秒内将你刚才花了十几分钟手动处理的全部流程一键跑通并生成最终版本的，同时也要对比审视AI输出的画面品质和人工精修的差异到底在哪。” 查看任务书，明确任务目标 以产出导向驱动全课，让学生对整堂课的流程心中有数。 裁剪基础操作 教师演示裁剪工具的操作步骤——选中裁剪工具→拖动裁剪框边缘调整保留区域→按Enter键确认裁剪。同时讲解构图的两条基本原则：三分法则——将主体放在画面约占1/3的位置，比正中间更具动态美感；留白原则——简洁背景让主体更突出，向关键信息留出视觉呼吸空间。 学生对比展示两张同一活动场景但裁剪方式不同的照片——中心构图版画面稳但缺乏张力，三分构图版画面主体在左侧黄金位置靠向侧方留白，富有叙事空间感。 引导学生熟悉裁剪基础操作 三分法则判断练习 教师快速展示四张不同构图的照片，随机抽取全班学生口头判断每一张是否遵循了三分法则——对照四幅投屏图的构图框与人物视线方向快速说出“有”或“没有”。教师分别点出三分主体的偏移方向和留白的段落。教师演示裁剪工具的操作步骤——选中裁剪工具→拖动裁剪框边缘调整保留区域→按Enter键确认裁剪。 学生用自己的原图练习裁剪，尝试三分法则构图，完成后截屏保存。 学生在自己的设备上使用图像处理软件对素材原图练习裁剪，完成后截屏保存对比。 掌握裁剪的基本操作，初步建立构图审美意识。 色彩三要素基础 教师结合6.1.2节所学的色彩深度概念，讲解色彩调整的三大核心要素——色相通过色相/饱和度对话框中的色相滑块调整画面整体色调的偏移方向；饱和度通过饱和度滑块控制画面色彩的鲜艳程度；明度通过亮度/对比度对话框中的亮度滑块调整画面的明暗。强调：“在6.1.2我们学习了‘色彩深度决定每个像素能显示多少种颜色’——今天则是用这些颜色范围来为自己正在调节的画面直方图找到最合适各级曝光的位置。” 学生练习调整亮度/对比度使画面明亮鲜明→调整饱和度使色彩生动适度→尝试色相偏移感受整体色调变化。 掌握色彩调整的核心操作，初步建立色彩审美判断力。 色彩调整操作演示 教师演示色彩调整的操作入口——在图像处理软件中打开“颜色”菜单→“色相/饱和度”（调整色调与鲜艳度），“颜色”菜单→“亮度/对比度”（调整明暗与层次）。演示流程：先调整亮度使画面曝光正常→再适度提高饱和度使色彩更鲜艳→最后微调色相统一整体色调。 色彩效果判断练习 教师快速展示四张同一画面但不同色彩方案的效果图，随机抽学生口头判断哪一张颜色最自然、最适合校园宣传海报场景。关键辨析：饱和度拉满到100%和适度调到+25的区别、色温过度偏黄的版面与标准日光白平衡后的对比、“同一张人像图冷色调（偏蓝）和暖色调（偏橙）分别给人什么不同的心理感受”。 图层概念讲解 图层核心操作 图层透明度交互展示 教师结合图层的基本组成和操作讲解其核心概念——新图层默认为透明状态（画布上只能看到该层中有颜色和像素的部分），每个图层可以被单独编辑、移动或删除而不影响上下层的像素。 动手跟做 学生练习复制图层→调整图层顺序→降低不透明度→用文字工具添加标题文字。 掌握图层的基本操作，理解图层的核心价值。 图层核心操作 教师讲解图层的四个基本操作——图层的复制与命名；图层的顺序调整（上层面板拖动改变叠放顺序）；图层不透明度的调节（降低不透明度使该层半透明）；添加文字图层（文字工具选中后在当前层上方自动新建一个文字图层，并可在其中设置字体、字号、颜色）。 图层透明度交互展示 教师在投影仪上，用同一组上下排列图层实时拖曳图层透明度滑块从0%到100%，全班同步观察两个图层的实际透明叠放效果在两个极端值之间的平滑过渡。选取两位学生到教师机上演示“把文字图层透明度调成50%后再叠加到其下的背景图上”。 任务一：裁剪构图与色彩调整——“修一修” 任务一布置 教师发放任务书并布置基础操作任务：“请各小组打开教师提供的校园活动原图，完成——①使用裁剪工具栏对原图进行构图优化，参考三分法则调整画面主体位置；②调整亮度/对比度使画面层次分明，调整色相/饱和度使色彩鲜明自然，调整后截屏保存对比图并记录主要参数；③裁剪和调色完成后在任务单上记录各项参数（裁剪后的像素尺寸、亮度/饱和度数值等）。”巡视指导，提示构图要点——“把画面里最有故事性的那个人的视线引向画框之外的方向偏移并留出余白，能大幅增加画面的叙事延伸感。” 学生小组分工完成裁剪和调色，记录参数。 在真实素材上动手操作中巩固图像编辑的核心能力，以量化参数的形式留存调色数据，便于后续复盘与自我评价。 任务二：图层文字排版——“排一排” 任务二布置 教师布置图层与文字排版任务：“在已完成裁剪调色的画面上继续使用图层和文字工具完成海报排版——①新建图层添加简约装饰框架或色块；②调整各图层的叠放顺序，将标题文字图层置于装饰图文图层上方使标题不被覆盖，将背景色块拖至画面最底层保持背景基础布局稳定；③使用文字工具添加一个主标题和一个副标题，主标题字体建议加粗大号呈现代视觉分量，副标题用小两级的字号排布在主标题下方位置充当视觉补充说明；④为图层的边框框架增加一条不透明度约40%的浅色填充作为图文缓冲背景。”巡视指导，提示排版要点——“标题与正文的间距=画面呼吸感的化学键，一行的距离足够读者在视网膜上完成前半段和后半段的信息分拣。” 学生小组分工完成图层和文字排版——一人负责图层与装饰框架，一人负责文字排版，完成后各自在任务单上记录图层数量和文字参数。 将图层概念和文字排版从“跟师操作”进一步发展到“设计者主动规划”。 任务三：AI修图对比体验——“比一比” AI对比体验发布 教师演示AI图像处理工具（WPS AI图片编辑器、佐糖网页端等平台），简单展示各工具的基本功能：“把同一张原始活动照片上传到AI工具中选择‘一键美化’功能，30秒内自动完成全部处理——自动智能裁剪、自动亮度色彩调优、甚至自动推荐字体排版方案。”结合当前AI图像工具的最新行业趋势补充道：“2026年的AI图像处理工具已经从两年前的通用大模型进化到垂直场景的深度优化阶段——如WPS AI设计室专注中文办公场景的中文文字准确渲染和海报风格化生成，而这款轻量级修图工具则专注于电商白底图和社交媒体配图等单品图像处理细分领域。”演示完毕后，教师下发任务：“请各小组将AI自动美化的版本与自己刚刚手动精修的版本从构图准确性、色彩自然度与画面整体和谐感、文字排版的美观度三个维度对比评分，在任务书的AI对比表上写出您的判断——AI的优势在哪？人在哪里更适合发挥不可替代的价值？哪种场景下选择哪种方式更合适？”巡视各组自评和对比表的填写进度。 小组对比AI自动美化版和自己手动精修版，在对比表上填写各维度的评分和一句话感悟——“AI能一键优化亮度，但对需要传递什么情感的理解还是得靠人来判断。” “AI vs 手动”精修对比。将图像处理教学中的人机协同关系从教师理论说教转化为学生通过在三个核心维度上对两种方案进行客观比较后自主得出的结论，在对比中自然内化“手工功底为本、AI提效为辅”的新型数字媒体素养 成果展示 教师选取2-3个小组代表上台投屏展示——①裁剪调色前后对比图及所选参数说明；②海报图层结构示意图（各图层名称与顺序）；③AI vs 手动精修的对比结论。其他小组在评价表中打分。 学生展示并讲解。 锻炼表达与展示能力，促进组间经验交流和知识互补 多元评价 教师组织自评、互评，并点评总结。重点评价——①裁剪是否符合构图原则（三分法则或留白是否得当）；②色彩调整是否自然（未过度饱和或偏色严重）；③图层结构是否合理（文字是否置于装饰图之上、叠放顺序正确）；④AI对比分析是否客观且有独立见解。表扬构图得当、色彩协调、排版清晰且对比分析到位的小组。 进行自我评价和小组互评，填写评价记录 构建多维评价体系，将操作规范性和审美判断力纳入核心评价维度。 知识梳理 教师带领全班回顾本课核心知识框架：“图像处理四步法——①裁剪构图，二分线让出故事感、三分法制造视觉焦点；②色彩调整，亮度控明暗、饱和度控浓淡、色相控情绪方向；③图层合成，透明的胶板=逐层独立编辑+叠放排序共同渲染最终画面；④文字排版，字体传递气质、字号决定层级。”梳理6.2节两个任务的递进关系——加工处理图像（视觉层）→处理音频（听觉层），两者共同构成数字媒体作品创作的基础能力。用一句话总结核心理解：“图像处理是用技术的工具服务于审美的判断——每一个裁剪框的边界和每一级亮度数值的增减背后，传达的最终是创作者自己的设计表达。”四个模块组合完毕之后，一幅海报最终的效果取决于拍进去时捕捉到的那一瞬间气氛和后续在每一步调色与排版的序列中对那一情绪的再放大与对不和谐元素的降噪——两者叠加构成了图像从‘一张随手拍的记录’变成‘一幅能在校园海报公告栏前让行人驻足停留片刻的视觉信号’的完整演化链。 跟随教师梳理知识框架，完善任务书笔记 构建系统化知识结构，为后续音频处理和综合数字媒体创作奠定基础。 板书设计 板书设计：6.2.1 加工处理图像 一、图像处理四步法——“从原片到作品” ① 裁剪构图：三分法则、留白原则 ② 色彩调整：亮度/对比度（明暗）、色相/饱和度（色调与浓淡） ③ 图层合成：透明胶板逐层叠放 = 独立编辑 + 顺序合成 ④ 文字排版：字体传递气质、字号决定层级 二、图像处理核心参数 像素尺寸：宽 × 高（单位像素 px） 亮度/饱和度：整数数值范围（通常：亮度中间值0、饱和度原始色0至+100） 文字：字体 + 字号 + 颜色（前景与背景对比度≥适当水平宜读） 三、AI vs 手动精修 · AI（佐糖/WPS AI设计室）：效率速度，一键自动所有基础参数 · 人：审美判断 + 文化情感表达（不可替代） · 核心观点：手工功底为本，AI提效为辅 四、6.2节递进链 加工处理图像（视觉层）→ 处理音频（听觉层） 教学反思 （课后填写） · 教学目标达成度分析 · 学生对信息技术发展历程的理解情况 · 小组讨论环节的参与度和效果 · 课程思政融入的自然度 · 改进措施与建议 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $