初中信息技术河大版八年级全册第2节 元件绘制及动作补间动画教学设计
展开课题名
《元件绘制及动作补间动画》
教学目标
1.知识与技能
(1)指导学生认识元件在Flash的动画制作过程中的意义、分类;
(2)学会制作元件、学会在库中提取元件,区分元件和实例异同;
(3)学会创建动作补间动画。
2.过程与方法
(1)通过教师讲解演示让学生更直观掌握元件制作和创建动作补间动画的方法;
(2)让学生通过练习巩固,学习元件制作和创建动作补间动画的方法。
(3)通过自主学习,拓展动作补间动画的多种操作方法。
3.情感态度价值观
培养学生学习Flash动画制作的兴趣,鼓励学生自主尝试多种操作方法完成任务要求。
教学重点
掌握元件制作和创建动作补间动画的方法。
教学难点
元件制作工具箱的使用。
教学准备
教师准备:ppt,Flash软件。
学生准备:熟悉工具箱的使用。
教学过程
新课导入
上节课我们知道Flash可以创建两种动画——逐帧动画和补间动画,补间动画又分为动作补间动画和形状补间动画。这节课我们就来详细学习一下动作补间动画——引入新课,揭示课题。
动作补间动画是最常见的一种表现形式,对象运动的方式有很多,如移动,旋转,改变大小、形状、颜色、透明度等。
元件在Flash的动画制作过程中有很大的意义。就像是电影中一个演员要多次出场,甚至在一个场景中也会多次出现,在动画制作过程中,一个相同的对象,也会多次出现。这时,只需把它制作为“元件”,放到库中。需要这个对象上场时,用鼠标把它从库里拖到舞台中即可,而不必重复制作。
在Flash中一个元件从库中被放置到舞台上,以舞台上的一个对象出现时就称为一个“实例”。简单地说,元件就是指一个可重复使用的图形、动画或按钮,而实例就是指元件在舞台上的实际应用。
二、合作学习、自主探究
学习任务:
制作一个花瓣飘落的动画。要求动画长度25帧。
任务分析:
Flash的补间动画,只需要在动画的重要位置定义关键帧,由Flash产生关键帧之间的变化过程。
在本任务中要制作的是一片花瓣从舞台上方移动到舞台下方来模拟梅花飘落的过程,也就是说在花瓣飘落的过程中,起点和终点的位置决定了花瓣的运动。所以花瓣起点和终点画面是关键,将其设为关键帧,其他帧可以由Flash 来根据花瓣的起止点和动画设定的时间计算得出。
关键帧明确之后,要解决的问题就是运动的物体本身图形如何获得。Flash 是个矢量动画软件,提供了功能极强的绘图工具,可以利用这些工具绘制一个漂亮的梅花瓣。
根据任务描述很容易看出,花瓣飘落是一个物体运动动画。在 Flash 中制作动作补间动画的对象必须是一个元件,而不能是一个在舞台上直接绘制的对象。因此,要先制作花瓣元件,然后再制作花瓣移动的补间动画。
操作指南:
1. 新建动画文件
执行“文件”→“新建”命令。
2.绘制一个红色的梅花符号
((1)执行“插人→“新建元件”命令(或按Ctrl+F8)打开“创建新元件”对话框,在“创建新元件”对话框的“名称”文本框中输入“梅花”,在“类型”中选择“图形”。
(2)单击“确定”按钮,进入元件编辑工作区。
(3)绘制梅花瓣。
①选择“线条”工具,绘制出大致轮廓。
②使用“箭头”工具,调整花瓣的轮廓。
③设置边线为黑色、填充色为红色、花蕊线条为黄色。
④绘制花瓣。
(4)对齐中心点。
选择“箭头”工具拖动鼠标,选择绘制好的花瓣图形,拖动鼠标,将图形的中心点和编辑区的中心点重合。
3. 制作动作补间动画
(1)回到场景1。
单击时间轴左上角的“场景1”按钮,返回到场景1中。
(2)打开库。
执行“窗口”→“库”命令(或按快捷键 Ctrl+L),打开库。
(3)将元件拖到舞台中使其成为舞台中的一个实例(或者理解为演员)。
①选中库中的梅花元件。
②拖动到舞台中,放置在合适的位置
(4)插入关键帧。
在时间轴上的第25帧上,单击鼠标右键,在打开的快捷菜单中选择“插人关键帧”。
(5)使用“箭头”工具调整花瓣实例的位置。
(6)创建动作补间动画。
在时间轴的第1帧或者过度帧上,单击鼠标右键,在打开的快捷菜单中选择“创建补间动画”,此时的时间轴出现箭头,表示动画创建成功。(此处提示同学寻找其他创建动作补间动画的方法:菜单栏或者在属性面板中选择,学生自己尝试找到方法。)
按 Ctrl+Enter键,预览动画效果。根据需要执行文件保存和输出电影操作。
任务小结:
使用元件可以简化电影的编辑,把电影中要多次使用的对象制作成元件,修改元件后,它的所有实例都会随之更新,而不必逐一更改。
一个完整的动作补间动画的制作步骤是:创建运动对象、设置运动的关键帧、创建关键帧间的动作。在这类动画中运动关键帧是要制作的,其他帧可以由Flash自动生成。
学生在老师讲解操作演示的基础上自主练习,熟练掌握创建元件的方法,同时学会创建动作补间动画。按照操作指南完成。
教师巡堂指导,小组同学间互助合作,不明白的问题讨论交流。
各组推举代表展示交流。
三、拓展思维、巩固认知
1.元件
每当要创建一个元件时,首先要确定它在电影中的作用。
(1)元件分类。
Flash有三类元件:图形、影片剪辑和按钮。
①图形:它的用途是制作静态图形、不具有交互性的动画。交互性控制和声音不能出现在图形符号的动画中。
②影片剪辑:它用来制作独立于主电影时间轴的动画。影片剪辑就像是主电影中的一个小电影片断、它可以包括交互控制、声音甚至其他影片剪辑元件,也可以把影片剪辑的实例放在按钮的时间轴中,从而实现动画按钮。
③按钮:它可以在电影中创建交互按钮,响应标准的鼠标事件。
(2)创建元件。
创建新元件时工作区会自动从电影编辑模式切换到元件编辑模式,元件名称会出现在工作区左上角,窗口中会出现一个十字线,代表元件的注册点。
元件编辑完成后,单击左上角的场景名称,可以退出元件编辑模式,回到电影编辑模式。这时,库窗口中就会新增一个刚刚建立的新元件。
(3)编辑元件。
选中一个元件的实例,单击鼠标右健,在弹出快捷菜单中有如下几个命令:
①编辑:在原工作区编辑元件,在工作区中不保留其他对象,只有元件对象在工作区中可以编辑。
②在当前位置编辑:在原工作区编辑元件,在工作区中保留其他对象,但其他对象此时变为灰色,不可编辑。
③在新窗口中编辑:在一个新的窗口中编辑元件。
上述各种方法都可以编辑元件,并且元件经过编辑后,它在电影中的所有实例会自动更新。
2.“箭头”工具中的“选项”框
选中“箭头”工具后,会出现三个附加选项。
(1)“贴紧对象”:吸附到对象,选中后可进人“吸附”状态。此时,对绘制图形、移动对象都可以准确地定位,而且设置动画路径时,能够自动将对象吸附到路径上。但不适用于微量调整。
(2)“直线”:伸直。可以使选中的曲线或图形更加平直,多次单击具有累积效果。
(3)“平滑”:平滑。可以使曲线或图形外形更加平滑。
学生在老师讲解后拓展练习,熟悉元件分类,创建元件和编辑元件注意事项,箭头工具附加选项的使用等知识,操作练习。教师巡视指导。
布置作业
(1)制作一个有立体效果的圆球从舞台左侧移动到舞台右侧的动画。
提示:用“椭圆”工具绘制圆形,用“填充颜色”工具填充渐变中心,圆球的高亮区为白色,暗区为黑色,其他区域为蓝色。
(2)制作一个旋转的风车的动画。
提示:根据任务描述很容易看出风车绕中心点旋转,是一个动作补间动画中的对象旋转动画。在Flash中制作对象旋转时,对象必须是一个实例,而不能是一个在舞台上直接绘制的对象。因此,要先制作风车元件,然后,再制作风车实例旋转的动画。
在绘制对象的过程中,要充分利用复制、粘贴功能以简化绘制过程。
旋转动画是动作补间动画的一种,制作旋转动画时,要注意设置对象的中心点。因为,默认的情况下元件是以舞台中心点为轴旋转的。
板书设计
元件绘制及动作补间动画
动作补间动画
元件(图形、动画或按钮)——库:重复使用
创建运动对象——设置运动的关键帧——创建关键帧间的动作
教学反思
通过本节教学,使学生认识元件的特点、分类、作用以及制作方法,学会设置动作补间动画的关键帧位置,右键快捷菜单选择“创建补间动画”,尝试菜单栏或者在属性面板中选择,自己发挥寻找操作方法,锻炼学生自主学习的能力。教师首先设置教学目标,提出问题,把握操作要领,教师进行示范操作,学生模仿操作,教师巡回辅导,最后由学生独立完成任务,从而激发学生的学习兴趣,培养学生发现问题和解决问题的能力。本次教学采用的教学方式是:以理论学习为基础,以教师设疑、引导、示范为出发点,以动手操作为核心,以完成目标任务为归宿,采用任务驱动式教学法,启发、引导教学法。学生都能圆满完成任务。
河大版八年级全册第5节 设置网页的动画效果教案设计: 这是一份河大版八年级全册<a href="/xx/tb_c132667_t8/?tag_id=27" target="_blank">第5节 设置网页的动画效果教案设计</a>,共5页。教案主要包含了合作学习,拓展思维等内容,欢迎下载使用。
信息技术八年级全册第3节 表格的编辑表格教案设计: 这是一份信息技术八年级全册<a href="/xx/tb_c132665_t8/?tag_id=27" target="_blank">第3节 表格的编辑表格教案设计</a>,共5页。教案主要包含了合作学习,拓展思维等内容,欢迎下载使用。
河大版八年级全册第1节 网站的创建教学设计: 这是一份河大版八年级全册<a href="/xx/tb_c132663_t8/?tag_id=27" target="_blank">第1节 网站的创建教学设计</a>,共6页。教案主要包含了合作学习,拓展思维等内容,欢迎下载使用。