当前位置:首页 >> 小学教育 >>

人教版信息技术五上第11课《制作简单动画》ppt课件


第7课
? ? ? ? 本章要点 具体要求 本章导读 上机练习

制作简单动画

中文版Flash动画制作培训教程

本章要点
? 逐帧动画 ? 动作补间动画 ? 形状补间动画

中文版Flash动画制作培训教程

具体要求
? 掌握逐帧动画的制作

方法 ? 掌握动作补间动画的制作方法 ? 掌握形状补间动画的制作方法

中文版Flash动画制作培训教程

本章导读
? Flash最主要的功能就是制作动画。Flash能够制作的动画 类型很多,一种类型的动画也可以构成一个简单动画。为 了使Flash作品更加形象、生动,往往需要在一个Flash作 品中综合应用不同类型的动画。因此,只有掌握了制作不 同类型的简单动画后,才能制作含有多种类型动画的复杂 作品。
– 逐帧动画:变化过程要求较精细的动画,如人走路、眨眼、打字 效果等 – 动作补间动画:制作物体运动的动画,如奔驰的汽车等 – 形状补间动画:制作物体变形或变色的动画,如变色文字、涟漪 效果等

中文版Flash动画制作培训教程

本章导读
? 由于动画的生成原理和制作方法不相同,因此动画的表示方法也 不相同。不同的动画对应的帧表示方式如下: – 形状补间动画:各关键帧之间用浅绿色背景的黑色箭头表示的 为形状补间动画。 – 动作补间动画:各关键帧之间用浅蓝色背景的黑色箭头表示的 为动作补间动画。 – 未产生动画:指两个关键帧之间的动画没有创建成功,或在创 建动画时操作错误。两个关键帧之间是由虚线连接起来的。 – 含动作的动画:为一个关键帧添加了Actions语句,这个关键帧 上就会出现小写的“a”符号。Actions语句的使用将在第10课和 第11课中详细介绍。 – 含帧标签的动画:为一个关键帧进行命名、标签或注释后,关 键帧上有一个小红旗标记,且后面标注有文字。
中文版Flash动画制作培训教程

7.1 逐帧动画
? 逐帧动画的制作原理简单,但是制作起来 又相当复杂。下面对该动画类型进行讲解。

中文版Flash动画制作培训教程

7.1 逐帧动画
? 7.1.1 知识讲解 ? 7.1.2 典型案例——打字效果

中文版Flash动画制作培训教程

7.1.1 知识讲解
? 在很多Flash动画中,常常会看到一些动画 人物在眨眼、口形在变化等,这些简单的 动画效果就是利用逐帧动画实现的。 ? 逐帧动画是指由位于同一图层的许多连续 关键帧组成的动画,制作者需要在动画的 每一帧中创建不同的内容。当动画播放时, Flash就会一帧一帧地显示每帧中的内容。 一个逐帧动画,动画中的每一帧都是关键 帧。
中文版Flash动画制作培训教程

7.1.1 知识讲解
? 1. 逐帧动画特点 ? 2. 逐帧动画制作方法

中文版Flash动画制作培训教程

1. 逐帧动画特点
? 逐帧动画有如下特点:
– 逐帧动画中的每一帧都是关键帧,每个帧的内 容都需要手动编辑,工作量很大,一般不采用 该方式制作动画。 – 逐帧动画由许多单个关键帧组合而成,每个关 键帧均可独立编辑,且相邻关键帧中的对象变 化不大。 – 逐帧动画的文件较大,不利于编辑。

中文版Flash动画制作培训教程

逐帧动画效果

中文版Flash动画制作培训教程

2. 逐帧动画制作方法
? 创建逐帧动画,需要将每个帧都定义为关 键帧,然后给每个帧创建不同的图像。每 个新关键帧最初包含的内容和它前面的关 键帧是一样的,因此可以递增地修改动画 中的帧,但工作量很大。

中文版Flash动画制作培训教程

7.1.2 典型案例——打字效果
? 本案例将制作一个名为“打字效果”的动画,主 要练习逐帧动画的制作方法。完成后,画面将依 次出现“阳安出版社”文字。 ? 效果图位置:【\第7课\源文件\打字效果.fla】 ? 制作思路:
– 1)在第1帧中利用文字工具输入文字“阳”。 – 2)在第2帧中插入关键帧,在“阳”字后面输入 “安”。 – 3)用同样的方法,在其他帧插入关键帧,并分别输入 文字。
中文版Flash动画制作培训教程

“打字效果”最终效果图

中文版Flash动画制作培训教程

