运动渐变动画

FlashCS5动画制作案例教程机械工业出版社教学课件元件和实例运动渐变动画应用实例本章要点FlashCS5动画制作案例教程第7章运动渐变动画7.1元件和实例元件和实例概述元件是一个可以重复使用的图像、动画或按钮。实例是将元件从库中拖到舞台上使用就叫实例。一个演员从从“休息室”走上“舞台”就是“演出”，同理，“元件”从“库”面板中进入“舞台”就被称为该“元件”的“实例”。元件1的三个实例7.1元件和实例元件和实例概述使用元件有诸多的优点，如大大提高开发的效率、降低动画的复杂度等。具体如下：●可以简化影片，在影片制作的过程中，把要多次使用的元素做成元件，当修改了元件后，使用它的所有实例都会随之更新，而不必逐一修改，大大节省了设计时间。●由于所有实例在文件中仅仅保存一个完整的描述，而其余实例只需保存一个参考指针，因此大大减少文件尺寸。●在使用元件时，由于一个实例在浏览中仅需下载一次，这样可以加快影片的播放速度。7.1元件和实例元件的类型

Flash中的元件有3种类型，他们分别是图形元件、按钮元件、影片剪辑元件。●图形元件是一种最简单的Flash元件，一般用于制作动态图形、不具备交互性的动画以及与时间线紧密关联的影片。交互性控制和声音不能在图形符号中使用。●按钮元件可以再影片中创建交互按钮，响应鼠标事件，如单击、双击或拖动鼠标等操作。●影片元件用来制作独立于主时间线的动画。影片剪辑元件就像是主电影中的小电影片段，它可以包括交互性控制、声音甚至其它影片剪辑的实例。你也可以把影片剪辑的实例放在按钮的时间线中，从而实现动态按钮。有时为了实现交互性，单独的图像也要制作影片剪辑符号。7.1元件和实例元件的创建1.创建图形元件（Graphic）按<Ctrl+F8>快捷键创建一个空白的新元件7.1元件和实例元件的创建2.创建按钮元件（Button）按<Ctrl+F8>快捷键创建一个空白的新元件7.1元件和实例元件的创建3.创建影片剪辑元件（MovieClip）“影片剪辑元件”就是平时常听说的“MC”(MovieClip)，在“库”面板中的图标为

。可以把“舞台”上任何看得到的对象，甚至整个“时间轴”内容创建为一个“MC”，而且，还可把这个“MC”放置到另一个“MC”中。还可以把一段动画（如逐帧动画）转换成“影片剪辑”元件。如果要把已经做好的一段动画转换为影片元件就不能选中舞台上的对象直接按<F8>，而是要首先按<Ctrl+F8>创建一个新元件然后把舞台上的动画所有图层剪切再粘贴到新的影片元件中。7.1元件和实例元件的创建1.叶子图形元件的制作7.1元件和实例元件的创建2.叶子按钮7.2运动渐变动画传统补间与补间动画以及形状补间的区别区别之处动作补间动画形状补间动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮、文字、位图等形状，如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用实现一个元件的大小、位置、颜色、透明等的变化。实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。7.2运动渐变动画补间动画和传统补间的区别（1）传统补间使用关键帧。关键帧是其中显示对象的新实例的帧。补间动画只能具有一个与之关联的对象实例，并使用属性关键帧而不是关键帧。（2）补间动画在整个补间范围上由一个目标对象组成。（3）补间动画和传统补间都只允许对特定类型的对象进行补间。若应用补间动画，则在创建补间时会将所有不允许的对象类型转换为影片剪辑。而应用传统补间会将这些对象类型转换为图形元件。（4）补间动画会将文本视为可补间的类型，而不会将文本对象转换为影片剪辑。传统补间会将文本对象转换为图形元件。（5）在补间动画范围上不允许帧脚本。传统补间允许帧脚本。（6）补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。7.2运动渐变动画补间动画和传统补间的区别（7）可以在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。传统补间包括时间轴中可分别选择的帧的组。（8）若要在补间动画范围中选择单个帧，必须按住<Ctrl>单击帧。（9）对于传统补间，缓动可应用于补间内关键帧之间的帧组。对于补间动画，缓动可应用于补间动画范围的整个长度。若要仅对补间动画的特定帧应用缓动，则需要创建自定义缓动曲线。（10）利用传统补间，可以在两种不同的色彩效果（如色调和Alpha透明度）之间创建动画，补间动画可以对每个补间应用一种色彩效果。（11）只可以使用补间动画来为3D对象创建动画效果。无法使用传统补间为3D对象创建动画效果。（12）只有补间动画才能保存为动画预设。（13）对于补间动画，无法交换元件或设置属性关键帧中显示的图形元件的帧数。应用了这些技术的动画要求使用传统补间。7.1元件和实例补间动画的创建传统补间效果7.1元件和实例补间动画的创建补间动画效果7.3精彩实例1网站Banner动画制作7.4精彩实例2钻石广告制作7.5小结本章介绍了F