资源简介 教学文件授 课 教 案教者: 专业: 课程: 年级:课 题 技能强化训练-小河马动画 课程类型 理实一体课时安排 4 授课班级授课时间 授课地点【教学内容分析】本任务是Animate2022与Photoshop相结合制作出来的,在Animate2022中运用了补间动画与逐帧动画的形式完成,通过本例能了解不同软件如何穿插并相互结合制作出不同的动画效果。【学情分析】对于前面知识的学习,学生基本掌握制作动画的基本流畅与方法,在基础上强化学习动画中期制作,会让学生对于制作动画有更深入的了解。学生接受新知识速度快,且能够较为灵活的运用到动画设计中去。【教学目标】知识与能力:学习动画软件的穿插使用,掌握到如何让动画效果更好的技巧,提升制作动画的制作能力过程与方法:通过动画的制作与实现,使学生们明确软件的穿插使用从而增强动画效果。课程思政:培养学生团队协作精神以及精益求精的工匠精神。【教学重、难点】教学重点:动画软件的穿插应用。教学难点:如何让动画实现出准确的运动规律。【教学方法】讲授法、演示法、任务驱动法【教学过程】教学环节及时间分配 教学内容 师生互动 教学手段 设计意图一、导入新课:提出问题:你知道怎样提升动画效果吗?有哪些步骤?新课内容: 不同的景别同时推镜时,根据空间的不同,运动的速度不同,越近的运动速度越快,越远的运动速度越慢,层级关系分配妥当,制作动画时会减少很多不必要的麻烦。制作步骤(1) 执行“文件”→“新建”菜单命令,新建一个Animate2022文档,设置宽和高为“720像素×576像”素,帧频率为“24fps”。(2) 打开“项目六 技能强化训练\项目六 素材及源文件\任务 3\角色形象.fla”和“项 目六 技能强化训练\项目六 素材及源文件\任务 3\Photoshop 素材\背景 1.fla”文件,分别将角 色形象和背景复制到步骤 1 新建的文档中,并将层级关系分配好。 (3) 回到场景中,在3个图层的第76帧的位置插入“关键帧”,并在中间加入传统补间动画,制作出推镜头的动画效果,注意景别位置不同,运动速度不同。 (4) 在第97帧的“人物”图层中,插入“关键帧”,选择此帧将其按【Ctrl+B】快捷键打散,“时间轴”面板如图6-37所示。选中小河马图形元件,把新建图层中重命令为“人物看天空”,在此图层第97帧的位置将小河马按【Ctrl+X】快捷键剪切到“关键帧”中,如图6-38所示。再进入此“图形元件”内部,将所有元件“分散到图层”制作小河马看天空的动画。(5) 回到上一级元件中,在当下所有图层的第100帧的位置都插入一列“关键帧”,将所有第100帧上的元件按【Ctrl+X】快捷键剪切。再新建一个文件,参数采用默认设置。把所有剪切的元件按【Ctrl+V】快捷键粘贴到此新建文件的图层中,然后把所有场景的背景排列成长方形的形状。选择“文件”→“导出”→“导出图像”命令。保存文件,命名为“场景飞速效果1”,保存类型选择“JPEG图像”。保存后会弹出“导出JPEG”对话框,将品质数值修改为“100”,包含设置为“最小图像区域”,单击“确定”按钮确定,按【Ctrl+S】快捷键保存文件,命名为“小河马动画”。 (6) 打开Photoshop软件,新建名称为“场景飞速效果”,宽度为“800像素”,高度为“1600像素”,分辨率为“100像素/英寸”的文档。 (7) 进入Photoshop新建文档界面后,将步骤5导出的“场景飞速效果”文件导入到文档中,选择“图层”中的背景并双击,弹出“新建图层”对话框,单击“确定”按钮。将此图片用选择工具拖曳到新建的文档中,按快捷键【Ctrl+T】调整图片的大小以及位置,调整妥当后按快捷键【Enter】确定。 (8) 执行“滤镜→模糊→动感模糊”菜单命令。弹出“动感模糊”对话框,参数角度设置为“-90”,距离为“230”,出现纵向模糊的效果。调整好后选择“文件”→“储存为”菜单命令,将文件命名为“场景飞速效果1-完成”,文件格式选择“JPG”。保存后会弹出“JEG选项”对话框,使用默认值确定即可。(9) 打开“项目六 技能强化训练\项目六 素材及源文件\任务 3\Photoshop 素材\背 景 2.fla”文件。新建文件,参数为默认值,将背景2中的树丛,复制到新建文件的舞台上,把树叶粘贴在场景中,选择“文件”→“导出”→“导出图像”菜单命令,将文件命名为“树丛模糊效果”,保存类型选择“PNG”,保存后会弹出“导出PNG”对话框,包含设置为“最小图像区域”,单击“导出”按钮。进入Photoshop软件,将用Animate2022导出的“树丛模糊效果”文件直接拖曳到Photoshop的文档中。将此图片用选择工具拖曳到新建的文档里后,按快捷键【Ctrl+T】调整图片的大小以及位置,调整妥当后按【Enter】键确定。选择“滤镜→模糊→高斯模糊”菜单命令,弹出“高斯模糊”对话框,参数半径设置为“4.0”,将出现模糊的效果。调整好后选择“文件”→“储存为”菜单命令,将文件命名为“树丛模糊效果-完成”,文件格式选择“PNG”,确认后会弹出“PNG选项”对话框,默认参数值就可以。 (10) 打开步骤5保存的“小河马动画”文件,回忆在步骤5中,将第100帧的所有元件剪切了,所以100帧目前是空白关键帧。(11) 在“时间轴”新建图层,命名为“场景飞速效果”,在第101帧的位置插入关键帧,在第100帧的位置,将素材/项目六/任务3/Photoshop 素材/场景飞速效果1-完成的JPEG图片选中直接拖曳至舞台,在第107帧的位置插入“关键帧”,制作出从下到上摇镜头的效果。(12) 在时间轴上新建图层,在第 108 帧处插入关键帧,将“项目六 技能强化训练\ 项目六 素材及源文件\任务 3\Photoshop 素材\背景 2”文件复制到第 108 帧中,并将复制进 来的元件整合为新的图形元件,如图 6-61 所示。进入新的图形元件内部,在时间轴上将地面 图层命名为“地面”。再次新建图层,打开“项目六 技能强化训练\项目六 素材及源文件\任 务 3\角色设定”文件,将角色复制到此图层中,将此图层命名为“角色抬头看”,并将图形元 件的大小、位置及仰望的身体透视关系摆放好。接下来,在时间轴上继续新建图层,并将其 命名为“树丛”。将“项目六 技能强化训练\项目六 素材及源文件\任务 3\Photoshop 素材\树 丛模糊效果-完成”文件拖曳到“树丛”图层中。在时间轴上继续新建图层,并将其命名为“黑 影”。(13) 在“树丛”图层第5和8帧的位置分别插入“关键帧”,制作出树丛以为有风,左右晃动的动作。在“黑影”的第10帧位置插入“空白关键帧”,在第11帧的位置绘制出黑影飞过的运动轨迹动画,按【Enter】键看整个动画效果。 (14) 回到场景 1 中,按“Enter”键查看整个动画效果,如果发现动画在节奏上衔接 不好,则可以通过在时间轴上增加或减少普通帧来调整播放的快慢(按快捷键“F5”或 “Shift+F5”),让动画达到更好的效果。 按快捷键“Ctrl+Enter”在播放器中播放动画来查看效果,按快捷键“Ctrl+S”保存文件。(三)本实例使学生了解如何使用软件增强动画视觉效果。(四)教师指导,学生制作三、讲评针对学生在设计中存在的共性问题进行统一讲解。小结 注意软件穿插使用时的图片输出、导入时所需要的格式,在制作动画之前明确想到的动画效果,可以思考如何实现动画效果。五、作业完善小河马的动画制作。 教师提问学生回答教师讲解教师讲解举例学生操作教师指导总结 PPT投影投影投影共享学生屏幕 引入课程制作步骤讲解有利于学生明确制作方法与流程趁热打铁让学生按照流程进行设计。【教学反思】:在本任务的教学中,我们需要强调如何使用Photoshop达到我们想到的动画效果,如果对Photoshop没有基础,需要严格按照老师的步骤才能制作出来,建议学生们平时对于基础的软件有基础的学习,这样才能实现出更好的动画效果。PAGE第5页,共5页 展开更多...... 收起↑ 资源预览