操作步骤
? 本案例比较简单,只需在不同的关键帧中 输入文字,其具体操作(请老师参照软件 讲解):

中文版Flash动画制作培训教程

案例小结
? 本案例制作的是打字的动画效果,在制作 过程中主要用到了文本工具。需要注意的 是,制作逐帧动画时,关键帧的数量可以 自行设定,各个关键帧的内容也可任意改 变,只要两个相邻关键帧上的内容连续性 合理即可。

中文版Flash动画制作培训教程

7.2 动作补间动画
? 动作补间动画是制作Flash动画过程中使用 得最为频繁的一种动画类型。在Flash动画 的制作过程中,常需要制作图片的若隐若 现、移动、缩放、旋转等效果,这主要通 过动作补间动画来实现。下面将对该动画 类型进行讲解。

中文版Flash动画制作培训教程

7.2 动作补间动画
? 7.2.1 知识讲解 ? 7.2.2 典型案例——广告条

中文版Flash动画制作培训教程

7.2.1 知识讲解
? 动作补间动画是在两个关键帧上分别定义 不同的属性,如对象的大小、位置、角度 等,然后在两个关键帧之间建立一种运动 渐变关系,这就是制作动作补间动画的过 程。

中文版Flash动画制作培训教程

7.2.1 知识讲解
? 1. 动作补间动画的特点 ? 2. 动作补间动画制作方法 ? 3. 实例属性应用

中文版Flash动画制作培训教程

1. 动作补间动画的特点
? 动作补间动画属于补间动画的一种,由两个关键 帧和它们之间的普通帧组成。 ? 动作补间动画具有如下特点:
– 不需要手工创建每个帧的内容,只需要创建两个关键 帧的内容,两个关键帧之间的所有动画都由Flash创建, 制作更加简便。 – 由手工控制,帧与帧之间的过渡可能不自然、连贯; 而补间动画除两个关键帧由手工控制外,中间的帧都 由Flash自动生成,因此渐变过程更为连贯。 – 文件小,是一种应用较多的动画制作方式。
中文版Flash动画制作培训教程

动作补间动画

中文版Flash动画制作培训教程

2. 动作补间动画制作方法
? 动作补间动画就是在两个关键帧之间建立了一种 运动补间关系。该类型动画渐变过程很连贯,制 作过程也比较简单,只需建立动画的第一个画面 和最后一个画面。其具体操作如下:
– 1)在动画的起始帧插入关键帧,并编辑起始帧中的内 容。 – 2)选择起始帧,单击鼠标右键,在弹出的快捷菜单中 选择【创建补间动画】命令,或在【属性】面板的 【补间】下拉列表框中选择【动作】选项。 – 3)选择结束帧并插入关键帧,再编辑结束帧中的内容。

中文版Flash动画制作培训教程

动作补间动画的【属性】面板

设置运动类型

补间类型

添加声音

中文版Flash动画制作培训教程

3. 实例属性应用
– 创建动作补间动画后,其【属性】面板中各选 项的含义如下: – 【帧】:用于输入帧的标签名称。 – 复选框:选中该复选框使对象沿设定 的路径运动,并随着路径的改变而相应地改变 角度。 – 复选框:选中该复选框使动画在场景中 首尾连续地循环播放。 – 复选框:选中该复选框使对象沿路径运动 时,自动捕捉路径。
中文版Flash动画制作培训教程

3. 实例属性应用
– 【简易】:用于设定对象在变化运动过程中是减速还 是加速。单击右侧的按钮,从弹出的滚动条中拖动滑 块可设置速度的快慢。正数表示对象运动由快到慢, 做减速运动,右侧显示【输出】;负数表示对象运动 由慢到快,做加速运动,右侧显示【输入】;默认值 为0,表示对象做匀速运动。 – 【补间】下拉列表框:用于选择创建的补间动画的类 型。其中,【动作】用于创建动作补间动画,【形状】 用于创建形状补间动画,【无】表示不创建动画

中文版Flash动画制作培训教程

3. 实例属性应用
? 【旋转】下拉列表框:用于设定物体的旋转运动。 其中,【无】表示对象不旋转;【自动】表示对 象以最小的角度进行旋转,直到终点位置;【顺 时针】表示可设定对象沿顺时针方向旋转到终点 位置,在其后的【次】文本框中可输入旋转次数, 输入0表示不旋转;【逆时针】表示可设定对象沿 逆时针方向旋转到终点位置,在其后的【次】文 本框中可输入旋转次数,输入0表示不旋转。

中文版Flash动画制作培训教程

