第11课《制作简单动画》课件2五年级上册

第7课 制作简单动画 本章要点具体要求本章导读上机练习本章要点逐帧动画动作补间动画形状补间动画具体要求掌握逐帧动画的制作方法掌握动作补间动画的制作方法掌握形状补间动画的制作方法本章导读Flash最主要的功能就是制作动画。Flash能够制作的动画类型很多，一种类型的动画也可以构成一个简单动画。为了使Flash作品更加形象、生动，往往需要在一个Flash作品中综合应用不同类型的动画。因此，只有掌握了制作不同类型的简单动画后，才能制作含有多种类型动画的复杂作品。逐帧动画：变化过程要求较精细的动画，如人走路、眨眼、打字效果等动作补间动画：制作物体运动的动画，如奔驰的汽车等形状补间动画：制作物体变形或变色的动画，如变色文字、涟漪效果等本章导读由于动画的生成原理和制作方法不相同，因此动画的表示方法也不相同。不同的动画对应的帧表示方式如下：形状补间动画：各关键帧之间用浅绿色背景的黑色箭头表示的为形状补间动画。动作补间动画：各关键帧之间用浅蓝色背景的黑色箭头表示的为动作补间动画。未产生动画：指两个关键帧之间的动画没有创建成功，或在创建动画时操作错误。两个关键帧之间是由虚线连接起来的。含动作的动画：为一个关键帧添加了Actions语句，这个关键帧上就会出现小写的“a”符号。Actions语句的使用将在第10课和第11课中详细介绍。含帧标签的动画：为一个关键帧进行命名、标签或注释后，关键帧上有一个小红旗标记，且后面标注有文字。中文版中文版FlashFlash动画制作培训教程动画制作培训教程金手指考试网 http:/ 科目四元贝驾考网 http:/ 科目一科目四仿真考试题C1Grammar 7.1 逐帧动画 逐帧动画的制作原理简单，但是制作起来又相当复杂。下面对该动画类型进行讲解。7.1 逐帧动画7.1.1 知识讲解7.1.2 典型案例打字效果 7.1.1 知识讲解在很多Flash动画中，常常会看到一些动画人物在眨眼、口形在变化等，这些简单的动画效果就是利用逐帧动画实现的。逐帧动画是指由位于同一图层的许多连续关键帧组成的动画，制作者需要在动画的每一帧中创建不同的内容。当动画播放时，Flash就会一帧一帧地显示每帧中的内容。一个逐帧动画，动画中的每一帧都是关键帧。7.1.1 知识讲解1.逐帧动画特点2.逐帧动画制作方法1.逐帧动画特点逐帧动画有如下特点：逐帧动画中的每一帧都是关键帧，每个帧的内容都需要手动编辑，工作量很大，一般不采用该方式制作动画。逐帧动画由许多单个关键帧组合而成，每个关键帧均可独立编辑，且相邻关键帧中的对象变化不大。逐帧动画的文件较大，不利于编辑。逐帧动画效果 2.逐帧动画制作方法创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧，但工作量很大。7.1.2 典型案例打字效果本案例将制作一个名为“打字效果”的动画，主要练习逐帧动画的制作方法。完成后，画面将依次出现“阳安出版社”文字。效果图位置：【第7课源文件打字效果.fla】制作思路：1）在第1帧中利用文字工具输入文字“阳”。2）在第2帧中插入关键帧，在“阳”字后面输入“安”。3）用同样的方法，在其他帧插入关键帧，并分别输入文字。“打字效果”最终效果图 操作步骤本案例比较简单，只需在不同的关键帧中输入文字，其具体操作（请老师参照软件讲解）：案例小结本案例制作的是打字的动画效果，在制作过程中主要用到了文本工具。需要注意的是，制作逐帧动画时，关键帧的数量可以自行设定，各个关键帧的内容也可任意改变，只要两个相邻关键帧上的内容连续性合理即可。7.2 动作补间动画 动作补间动画是制作Flash动画过程中使用得最为频繁的一种动画类型。在Flash动画的制作过程中，常需要制作图片的若隐若现、移动、缩放、旋转等效果，这主要通过动作补间动画来实现。下面将对该动画类型进行讲解。7.2 动作补间动画7.2.1 知识讲解7.2.2 典型案例广告条 7.2.1 知识讲解动作补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、角度等，然后在两个关键帧之间建立一种运动渐变关系，这就是制作动作补间动画的过程。7.2.1 知识讲解1.动作补间动画的特点2.动作补间动画制作方法3.实例属性应用1.动作补间动画的特点 动作补间动画属于补间动画的一种，由两个关键帧和它们之间的普通帧组成。动作补间动画具有如下特点：不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个关键帧之间的所有动画都由Flash创建，制作更加简便。由手工控制，帧与帧之间的过渡可能不自然、连贯；而补间动画除两个关键帧由手工控制外，中间的帧都由Flash自动生成，因此渐变过程更为连贯。文件小，是一种应用较多的动画制作方式。动作补间动画 2.动作补间动画制作方法 动作补间动画就是在两个关键帧之间建立了一种运动补间关系。该类型动画渐变过程很连贯，制作过程也比较简单，只需建立动画的第一个画面和最后一个画面。其具体操作如下：1）在动画的起始帧插入关键帧，并编辑起始帧中的内容。2）选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项。3）选择结束帧并插入关键帧，再编辑结束帧中的内容。动作补间动画的【属性】面板 补间类型添加声音设置运动类型3.实例属性应用创建动作补间动画后，其【属性】面板中各选项的含义如下：【帧】：用于输入帧的标签名称。复选框：选中该复选框使对象沿设定的路径运动，并随着路径的改变而相应地改变角度。复选框：选中该复选框使动画在场景中首尾连续地循环播放。复选框：选中该复选框使对象沿路径运动时，自动捕捉路径。3.实例属性应用【简易】：用于设定对象在变化运动过程中是减速还是加速。单击右侧的按钮，从弹出的滚动条中拖动滑块可设置速度的快慢。正数表示对象运动由快到慢，做减速运动，右侧显示【输出】；负数表示对象运动由慢到快，做加速运动，右侧显示【输入】；默认值为0，表示对象做匀速运动。【补间】下拉列表框：用于选择创建的补间动画的类型。其中，【动作】用于创建动作补间动画，【形状】用于创建形状补间动画，【无】表示不创建动画3.实例属性应用【旋转】下拉列表框：用于设定物体的旋转运动。其中，【无】表示对象不旋转；【自动】表示对象以最小的角度进行旋转，直到终点位置；【顺时针】表示可设定对象沿顺时针方向旋转到终点位置，在其后的【次】文本框中可输入旋转次数，输入0表示不旋转；【逆时针】表示可设定对象沿逆时针方向旋转到终点位置，在其后的【次】文本框中可输入旋转次数，输入0表示不旋转。7.2.2 典型案例广告条本案例将制作一个名为“广告条”的动画，动画中的广告文字将从场景右方进入，并伴随放大、缩小与渐隐等变化，然后从场景左方出去。此案例主要练习动作补间动画的制作方法和Alpha值的设置。效果图位置：【第7课源文件广告条.fla】制作思路：1）利用绘图工具绘制出背景图形。2）制作“强”和“文字”图形元件。3）在场景中为“强”和“文字”图形元件制作动作补间动画，并进行设置。“广告条”最终效果图 操作步骤本案例分为三大部分：第一步，绘制背景图形；第二步，制作图形元件；第三步，制作动作补间动画。.绘制背景图形 这里用绘图工具在两个图层中绘制出广告条的背景图形，其具体操作（请老师参照软件讲解）：2.制作图形元件这里制作两个图形元件。在“强”图形元件中绘制一个矩形，并用选择工具调整，然后输入“强”文字；在“文字”图形元件中输入不同属性的文字，其具体操作（请老师参照软件讲解）：3.制作“强”的动作补间动画 将制作的“强”图形元件拖入到场景的图层中，并创建动作补间动画，然后在【属性】面板中设置旋转等属性，其具体操作（请老师参照软件讲解）：4.制作“文字”的动作补间动画 将制作的“文字”图形元件拖入到场景的图层中，并创建动作补间动画，然后在【属性】面板中设置其Alpha值等属性，具体操作（请老师参照软件讲解）：案例小结本案例制作了一个广告文字在场景中移动、缩放和隐显的动态效果，在制作过程中主要练习创建元件、输入文字、创建动作补间动画和设置动作补间动画属性的方法。案例中创建动作补间动画的方法是先选择【创建补间动画】命令、再插入关键帧的方法，也可以先插入关键帧，将各关键帧中的对象进行设置后，再创建动作补间动画。需要注意的是，必须在创建动作补间动画后，才能设置动作补间动画的属性。7.3 形状补间动画 在Flash动画中，常常看到文字的变形、各种图形之间的变化等，这些都是简单的形状补间动画。7.3 形状补间动画7.3.1 知识讲解7.3.2 典型案例变色的彩灯 7.3.3 典型案例星形变化 7.3.1 知识讲解 形状补间动画，就是先分别定义不同属性的两个关键帧，如对象的外形、颜色变化等，然后在两个关键帧之间建立一种形状渐变关系，这就是制作形状补间动画的过程。7.3.1 知识讲解1.形状补间动画的特点2.形状补间动画制作方法3.形状提示 1.形状补间动画的特点 形状补间动画属于补间动画的一种，也是由两个关键帧和它们之间的普通帧组成，其特点与动作补间动画的一样。2.形状补间动画制作方法 形状补间动画是指图形形状逐渐发生变化的动画。图形的变形不需要依次绘制，只需确定图形在变形前和变形后的两个关键帧中的画面，中间的变化过程由Flash自动完成。其具体操作如下：1）在动画的起始帧插入关键帧，并编辑起始帧中的内容。2）选择起始帧，在【属性】面板的【补间】下拉列表框中选择【形状】选项。3）选择结束帧并插入关键帧，再编辑结束帧中的内容。在时间轴中选取要创建补间动画的帧，【属性】面板中各选项功能和动作补间动画的【属性】面板一样，只有【混合】下拉列表框不同。形状补间动画的【属性】面板 2.形状补间动画制作方法【混合】下拉列表框用于设置中间帧形状变化过渡的模式，其中包括【分布式】和【角形】两项，其含义如下：分布式：使中间帧的形状变化过渡得更加自然。角形：使中间帧的形状变化保持关键帧上图形的棱角。此模式可用于有尖锐棱角的图形变换。如果图形没有尖角，Flash会自动地将此模式设为分布式。3.形状提示 在创建形状补间动画的时候，要控制复杂的形状变化，可以使用形状提示来使变形的过程更加细腻。形状提示会标识起始形状和结束形状中相对应的点。利用形状提示可以将一个图形上的某点转换到另外一个图形上的某个点，使物体间的变形过渡更有目的性，从而制作出更丰富有趣的变形效果。若要将一个圆形渐变为矩形，可创建形状提示，其具体操作如下：1）选择动画的开始帧，再选择【修改】【形状】【添加形状提示】命令。2）移动变形前后的形状提示符号 ，可控制该点在变形前后的位置，这样可约束动画的变形。3.形状提示若要删除形状提示，有以下两种方法：将形状提示拖到画面以外的任何地方。在形状提示上单击鼠标右键，在弹出的快捷菜单中选择【删除提示】命令。要获得最佳效果，请遵循这三条准则：确保形状提示是符合逻辑的。如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。在复杂的补间形状中，需要创建中间形状，然后再进行补间，而不要只定义起始和结束的形状。7.3.2 典型案例变色的彩灯 本案例将制作一个名为“变色的彩灯”的动画，播放时圣诞树上的彩灯将不停地变幻色彩，主要练习形状补间动画的制作方法。素材位置：【第7课素材】效果图位置：【第7课源文件变色的彩灯.fla】制作思路：1）制作“彩灯”影片剪辑元件，在其中创建形状补间动画。2）将制作的“彩灯”影片剪辑元件拖入场景中。“变色的彩灯”最终效果图 操作步骤本案例首先打开“变色的彩灯”Flash文档，新建“彩灯”影片剪辑元件，在元件编辑区中用椭圆工具绘制出彩灯，新建“图层2”，将彩灯图形的填充色块剪切到“图层2”中，并创建形状补间动画。具体操作（请老师参照软件讲解）：案例小结本案例制作了一个圣诞彩灯变幻的动画效果，在制作过程中主要练习绘制图形、创建元件和创建形状补间动画的方法。需要注意的是，在创建色彩的形状补间动画时，最好色彩的对象是同一形状，以避免变形的情况出现。7.3.3 典型案例星形变化 本案例将制作一个名为“星形变化”的动画，完成后三角形将变幻为五角星形，主要练习了形状补间动画的制作方法和形状提示的使用方法。效果图位置：【第7课源文件星形变化.fla】制作思路：1）利用绘图工具在第1帧和第10帧中绘制出三角形和五角星形。2）为第1帧和第10帧创建形状补间动画。3）添加形状提示。“星形变化”最终效果图操作步骤本案例分为两大部分：第一步，绘制图形；第二步，创建形状补间动画，并添加形状提示。1.绘制图形这里用绘图工具在“图层1”中绘制出一个和场景大小一样的矩形，作为背景图形，然后新建“图层2”，在第1帧和第10帧中绘制出三角形和五角星形，其具体操作（请老师参照软件讲解）：2.创建形状补间动画并添加形状提示 这里为“图层2”的第1帧和第10帧创建形状补间动画，并添加5个形状提示，以使三角形与五角星形的变幻更加规则，其具体操作（请老师参照软件讲解）：案例小结本案例制作了一个三角形变化为五角星形的动画效果，在制作过程中主要练习绘制图形、创建形状补间动画和创建形状提示的方法。通过形状提示可以控制三角形与五角星形之间的变化过程，使得对象之间的变形更加自然、有规律。本案例通过选择【修改】【形状】【添加形状提示】命令来添加形状提示，用户也可以在添加了第1个形状提示后，在场景中选中形状提示，单击鼠标右键，在弹出的快捷菜单中选择【添加提示】命令来添加其他的形状提示。7.4 上机练习7.4.1 闪烁 7.4.2 翻跟斗7.4.1 闪烁本次练习将制作“闪烁”效果图，主要练习本课所学的逐帧动画的制作方法。效果图位置：【第8课源文件闪烁.fla】制作思路：文件的大小为“300150”像素。用矩形工具、铅笔工具和多角星形工具绘制背景图形和场景中的星形图形。新建名为“光”的影片剪辑元件，在其中绘制发散的图形，并在第2帧插入关键帧，将图形放大，制作出逐帧动画的效果。将“光”影片剪辑元件拖入场景。7.4.2 翻跟斗 本次练习将制作“翻跟斗”效果图。完成后，场景中的文字将上下翻转，主要练习本课所学的动作补间动画的制作方法。素材位置：【第7课素材】效果图位置：【第7课源文件翻跟斗.fla】制作思路：文件的大小为“500300”像素。导入“翻.jpg”图形素材作为背景。创建“文字”图形元件，制作出文字效果。在场景中新建“图层2”，制作动作补间动画。将第10帧中的“翻.jpg”图形素材垂直翻转。