教学目的与要求教程.pptVIP

第九讲 一、教学目的与要求： 通过对本堂课的学习，使学生了解Flash动画制作的基本知识，学会制作逐帧动画、动作补间动画 二、教学重点与难点： 逐帧动画、动作补间动画的制作 三、教学方式 引导式+分析+实践指导 四、课时：2 五、教学过程 4.3 逐帧动画 下面通过现有图片素材来介绍创建逐帧动画的制作方法，具体操作步骤如下： 1、新建一个文件，此时的时间轴上的第一帧是个 空白关键帧。 2、在其他图片处理程序（如Photoshop）中将准 备好的图片素材打开，选中后按【Ctrl+C】组 合键进行复制。 3、在Flash中，选择第1帧，按【Ctrl+V】组合 键进行粘贴，如图所示。 4、用步骤2中同样的方法复制素材的第2幅图片。 5、在第2帧处插入一个关键帧，然后将复制的图 片粘贴到第2帧中，如图所示。 6、选择【预览（Preview）】模式，在时间轴 上显示每一帧的动画内容，如图所示。 7、执行【控制】 【测试影片】命令测试动画效 果。 4.4 运动补间动画 补间动画是相对于逐帧动画而言的，它通过定义动画某一部分的起点和终点的内容，然后由Flash自动生成两端点间各帧（一般称这些帧为补间帧）的内容。 4.4.1 创建运动补间动画 下面先通过一个例子来说明创建运动补间的方法，具体操作步骤如下： 在Flash中可以建立两种补间动画——形状补间（Shape Tween）和运动补间（Motion Tween），每种都有其自己的特性。本节我们先介绍运动补间动画的制作。 1、新建一个文件，然后利用工具箱的工具制作 一幅图片，如图所示。 2、新建一个图层【图层 2】。 3、用【画笔工具】在舞台上绘制一面红旗，将 颜色设置为红色，，如图所示。 4、选择图层 1中的第15帧，插入普通帧。 5、选择图层 2，在第1帧上将红旗拖到旗杆的下 方，按【Ctrl+G】组合键使其成组。 6、选择第15帧，插入关键帧，将红旗拖至旗杆 上方，如图所示，然后释放鼠标。 7、用鼠标右击图层 2的第1帧，从弹出的快捷菜 单中选择【创建补间动画（Create Motion  Tween）】命令，此时的【时间轴】面板如 图所示。 8、下面来制作降旗的动画。在图层 1的第60帧 处插入普通帧。 9、在图层 2的第45帧处插入关键帧，然后选中 第1帧到第15帧，复制选中的帧。 10、用鼠标右击第46帧，将复制的帧粘贴到此 处。 11、选择第46至60帧，翻转动画帧，使升旗过 程变为降旗过程。此时的【时间轴】面板及 画面如下图所示。 4.4.2 设置运动补间属性 当选中【时间轴】面板中的某帧（尚未创建补间动画的帧）后，属性面板即显示为帧属性面板，如图所示。 该面板中各选项功能如下所述： 帧： 补间： 当在时间轴上选择设置了运动补间的帧，帧属性面板会有所变化，如图示。 以下是对应于运动补间模式的选项设置： 【简易(Ease)】： 【旋转（Rotate）】： 【调整到路径（Orient to path）】： 【同步（Sync）】： 【吸附】： 运动补间属性面板中各选项的使用具体操作步骤如下： 1、 接上例中的文件，新建图层3。 2、选择新建的图层 3的第1帧，按【Ctrl+R】组 合键导入一幅图片，如图所示。 3、按【Ctrl+B】组合键将导入的图形打散。 4、从工具箱中选择【套索工具】，从其选项区 中选择【魔术棒】工具，单击导入图片的白 色背景部分，将其选中，按【Delete】键删 除，效果如图所示。 5、将图层 3的第1帧中的内容全部选中，按 【Ctrl+G】组合键使所有图像成组，成组后 的对象会被蓝框框住。将成组后的对象移到 舞台的右上角。 6、在第60帧处插入关键帧，并将图像移到舞台 的左下角，如图所示。 7、选择第1帧，然后在帧属性面板中进行如图所 示的设置。 8、按【Ctrl+Enter】组合键测试动画效果。 4.5 形状补间动画 形状补间动画是指形状逐渐发生变化的动画，一般称为变形动画。 4.5.1 形状补间的创建 建立变形动画的般步骤如下： 1、新建一个文件，将该文件背景设置为深蓝色。 2、用【直线工具】在舞台的左侧绘制一个长方体 轮廓，用填充工具为长方体三个面填充上不同 的颜色，如图所示。