7.2.2 典型案例——广告条
? 本案例将制作一个名为“广告条”的动画,动画 中的广告文字将从场景右方进入,并伴随放大、 缩小与渐隐等变化,然后从场景左方出去。此案 例主要练习动作补间动画的制作方法和Alpha值的 设置。 ? 效果图位置:【\第7课\源文件\广告条.fla】 ? 制作思路:
– 1)利用绘图工具绘制出背景图形。 – 2)制作“强”和“文字”图形元件。 – 3)在场景中为“强”和“文字”图形元件制作动作补 间动画,并进行设置。

中文版Flash动画制作培训教程

“广告条”最终效果图

中文版Flash动画制作培训教程

操作步骤
? 本案例分为三大部分:第一步,绘制背景 图形;第二步,制作图形元件;第三步, 制作动作补间动画。

中文版Flash动画制作培训教程

1. 绘制背景图形
? 这里用绘图工具在两个图层中绘制出广告 条的背景图形,其具体操作(请老师参照 软件讲解):

中文版Flash动画制作培训教程

2. 制作图形元件
? 这里制作两个图形元件。在“强”图形元 件中绘制一个矩形,并用选择工具调整, 然后输入“强”文字;在“文字”图形元 件中输入不同属性的文字,其具体操作 (请老师参照软件讲解):

中文版Flash动画制作培训教程

3. 制作“强”的动作补间动画
? 将制作的“强”图形元件拖入到场景的图 层中,并创建动作补间动画,然后在【属 性】面板中设置旋转等属性,其具体操作 (请老师参照软件讲解):

中文版Flash动画制作培训教程

4. 制作“文字”的动作补间动画
? 将制作的“文字”图形元件拖入到场景的 图层中,并创建动作补间动画,然后在 【属性】面板中设置其Alpha值等属性,具 体操作(请老师参照软件讲解):

中文版Flash动画制作培训教程

案例小结
? 本案例制作了一个广告文字在场景中移动、缩放 和隐显的动态效果,在制作过程中主要练习创建 元件、输入文字、创建动作补间动画和设置动作 补间动画属性的方法。 ? 案例中创建动作补间动画的方法是先选择【创建 补间动画】命令、再插入关键帧的方法,也可以 先插入关键帧,将各关键帧中的对象进行设置后, 再创建动作补间动画。需要注意的是,必须在创 建动作补间动画后,才能设置动作补间动画的属 性。
中文版Flash动画制作培训教程

7.3 形状补间动画
? 在Flash动画中,常常看到文字的变形、各 种图形之间的变化等,这些都是简单的形 状补间动画。

中文版Flash动画制作培训教程

7.3 形状补间动画
? 7.3.1 知识讲解 ? 7.3.2 典型案例——变色的彩灯 ? 7.3.3 典型案例——星形变化

中文版Flash动画制作培训教程

7.3.1 知识讲解
? 形状补间动画,就是先分别定义不同属性 的两个关键帧,如对象的外形、颜色变化 等,然后在两个关键帧之间建立一种形状 渐变关系,这就是制作形状补间动画的过 程。

中文版Flash动画制作培训教程

7.3.1 知识讲解
? 1. 形状补间动画的特点 ? 2. 形状补间动画制作方法 ? 3. 形状提示

中文版Flash动画制作培训教程

1. 形状补间动画的特点
? 形状补间动画属于补间动画的一种,也是 由两个关键帧和它们之间的普通帧组成, 其特点与动作补间动画的一样。

中文版Flash动画制作培训教程

2. 形状补间动画制作方法
? 形状补间动画是指图形形状逐渐发生变化的动画。图形的 变形不需要依次绘制,只需确定图形在变形前和变形后的 两个关键帧中的画面,中间的变化过程由Flash自动完成。 其具体操作如下:
– 1)在动画的起始帧插入关键帧,并编辑起始帧中的内容。 – 2)选择起始帧,在【属性】面板的【补间】下拉列表框中选择 【形状】选项。 – 3)选择结束帧并插入关键帧,再编辑结束帧中的内容。

? 在时间轴中选取要创建补间动画的帧,【属性】面板中各 选项功能和动作补间动画的【属性】面板一样,只有【混 合】下拉列表框不同。

中文版Flash动画制作培训教程

形状补间动画的【属性】面板

中文版Flash动画制作培训教程

2. 形状补间动画制作方法
? 【混合】下拉列表框用于设置中间帧形状 变化过渡的模式,其中包括【分布式】和 【角形】两项,其含义如下:
– 分布式:使中间帧的形状变化过渡得更加自然。 – 角形:使中间帧的形状变化保持关键帧上图形 的棱角。此模式可用于有尖锐棱角的图形变换。 如果图形没有尖角,Flash会自动地将此模式设 为分布式。

