《人教版信息技术五上第11课《制作简单动画》ppt课件》由会员分享,可在线阅读,更多相关《人教版信息技术五上第11课《制作简单动画》ppt课件(60页珍藏版)》请在金锄头文库上搜索。
1、中文版中文版FlashFlash动画制作培训教程动画制作培训教程第7课 制作简单动画 本章要点具体要求本章导读上机练习中文版中文版FlashFlash动画制作培训教程动画制作培训教程本章要点逐帧动画动作补间动画形状补间动画中文版中文版FlashFlash动画制作培训教程动画制作培训教程具体要求掌握逐帧动画的制作方法掌握动作补间动画的制作方法掌握形状补间动画的制作方法中文版中文版FlashFlash动画制作培训教程动画制作培训教程本章导读Flash最主要的功能就是制作动画。Flash能够制作的动画类型很多,一种类型的动画也可以构成一个简单动画。为了使Flash作品更加形象、生动,往往需要在一个F
2、lash作品中综合应用不同类型的动画。因此,只有掌握了制作不同类型的简单动画后,才能制作含有多种类型动画的复杂作品。逐帧动画:变化过程要求较精细的动画,如人走路、眨眼、打字效果等动作补间动画:制作物体运动的动画,如奔驰的汽车等形状补间动画:制作物体变形或变色的动画,如变色文字、涟漪效果等中文版中文版FlashFlash动画制作培训教程动画制作培训教程本章导读由于动画的生成原理和制作方法不相同,因此动画的表示方法也不相同。不同的动画对应的帧表示方式如下:形状补间动画:各关键帧之间用浅绿色背景的黑色箭头表示的为形状补间动画。动作补间动画:各关键帧之间用浅蓝色背景的黑色箭头表示的为动作补间动画。未产
3、生动画:指两个关键帧之间的动画没有创建成功,或在创建动画时操作错误。两个关键帧之间是由虚线连接起来的。含动作的动画:为一个关键帧添加了Actions语句,这个关键帧上就会出现小写的“a”符号。Actions语句的使用将在第10课和第11课中详细介绍。含帧标签的动画:为一个关键帧进行命名、标签或注释后,关键帧上有一个小红旗标记,且后面标注有文字。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.1 逐帧动画 逐帧动画的制作原理简单,但是制作起来又相当复杂。下面对该动画类型进行讲解。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.1 逐帧动画7.1.1 知识讲
4、解7.1.2 典型案例打字效果 中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.1.1 知识讲解在很多Flash动画中,常常会看到一些动画人物在眨眼、口形在变化等,这些简单的动画效果就是利用逐帧动画实现的。逐帧动画是指由位于同一图层的许多连续关键帧组成的动画,制作者需要在动画的每一帧中创建不同的内容。当动画播放时,Flash就会一帧一帧地显示每帧中的内容。一个逐帧动画,动画中的每一帧都是关键帧。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.1.1 知识讲解1. 逐帧动画特点2. 逐帧动画制作方法中文版中文版FlashFlash动画制作培训教程动画制作培
5、训教程1. 逐帧动画特点逐帧动画有如下特点:逐帧动画中的每一帧都是关键帧,每个帧的内容都需要手动编辑,工作量很大,一般不采用该方式制作动画。逐帧动画由许多单个关键帧组合而成,每个关键帧均可独立编辑,且相邻关键帧中的对象变化不大。逐帧动画的文件较大,不利于编辑。中文版中文版FlashFlash动画制作培训教程动画制作培训教程 逐帧动画效果 中文版中文版FlashFlash动画制作培训教程动画制作培训教程2. 逐帧动画制作方法创建逐帧动画,需要将每个帧都定义为关键帧,然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此可以递增地修改动画中的帧,但工作量很大。中文版中
6、文版FlashFlash动画制作培训教程动画制作培训教程7.1.2 典型案例打字效果本案例将制作一个名为“打字效果”的动画,主要练习逐帧动画的制作方法。完成后,画面将依次出现“阳安出版社”文字。效果图位置:【第7课源文件打字效果.fla】制作思路:1)在第1帧中利用文字工具输入文字“阳”。2)在第2帧中插入关键帧,在“阳”字后面输入“安”。3)用同样的方法,在其他帧插入关键帧,并分别输入文字。中文版中文版FlashFlash动画制作培训教程动画制作培训教程“打字效果”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程 操作步骤本案例比较简单,只需在不同的关键帧中输入文
7、字,其具体操作(请老师参照软件讲解):中文版中文版FlashFlash动画制作培训教程动画制作培训教程案例小结本案例制作的是打字的动画效果,在制作过程中主要用到了文本工具。需要注意的是,制作逐帧动画时,关键帧的数量可以自行设定,各个关键帧的内容也可任意改变,只要两个相邻关键帧上的内容连续性合理即可。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.2 动作补间动画 动作补间动画是制作Flash动画过程中使用得最为频繁的一种动画类型。在Flash动画的制作过程中,常需要制作图片的若隐若现、移动、缩放、旋转等效果,这主要通过动作补间动画来实现。下面将对该动画类型进行讲解。中文版中
8、文版FlashFlash动画制作培训教程动画制作培训教程7.2 动作补间动画7.2.1 知识讲解7.2.2 典型案例广告条 中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.2.1 知识讲解动作补间动画是在两个关键帧上分别定义不同的属性,如对象的大小、位置、角度等,然后在两个关键帧之间建立一种运动渐变关系,这就是制作动作补间动画的过程。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.2.1 知识讲解1. 动作补间动画的特点2. 动作补间动画制作方法3. 实例属性应用中文版中文版FlashFlash动画制作培训教程动画制作培训教程1. 动作补间动画的特点 动
9、作补间动画属于补间动画的一种,由两个关键帧和它们之间的普通帧组成。动作补间动画具有如下特点:不需要手工创建每个帧的内容,只需要创建两个关键帧的内容,两个关键帧之间的所有动画都由Flash创建,制作更加简便。由手工控制,帧与帧之间的过渡可能不自然、连贯;而补间动画除两个关键帧由手工控制外,中间的帧都由Flash自动生成,因此渐变过程更为连贯。文件小,是一种应用较多的动画制作方式。中文版中文版FlashFlash动画制作培训教程动画制作培训教程动作补间动画 中文版中文版FlashFlash动画制作培训教程动画制作培训教程2. 动作补间动画制作方法 动作补间动画就是在两个关键帧之间建立了一种运动补间
10、关系。该类型动画渐变过程很连贯,制作过程也比较简单,只需建立动画的第一个画面和最后一个画面。其具体操作如下:1)在动画的起始帧插入关键帧,并编辑起始帧中的内容。2)选择起始帧,单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,或在【属性】面板的【补间】下拉列表框中选择【动作】选项。3)选择结束帧并插入关键帧,再编辑结束帧中的内容。中文版中文版FlashFlash动画制作培训教程动画制作培训教程动作补间动画的【属性】面板 补间类型添加声音设置运动类型中文版中文版FlashFlash动画制作培训教程动画制作培训教程3. 实例属性应用创建动作补间动画后,其【属性】面板中各选项的含义如下: 【
11、帧】:用于输入帧的标签名称。 复选框:选中该复选框使对象沿设定的路径运动,并随着路径的改变而相应地改变角度。 复选框:选中该复选框使动画在场景中首尾连续地循环播放。 复选框:选中该复选框使对象沿路径运动时,自动捕捉路径。中文版中文版FlashFlash动画制作培训教程动画制作培训教程3. 实例属性应用【简易】:用于设定对象在变化运动过程中是减速还是加速。单击右侧的按钮,从弹出的滚动条中拖动滑块可设置速度的快慢。正数表示对象运动由快到慢,做减速运动,右侧显示【输出】;负数表示对象运动由慢到快,做加速运动,右侧显示【输入】;默认值为0,表示对象做匀速运动。【补间】下拉列表框:用于选择创建的补间动画
12、的类型。其中,【动作】用于创建动作补间动画,【形状】用于创建形状补间动画,【无】表示不创建动画中文版中文版FlashFlash动画制作培训教程动画制作培训教程3. 实例属性应用【旋转】下拉列表框:用于设定物体的旋转运动。其中,【无】表示对象不旋转;【自动】表示对象以最小的角度进行旋转,直到终点位置;【顺时针】表示可设定对象沿顺时针方向旋转到终点位置,在其后的【次】文本框中可输入旋转次数,输入0表示不旋转;【逆时针】表示可设定对象沿逆时针方向旋转到终点位置,在其后的【次】文本框中可输入旋转次数,输入0表示不旋转。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.2.2 典型案例
13、广告条本案例将制作一个名为“广告条”的动画,动画中的广告文字将从场景右方进入,并伴随放大、缩小与渐隐等变化,然后从场景左方出去。此案例主要练习动作补间动画的制作方法和Alpha值的设置。效果图位置:【第7课源文件广告条.fla】制作思路:1)利用绘图工具绘制出背景图形。2)制作“强”和“文字”图形元件。3)在场景中为“强”和“文字”图形元件制作动作补间动画,并进行设置。中文版中文版FlashFlash动画制作培训教程动画制作培训教程 “广告条”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程操作步骤本案例分为三大部分:第一步,绘制背景图形;第二步,制作图形元件;第三
14、步,制作动作补间动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程. 绘制背景图形 这里用绘图工具在两个图层中绘制出广告条的背景图形,其具体操作(请老师参照软件讲解):中文版中文版FlashFlash动画制作培训教程动画制作培训教程2. 制作图形元件这里制作两个图形元件。在“强”图形元件中绘制一个矩形,并用选择工具调整,然后输入“强”文字;在“文字”图形元件中输入不同属性的文字,其具体操作(请老师参照软件讲解):中文版中文版FlashFlash动画制作培训教程动画制作培训教程3. 制作“强”的动作补间动画 将制作的“强”图形元件拖入到场景的图层中,并创建动作补间动画,然后在
15、【属性】面板中设置旋转等属性,其具体操作(请老师参照软件讲解):中文版中文版FlashFlash动画制作培训教程动画制作培训教程4. 制作“文字”的动作补间动画 将制作的“文字”图形元件拖入到场景的图层中,并创建动作补间动画,然后在【属性】面板中设置其Alpha值等属性,具体操作(请老师参照软件讲解):中文版中文版FlashFlash动画制作培训教程动画制作培训教程案例小结本案例制作了一个广告文字在场景中移动、缩放和隐显的动态效果,在制作过程中主要练习创建元件、输入文字、创建动作补间动画和设置动作补间动画属性的方法。案例中创建动作补间动画的方法是先选择【创建补间动画】命令、再插入关键帧的方法,
16、也可以先插入关键帧,将各关键帧中的对象进行设置后,再创建动作补间动画。需要注意的是,必须在创建动作补间动画后,才能设置动作补间动画的属性。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.3 形状补间动画 在Flash动画中,常常看到文字的变形、各种图形之间的变化等,这些都是简单的形状补间动画。 中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.3 形状补间动画7.3.1 知识讲解7.3.2 典型案例变色的彩灯 7.3.3 典型案例星形变化 中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.3.1 知识讲解 形状补间动画,就是先分别定义不同属性的两个关键帧,如对象的外形、颜色变化等,然后在两个关键帧之间建立一种形状渐变关系,这就是制作形状补间动画的过程。中文版中文版FlashFlash动画制作培训教程动画制作培训教程7.3.1 知识讲解1. 形状补间动画的特点2. 形状补间动画制作方法3. 形状提示 中文版中文版FlashFlash动画制作培训教程动画制作培训教程1. 形状补间动画的特点 形状补间动画属于补间动画的一种,也是由两个关