高中二年级信息技术校本选修课《外部图形处理与简单动画制作》教学设计

高中二年级信息技术校本选修课《外部图形处理与简单动画制作》教学设计本教学设计面向高中二年级校本选修课程，是图形图像与动画模块的第五课，承接此前界面认识、图层概念、选区与绘图工具等基础内容，重点落在两位一体的技能主线：一是将外部图形素材导入作品并完成裁剪、变换、调色与融合处理，二是基于时间轴完成逐帧动画与补间动画的制作。全课以一张完整的班级活动宣传动态海报为产出物，让学生在真实任务中把孤立的工具操作串联为完整的创作流程，体现普通高中信息技术课程中数字化学习与创新的素养导向。课标强调计算思维与数字化表现力的协同发展，本课正落在这个交汇点上。一、教学背景分析本课之前，学生已经掌握了图像处理软件的基本界面、图层的建立与命名规则、选框与魔棒类选区工具的使用，能够独立完成一幅素材的抠取与简单合成。但从前期作业看，学生普遍存在三个问题：其一，导入外部图片后不会检查分辨率与色彩模式，导致素材与画布比例失调、印刷偏色；其二，多个图层的叠放次序混乱，蒙版概念模糊；其三，对动画的理解停留在播放层面，从未亲手建立时间轴上的关键帧。从课程标准的要求看，图像与声音的加工属于信息加工模块的核心内容，学生应能根据表达需要选择恰当的媒体形式，合理规划作品结构，并对成品进行评价与反思。校本选修课的优势在于课时弹性大、班级规模小、内容可以超越必修模块的最低要求，因此本课将外部图形处理与入门动画整合为一课时90分钟的连排课，采用任务驱动贯穿始终。二、学情分析授课对象为我校高二年级选修数字媒体创意方向的学生，共三十二人，机房按照四列八排布局，人手一机，配置满足图形软件流畅运行。这一群体普遍对视觉创作有浓厚兴趣，部分学生在课外自学过视频剪辑，动手意愿强，但知识体系零散，习惯用搜索现成教程替代原理理解。教学中需要把"为什么要这样做"讲透，例如位图放大失真的原因、补间动画背后插值计算的思想，让学生从操作工上升为理解者。分层方面，班级约有六分之一学生进度超前，四分之一学生需要在关键步骤获得提示卡辅助。本课任务单设计为基础层、进阶层、挑战层三级，确保人人有产出，优者有余量。三、教学目标知识与技能目标：学生能够说明位图与矢量图在外部导入处理中的差异，掌握图像置入、自由变换、色彩调整（亮度、对比度、色相饱和度）与图层样式的综合运用；理解帧、关键帧、帧频的含义，能在时间轴上制作位置、透明度变化的补间动画，并能导出为GIF或视频格式。过程与方法目标：经历"确定主题—搜集素材—加工素材—合成画面—添加动效—导出评价"的完整创作流程，学会用缩略草图规划画面结构，学会用分辨率与文件体积的平衡意识处理素材。情感态度与价值观目标：在使用网络素材的过程中树立版权意识，能够区分可商用素材与受保护素材；在互评环节学会以具体标准评价作品而非凭喜好表态，形成健康的数字作品创作伦理。四、教学重点与难点教学重点是外部图形的导入、变换与色彩统一处理，以及基于关键帧的补间动画制作。前者是静态画面的质量保障，后者是动态表达的核心机制，两者共同支撑最终作品。教学难点有两个。其一是多图层合成时视觉层级与色彩协调的把控，学生容易陷入素材堆砌，需要教师用正反对照案例引导。其二是帧频与运动节奏的关系，学生往往把帧频设成极高或极低，做出的动画要么卡顿要么闪烁，需要通过对比演示建立"每秒十二帧起步、常规二十四帧"的经验值。五、教学方法与资源准备教学方法采用任务驱动、示范演示、小组协作与作品互评相结合。教师担任流程的引导者与难点时的示范者，不代替学生动手。资源准备包括：教师机安装与演示版本一致的图像与动画软件，提前制作好三张风格各异的成品样例（运动会主题、读书节主题、社团招新主题）；准备两套无版权争议的素材包，每套含背景图三张、人物剪影五张、装饰元素若干；编写分层任务单与提示卡；机房投影与大屏广播系统调试完毕；预留导出格式校验工具。课前向学生推送问卷收集其感兴趣的主题，据此在导入环节展示贴近学生口味的示例。六、教学过程（一）情境导入：会动的海报（约8分钟）上课铃响，教师不打开电脑桌面上的任何软件，而是先播放三张动态海报，每张循环播放两遍。第一张是静态图片，第二张是只有文字的渐变闪现，第三张是人物入场、标题浮现、装饰元素漂浮的完整作品。播完后教师抛出问题：三张海报传递的信息量相同吗？哪一张能让你驻足超过三秒？学生自然会被第三张吸引。教师顺势揭示本课任务：为学校艺术节设计一张会动的宣传海报，尺寸predetermined为一九二零乘一零八零像素，时长五秒以内，可以循环播放。这个任务的关键词是"会做"而非"看完"，教师明确告知：今天下课前，每个人的作品都会以电子文件形式提交到班级作品墙。此设计意图在于用对比制造认知冲突。学生此前以为图形处理只是把图片"修好看"，当他们看到画面因"动起来"而信息表达力倍增时，内在动机被点燃。同时，展示成品等于提前公布了本课的能力天花板，让学生对要学习的内容产生具象的期待。（二）新知建构一：外部图形的规范导入与处理（约30分钟）1.素材体检：分辨率与色彩模式教师首先演示一个失败案例：将一张从网络的五百像素宽的小图直接拖入一九二零像素宽的画布并放大到全屏，放大三倍后边缘出现明显锯齿。教师引导学生观察并提问：为什么图片"糊"了？学生结合已有经验回答"像素不够"。教师补充：位图由固定数量的像素构成，强行拉伸只是让同一块颜色占据更多面积，细节并不会凭空产生。因此外部素材的第一道关是分辨率必须大于等于使用尺寸，经验法则是素材短边不低于画布短边。随后教师展示一张在屏幕上鲜艳、打印后灰暗的图片，引出RGB与CMYK两种色彩模式的区别：屏幕发光显色用RGB，油墨呈色用CMYK。本课作品仅用于屏幕传播，统一采用RGB模式，但若未来需要喷绘印刷，导出前必须转换模式并预览校色。概念讲解控制在两分钟以内，重在建立"导入先体检"的职业习惯。2.置入、变换与自由调整教师演示把素材包中的人物剪影置入画布，讲解置入与直接打开的区别：置入会成为现有文件中的一个图层，便于合成。随后重点演示自由变换（快捷键Ctrl加T）中的缩放、旋转、斜切与透视操作，强调按住Shift键等比缩放的必要性，否则人物会变形失真。为了让"非破坏性编辑"理念落地，教师对比两种做法：直接缩放图层的普通栅格化对象，与转换为智能对象后再缩放。缩小后再放大，前者模糊后者清晰。学生亲眼看到差异后，教师给出操作铁律：所有外部素材，置入后第一件事，右键转换为智能对象。3.色调统一：让素材"住进同一个房间"这是静态合成环节的核心。教师展示一张由四张素材拼成却风格割裂的失败作品，问学生问题出在哪里。学生逐步发现：有的图偏冷有的偏暖，有的对比强烈有的灰蒙蒙。教师总结：多来源素材合成本质上是把不同"光环境"下的物体放进同一个虚拟空间，必须统一色温与明暗关系。演示环节依次使用三个工具：色阶工具压暗过亮的素材，色相饱和度命令降低突兀颜色的饱和度，照片滤镜调整层为全图罩上一层统一的暖色调。特别强调尽量使用调整图层而非直接命令作用于像素，因为调整图层可以随时修改参数且附着在图层之上，这正是非破坏性编辑的第二层内涵。4.图层样式与氛围营造为了使海报更精致，教师简要演示外发光、投影与描边三种图层样式的参数含义，提醒学生克制使用，一种作品中风格不宜超过两种。这里约两分钟，作为视觉提升的点缀，不作为考核重点。5.学生实操与教师巡视教师布置基础任务：从素材包中选取一张主视觉图、一张背景图和至少两个装饰元素，完成导入、智能对象转换、大小位置调整与色调统一，形成一张静态海报底稿，将工程文件保存为PSD格式并每分钟养成Ctrl加S的习惯。巡视中教师重点关注三类常见错误：素材未转换为智能对象、图层未命名导致后续混乱、色彩调整直接破坏原图层。对于共性问题，教师通过广播教学暂停全体操作三十秒进行集中纠正；对于个别问题，走到机位旁一对一指导。进度快的学生领取进阶任务卡：尝试使用图层蒙版将两张背景图做过渡融合。提示为：给上层图层添加白色蒙版，用黑色柔边画笔涂抹需要隐藏的区域。这一环节教师讲解约十二分钟，学生操作约十八分钟。（三）新知建构二：时间轴上的简单动画（约30分钟）6.从翻页书到关键帧：动画的本质教师举起预先制作的纸质翻页小人书，快速翻动展示运动效果，随后提问：动画的真相是什么？学生很快回答：连续播放静态画面。教师给出核心概念：帧是动画的最小单位，帧频是每秒播放的帧数，单位fps。本课GIF导出建议帧频十二fps，视频导出建议二十四fps或二十五fps。进而引出关键帧概念：如果把每一帧都手绘，工作量极大；计算机的价值在于只需标明"起点"与"终点"两个关键状态，中间过程由软件自动计算补齐，这就叫补间。教师用一句话让学生记住：关键帧记录"有什么不一样"，补间负责"怎么变过去"。7.演示三种基础动效教师以标题文字为例演示三种最常用的补间动画。位移动画：第一帧将标题放在画布左侧之外，第二十帧将其移到目标位置，生成补间后播放，标题滑入画面。教师强调，时间轴上当前时间指示器的位置必须与目标图层选中状态同时成立，否则关键帧会打到错误的对象上，这是初学者最高频的失误点。透明度动画：让装饰元素从无到有淡入，设置起始帧不透明度为零、结束帧为一百，配合五帧的时间跨度，营造柔和登场。教师联系生活经验：舞台灯光不会瞬间全开而是渐亮，视觉设计同理，柔和的变化更专业。旋转与缩放的组合动画：让一个圆形图标从画布中心放大一倍并旋转一圈。演示中暴露一个细节问题——默认旋转中心在图形几何中心，若希望绕某个边角旋转，需要先用变换工具移动中心锚点。这个问题教师不事先言明，而是故意做错一次让学生发现，再纠正，强化记忆。8.循环与节奏：让五秒不浪费完整动画时长控制在五秒、共六十帧（十二fps）。教师出示一张时间规划表：第零到十五帧标题滑入，第十到二十五帧主体元素淡入，第二十到五十帧主体静止展示，第五十到六十帧装饰元素轻微浮动并首尾衔接形成无缝循环。向学生解释，所有关键事件的排列应像一支小乐队：各声部错开入场，最后汇成稳定的和声。如果所有元素同时在第一帧蜂拥而出，画面会显得嘈杂。同时提醒：循环动画的第一帧与最后一帧画面应保持一致，否则循环点会出现跳变。这是判断是否专业的细节之一。9.导出与体积控制教师演示两种导出路径：存储为Web所用格式导出GIF，适合插入网页与课件，但颜色上限二百五十六色；导出为MP4则画质高、体积小，适合在视频平台传播。引导学生根据使用场景选择格式，并展示同一动画在GIF下八MB与MP4下一点二MB的体积差异，建立"格式选择即工程决策"的意识。10.学生实操与分层推进基础任务：为静态海报添加至少两种动效（建议位移加透明度），总时长五秒，循环顺畅，导出GIF提交。进阶任务：加入第三种动效，并让整个画面呈现明确的叙事顺序（先出现什么、后出现什么、强调什么）。挑战任务：尝试用位置关键帧制作一个小元素沿曲线运动的轨迹，或研究帧动画模式下逐帧绘制三帧以上的简单形变。巡视中教师重点关注：关键帧是否建在正确图层、时间指示器是否错位、循环首尾是否一致。本环节教师讲解演示约十四分钟，学生实践约十六分钟。（四）展示评价环节（约14分钟)教师从提交的作品中使用随机数抽取六份，投屏展示。评价采用事先颁布的简化量规，四个维度各占二十五分：素材处理精度（抠图边缘、变形控制）、色彩协调度（整体色调统一）、动效合理性（节奏流畅、循环自然）、主题表现力（信息传达明确、有创意）。评价流程为：作者自评三十秒，说明自己最想表达什么、最满意哪一处；同学点评两条，必须用"优点具体加建议具体"的句式，例如"标题滑入的时机很舒服"或"背景与人物的对比度再拉开一点更清楚"；教师最后补充一个专业视角的观察。教师在整个过程中克制自己的审美偏好，反复回到量规标准，示范什么叫"基于标准的评价"。（五）课堂小结与延伸（约8分钟)教师带领学生用一张思维导图回顾本课：外部图形处理的四步——体检、置入、统一、修饰；动画制作的三要素——帧、关键帧、帧频；创作流程的六环节——定题、搜集、加工、合成、动效、导出。强调一通百通的思想：关键帧与补间的概念不仅属于本软件，在所有主流动画与视频软件中都是相通的，今天建立的是可迁移的元技能。布置课后任务：以个人兴趣为主题，继续完善课堂作品或另起新作，要求使用至少一种本课未演示过的图层样式或动画属性，并附上不超过一百字的创作说明，下周课前三分钟进行快闪展示。同时推送一条拓展资源：介绍动态图形设计发展脉络的图文资料，供学有余力者了解这一职业领域。七、板书设计主板书居中写课题，左右两栏分别呈现两条主线。左栏：外部图形处理——分辨率检查、智能对象、自由变换、色调统一。右栏：简单动画——帧、关键帧、补间；十二或二十四fps；首尾相接成循环。右下方留一小块区域，在课堂生成环节记录学生提出的有价值问题或精彩发现，让板书成为活的学习档案而非静态提纲。八、教学评价设计过程性评价占百分之四十，依据课堂任务完成度、分层任务达成情况与小组协作表现由教师随堂记录。结果性评价占百分之六十，依据四维度量规对最终作品打分。量规向学生公开，评价语言要求具体可操作，避免"很好看"这类无效表述。对于未能在课内完成导出的学生，允许在一周内补交，评价标准不降但需提交书面说明，体现对差异的尊重与对规范的双重要求。九、教学反思（预设）本节课容量较大，最大的风险是后半