中文版Flash动画制作培训教程

3. 形状提示
? 在创建形状补间动画的时候,要控制复杂的形状变化,可 以使用形状提示来使变形的过程更加细腻。形状提示会标 识起始形状和结束形状中相对应的点。利用形状提示可以 将一个图形上的某点转换到另外一个图形上的某个点,使 物体间的变形过渡更有目的性,从而制作出更丰富有趣的 变形效果。 ? 若要将一个圆形渐变为矩形,可创建形状提示,其具体操 作如下:
– 1)选择动画的开始帧,再选择【修改】→【形状】→【添加形状 提示】命令。 – 2)移动变形前后的形状提示符号 ,可控制该点在变形前后的位 置,这样可约束动画的变形。

中文版Flash动画制作培训教程

3. 形状提示
? 若要删除形状提示,有以下两种方法:
– 将形状提示拖到画面以外的任何地方。 – 在形状提示上单击鼠标右键,在弹出的快捷菜单中选 择【删除提示】命令。

? 要获得最佳效果,请遵循这三条准则:
– 确保形状提示是符合逻辑的。 – 如果按逆时针顺序从形状的左上角开始放置形状提示, 它们的工作效果最好。 – 在复杂的补间形状中,需要创建中间形状,然后再进 行补间,而不要只定义起始和结束的形状。
中文版Flash动画制作培训教程

7.3.2 典型案例——变色的彩灯
? 本案例将制作一个名为“变色的彩灯”的动画, 播放时圣诞树上的彩灯将不停地变幻色彩,主要 练习形状补间动画的制作方法。 ? 素材位置:【\第7课\素材】 ? 效果图位置:【\第7课\源文件\变色的彩灯.fla】 ? 制作思路:
– 1)制作“彩灯”影片剪辑元件,在其中创建形状补间 动画。 – 2)将制作的“彩灯”影片剪辑元件拖入场景中。
中文版Flash动画制作培训教程

“变色的彩灯”最终效果图

中文版Flash动画制作培训教程

操作步骤
? 本案例首先打开“变色的彩灯”Flash文档, 新建“彩灯”影片剪辑元件,在元件编辑 区中用椭圆工具绘制出彩灯,新建“图层2”, 将彩灯图形的填充色块剪切到“图层2”中, 并创建形状补间动画。具体操作(请老师 参照软件讲解):

中文版Flash动画制作培训教程

案例小结
? 本案例制作了一个圣诞彩灯变幻的动画效 果,在制作过程中主要练习绘制图形、创 建元件和创建形状补间动画的方法。需要 注意的是,在创建色彩的形状补间动画时, 最好色彩的对象是同一形状,以避免变形 的情况出现。

中文版Flash动画制作培训教程

7.3.3 典型案例——星形变化
? 本案例将制作一个名为“星形变化”的动画,完 成后三角形将变幻为五角星形,主要练习了形状 补间动画的制作方法和形状提示的使用方法。 ? 效果图位置:【\第7课\源文件\星形变化.fla】 ? 制作思路:
– 1)利用绘图工具在第1帧和第10帧中绘制出三角形和 五角星形。 – 2)为第1帧和第10帧创建形状补间动画。 – 3)添加形状提示。
中文版Flash动画制作培训教程

“星形变化”最终效果图

中文版Flash动画制作培训教程

操作步骤
? 本案例分为两大部分:第一步,绘制图形; 第二步,创建形状补间动画,并添加形状 提示。

中文版Flash动画制作培训教程

1. 绘制图形
? 这里用绘图工具在“图层1”中绘制出一个和 场景大小一样的矩形,作为背景图形,然 后新建“图层2”,在第1帧和第10帧中绘制 出三角形和五角星形,其具体操作(请老 师参照软件讲解):

中文版Flash动画制作培训教程

2. 创建形状补间动画并添加形状提示

? 这里为“图层2”的第1帧和第10帧创建形状 补间动画,并添加5个形状提示,以使三角 形与五角星形的变幻更加规则,其具体操 作(请老师参照软件讲解):

中文版Flash动画制作培训教程

案例小结
? 本案例制作了一个三角形变化为五角星形的动画 效果,在制作过程中主要练习绘制图形、创建形 状补间动画和创建形状提示的方法。通过形状提 示可以控制三角形与五角星形之间的变化过程, 使得对象之间的变形更加自然、有规律。 ? 本案例通过选择【修改】→【形状】→【添加形 状提示】命令来添加形状提示,用户也可以在添 加了第1个形状提示后,在场景中选中形状提示, 单击鼠标右键,在弹出的快捷菜单中选择【添加 提示】命令来添加其他的形状提示。

