第4章补间动画.ppt

第4章 补间动画 本章学习目标 掌握元件的类型和元件的创建及编辑 掌握形状补间动画的制作方法 掌握动作补间动画的制作方法 本章目录 4.1 元件和实例 4.2 形状补间动画 4.3 动作补间动画 4.4 综合案例 课后实训 4.1元件和实例 在Flash CS5中，元件起着举足轻重的作用。通过重复应用元件，可以提高工作效率、减少文件量。 4.1.1引入案例——花的世界 【案例学习目标】应用元件的相互嵌套及重复使用来制作变化无穷的动画效果。 【案例知识要点】使用椭圆工具绘制花瓣，使用“转换为元件”命令将其转换成元件，使用“变形”面板旋转、复制多个元件，使用“属性”面板设置颜色效果，如图4-1所示。 4.1.2元件和实例的概念 在Flash动画的设计过程中，常常需要创建一些能被引用的元素，一些特殊效果也必须通过这些元素才能实现，这些元素称为元件。元件是一个可以重复使用的图像、按钮或动画。在元件中创建的动画既可以独立于主动画进行播放，也可以将其调入到主动画中作为主动画的一部分。创建元件后，Flash会自动将它添加到元件库中，以后需要时可直接从元件库中调用，而不必每次都重复制作相同的对象。 4.1.2元件和实例的概念 从“库”中进入“舞台”的“元件”称为该“元件”的“实例”。同一元件可以有无数个“实例”，各个“实例”的颜色、方向、大小可以设置成与原来不同的样式，例如，图4-1中五颜六色的花就是元件“花朵”的实例，这就好象演员在舞台上可以穿上不同服装，扮演不同角色。实例不仅能改变外形、位置、颜色等属性，还可以通过“属性”面板改变它们的“类型”，例如，可以从“图形”元件转为“按钮”元件。这是Flash的一个极其优秀的特性。 4.1.2元件和实例的概念 使用元件有以下好处： 可以简化影片，在影片制作的过程中，把要多次使用的元素做成元件，在修改了元件后，使用它的所有实例都会随之更新，而不必逐一修改，从而可以提高工作效率。 所有实例在文件中仅仅保存一个完整的描述，而其余实例只需保存一个参考指针，因此大大减小了文件的尺寸。 在使用元件时，一个元件在浏览器中仅需下载一次，这样可以加快影片的播放速度。 4.1.3元件的分类 Flash中的元件有三种类型，包括图形元件、按钮元件和影片剪辑元件。 1. 图形元件 图形元件是一种最简单的Flash元件，一般用于制作动态图形、不具备交互性的动画，以及与时间轴紧密关联的影片。交互性控制和声音不能在图形元件中使用。 图形元件有自己的编辑区和时间轴，如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。 4.1.3元件的分类 Flash中的元件有三种类型，包括图形元件、按钮元件和影片剪辑元件。 1. 图形元件 图形元件是一种最简单的Flash元件，一般用于制作动态图形、不具备交互性的动画，以及与时间轴紧密关联的影片。交互性控制和声音不能在图形元件中使用。 图形元件有自己的编辑区和时间轴，如果在场景中创建元件的实例，那么实例将受到主场景中时间轴的约束。换句话说，图形元件中的时间轴与其实例在主场景的时间轴同步。 4.1.3元件的分类 2. 按钮元件 图形按钮元件是能激发某种交互行为的按钮，它能响应鼠标事件，如单击、双击或拖动鼠标等。创建按钮元件的关键是设置四种不同状态的帧，即“弹起”、“指针经过”、“按下”、“点击”。 4.1.3元件的分类 3. 影片剪辑元件 影片剪辑元件用来制作独立于主时间轴的动画。影片剪辑元件也像图形元件一样，有自己的编辑区和时间轴，但它的时间轴是独立的，不受其实例在主场景时间轴（主时间轴）的控制。影片剪辑元件就像是主电影中的小电影片段，它可以包括交互性控制、声音甚至其它影片剪辑的实例。你也可以把影片剪辑的实例放在按钮的时间轴中，制作动态按钮。有时为了实现交互性，单独的图像也要制作成影片剪辑元件。 4.1.4创建元件 在动画设计的过程中，有两种创建元件的方法：第一种方法是将当前工作区中的内容选中，然后按快捷键F8将其转换为元件；第二种方法是按快捷键Ctrl+F8创建一个空白的新元件，然后进入元件编辑模式再进行绘制。 1. 创建图形元件 能创建图形元件的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的线条、色块等。 2. 创建按钮元件 按钮元件同样可以采用新建