中文版Flash动画制作培训教程

7.4 上机练习
? 7.4.1 闪烁 ? 7.4.2 翻跟斗

中文版Flash动画制作培训教程

7.4.1 闪烁
? 本次练习将制作 “闪烁”效果图,主要练习本课 所学的逐帧动画的制作方法。 ? 效果图位置:【\第8课\源文件\闪烁.fla】 ? 制作思路:
– 文件的大小为“300×150”像素。 – 用矩形工具、铅笔工具和多角星形工具绘制背景图形 和场景中的星形图形。 – 新建名为“光”的影片剪辑元件,在其中绘制发散的 图形,并在第2帧插入关键帧,将图形放大,制作出逐 帧动画的效果。 – 将“光”影片剪辑元件拖入场景。

中文版Flash动画制作培训教程

“闪烁”最终效果图

中文版Flash动画制作培训教程

7.4.2 翻跟斗
? 本次练习将制作 “翻跟斗”效果图。完成后,场 景中的文字将上下翻转,主要练习本课所学的动 作补间动画的制作方法。 ? 素材位置:【\第7课\素材】 ? 效果图位置:【\第7课\源文件\翻跟斗.fla】 ? 制作思路:
– – – – – 文件的大小为“500×300”像素。 导入“翻.jpg”图形素材作为背景。 创建“文字”图形元件,制作出文字效果。 在场景中新建“图层2”,制作动作补间动画。 将第10帧中的“翻.jpg”图形素材垂直翻转。
中文版Flash动画制作培训教程

“翻跟斗”最终效果图

中文版Flash动画制作培训教程


相关文章:
人教版信息技术五上第1课《制作简单的幻灯片》word教案
人教版信息技术五上第1课《制作简单的幻灯片》word教案_其它课程_小学教育_教育专区。《第 1 课 制作简单的幻灯片》教学设计 江苏省南京市拉萨路小学 韩孟江 ...
小学信息技术《制作简单动画》教学设计
设计教学系统设计:本课教学是人教版五年级《信息技术》五年级上册教材第九课的...效果评价 教学准备 ●人教版信息技术五年级上册《制作简单动画》课件 ●微格...
《做一个简单的动画》教学设计(小学信息技术精品)
《做一个简单动画》教学设计(小学信息技术精品)_六年级其它课程_其它课程_...教学 媒体 课件、评价软件、奖品。熟悉网络教室软件。 教学过程 师生活动 提前...
《制作简单动画》课件脚本
《制作简单动画》课件脚本_其它课程_高中教育_教育专区。《制作简单的动画》脚本小组成员:颜兆邦、刘行强、冯林林画面:课文 序号:Ⅰ 进入方式: 双击 PPT 文件打开...
022七年级信息技术上册教案-第五单元2第一节制作简单动画
022七年级信息技术上册教案-第五单元2第一节制作简单动画_其它课程_初中教育_教育专区。天津版七年级信息技术教案课题 教学 目标 教材分析 教学 重难 点 考点 与...
初中信息技术《Flash软件制作简单动画》教案
初中信息技术《Flash 软件制作简单动画》教案一、教学...大家运用上节课掌握的基础知识以及 助学课件的帮助来...四、板书设计 -2- 五、教学反思 -3- ...
小学五年级上册制作简单的幻灯片教案(1课)
五年级 第 1 单元 科 目 小学信息技术 制作简单...网络机房, PPT 课件 知识性目标 教学目标 2、学会...为什么? (有文字、图片、声音、动画、视频??生动)...
《制作简单的动画》教案
《制作简单动画》教案 年级 课题 人教版小学信息技术五年级上册 《制作简单动画》 1、认识动画工作栏,了解帧、关键帧和过渡帧。 2、能够利用关键帧制作简单的...
人教版信息技术五上第3课《制作多媒体演示文稿》word教案
人教版信息技术五上第3课《制作多媒体演示文稿》word教案_其它课程_小学教育_教育专区。《第 2 课 制作多媒体演示文稿》教学设计 课题 教学目标 第 3 课 制作...
更多相关标签:
人教版离骚课件 | 人教版高一生物课件 | 人教版小学数学课件 | 人教版数学课件 | 人教版四年级上册课件 | 人教版二年级数学课件 | 人教版九年级英语课件 | 人教版课件 |