第7讲2：FLASH在动画中导入与编辑音频、图像、视频素材.ppt

1、第 5 章 制作动作补间动画,5.1 元 件 与 实 例 5.2 创建动作补间动画 5.3 使用时间轴特效 5.4 实例游泳的鱼,5.1 元件与实例,5.1.1 元件与实例的概念 1什么是元件与实例 元件是Flash电影中的重要元素，它是一个可以重复使用的图像、按钮或电影剪辑，而实例是元件在舞台上的具体体现。形象地说，元件是动画的“演员”，而实例是演员在舞台上的“角色”，“角色”是“演员”在舞台上的具体表现。,元件只需创建一次，然后即可在整个文档或其他文档中重复使用。用户创建的任何元件都会自动成为当前文档的库的一部分。每个元件都有自己的时间轴。可以将帧、关键帧和图层添加至元件的时间轴，就好像可

2、以将它们添加到主时间轴一样。,实例是指位于舞台上或嵌套在另一个元件内的元件副本。元件只存在于库面板中。要使用元件，可以将它从库面板中拖动到舞台上。在拖动到舞台上之后，元件立刻变成了实例。实例可以与它的元件在颜色、大小和功能上差别很大，就像“演员”可以化妆到面目全非一样。,2元件与实例的关系 实例来源于元件，舞台上的任何实例都是由元件衍生的。如果元件被删除，则舞台上所有由该元件衍生的实例（除非已经解除与元件的关系）也将被删除。如果元件被修改，则舞台上所有由该元件衍生的实例将自动更新。,3元件的类型 元件的类型有3种，即 影片剪辑 按钮 和图形,5.1.2 创建元件与实例 1将对象转换为元件,图5

3、-1 “转换为符号”对话框,2创建新元件,图5-2 “创建新元件”对话框,图5-3 元件编辑模式,3将舞台上的动画转换为影片剪辑 4有关元件的注册点,图5-4 元件的注册点是其自身坐标系的原点,5创建按钮元件,图5-5 按钮元件的时间轴,图5-6 创建按钮元件,图5-7 按钮元件编辑模式,6复制元件,图5-8 “复制元件”对话框,图5-9 “复制元件”对话框,7使用其他电影中的元件,图5-10 “解决库冲突”对话框,8创建实例 实例是元件在舞台上的具体表现，将创建完成的元件从库面板中拖动到舞台上便形成该元件的一个实例。Flash只可以把实例放在关键帧中，并且总在当前图层上。如果没有选择关键帧，

4、Flash会将实例添加到当前帧左侧的第一个关键帧上。,如果创建的是动态图形元件的实例，则在场景中创建它的实例后，还应按“F5”键执行“插入帧”命令来增加帧数，使之与该元件包含的帧数一致，否则播放时只能显示第1帧。但是电影剪辑元件则只需要一个关键帧就可以播放。,5.1.3 编辑元件 1在元件编辑模式编辑 2在当前位置编辑 3在新窗口中编辑,5.1.4 设置实例属性 1实例的位置、大小和变形属性,图5-11 实例的属性检查器和“信息”面板,2实例的颜色和透明度,图5-13 属性检查器中的颜色选项,图5-14 “高级效果”对话框,3将一个实例与另一个实例交换,图5-15 “交换元件”对话框,4更改实

5、例的类型,图5-16 更改实例的类型,5设置图形实例的动画,图5-17 设置图形实例的动画,5.2 创建动作补间动画,5.2.1 什么是动作补间动画 与形状补间动画一样，动作补间动画（在Flash联机帮助中此类动画被称为“补间动画”，为了将其与“形状补间动画”区分，本书采用“动作补间动画”这个同样为Flash用户所接受的术语）也是由Flash自动生成的动画。动作补间动画主要用于表现渐变、运动、过渡、淡入淡出等动画效果。,5.2.2 产生动作补间的属性 根据对象的不同，能够产生补间动画的对象属性也不同。 对于文字对象来说，可以变化的属性包括文字的位置和旋转属性。,对于组合体对象来说，可以变化的属

6、性包括：大小、位置和变形属性等。 对于元件的实例来说，可以变化的属性包括：大小、位置、变形、颜色和透明度等，详细信息请参见5.1.4节。,5.2.3 动作补间动画的制作步骤,图5-18 设置动作补间动画的选项,5.2.4 沿着路径补间动画 1运动引导层简述 2创建运动引导层 3利用引导线控制动画效果,图5-21 添加运动引导层,4链接或断开图层与运动引导层,5.2.5 动作补间动画与遮罩,图5-25 设置图片放大的效果,图5-26 设置遮罩层中的形状,图5-27 设置遮罩,图5-28 聚光灯的第一帧,图5-29 特写效果完成时的舞台和时间轴,5.3 使用时间轴特效,5.3.1 添加时间轴特效

7、5.3.2 编辑时间轴特效,5.4 实例游泳的鱼,本节使用“鱼”作为例子介绍如何让动画角色真正“动”起来。本实例的效果如图5-32所示，制作步骤如下。,图5-32 “游泳的鱼”最终效果,（1）创建一个Flash文档，将其背景色设置为海蓝色。 （2）按照第2章介绍的“描红”的方式绘制以下内容：鱼身、鱼尾、鱼鳍1、鱼鳍2、眼睛和嘴，如图5-33所示。,绘制完每一部分后，将它们转换为电影剪辑元件，分别命名为“body”、“tail”、“fin1”、“fin2”、“eye”和“mouth”，这些部件构成一条完整的鱼，如图5-34所示。,图5-34 完整的鱼,（3）考虑到鱼嘴的运动相对单调，可以把它设置

8、为机械的运动。打开“mouth”元件，将其编辑成如图5-35所示的动画（将鱼嘴分为上下两唇，然后分别设置动作补间动画，注意上唇只需微微上张，而下唇运动幅度稍大。制作下唇的运动时，注意将“下唇”的变形点调整到运动的“轴”即“嘴角”处，然后再用任意变形工具旋转）。,（4）选中所有“鱼”身上的部件，在它们上单击鼠标右键，选择“分散到图层”命令。删除不包括任何内容的图层，此时的时间轴和舞台如图5-36所示。,图5-36 准备制作“鱼”的动画,（5）在第20帧所在的列按住鼠标向下拖拽，选中该列的所有帧，然后单击鼠标右键，选择“插入关键帧”命令，如图5-37所示。,图5-37 在第20帧插入关键帧,（6）

9、在第1帧和第20帧之间的任意一帧所在的列按住鼠标拖拽，选中该列的所有帧，然后单击鼠标右键，选择“创建补间动画”命令。 （7）分别选中第20帧中的“鱼身”、“鱼尾”、“鱼鳍1”、“鱼鳍2”、“眼睛”和“嘴”，使用选择工具和任意变形工具调整它们的位置和形状（注意只是在原地运动）。,（8）由于“鱼尾”运动的频率一般要快于其他部分，所以在“tail”图层的第10帧插入一个关键帧，然后调整鱼尾的位置和形状，使得鱼尾产生摆动的效果。此时的时间轴和舞台如图5-38所示。,图5-38 使“鱼”开始运动,（9）此时如果测试动画，就会看到“跳变”的效果，这是因为动画播放到20帧后回到第1帧播放，这之间没有渐变。在

10、第1帧所在的列按住鼠标拖动，选中所有图层的第1帧，单击鼠标右键，选择“复制帧”命令；在第40帧所在的列按住鼠标拖动，选中该列的所有帧，单击鼠标右键，选择“粘贴帧”命令，则各个图层第1帧中的内容都被复制到第40帧。,（10）选中第20帧到第40帧中任意一列的所有帧，单击鼠标右键，选择“创建补间动画”命令。同样，在“tail”图层的第30帧插入一个关键帧，然后调整鱼尾的位置和形状。此时的时间轴如图5-39所示。,图5-39 “鱼”动画完成时的时间轴,（11）接下来可以把“鱼”制作成元件。按住“Shift”键选中所有图层（也就选中了所有的帧），在选中的帧上单击鼠标右键，选择“剪切帧”命令。按“Ctr

11、l+F8”键创建一个名为“fish”的影片剪辑元件，在元件编辑环境中，在第1帧上单击鼠标右键，选择“粘贴帧”命令，则所有的帧被粘贴到元件，如图5-40所示。,图5-40 制作“Fish”元件,（12）回到主场景。将任意图层重命名为“fish”，然后删除其他所有图层。 （13）把“fish”元件放到第1帧，然后在第80帧插入关键帧。为了使用户能看到所有帧，可以单击时间轴右侧的按钮，然后选择“小”命令。在第1帧到第80帧之间单击，选择“创建补间动画”命令。,（14）单击“添加引导层”按钮在“fish”层上添加一个引导层，在其中用铅笔工具绘制运动轨迹，然后将第1帧中的“鱼”和第80帧中的“鱼”调整到运动轨迹上，并且用任意变形工具调整它们的大小和形状。此时的舞台和时间轴如图5-41所示。,图5-41 让“鱼”沿着运动引导线运动,（15）按“Ctrl+F8”键新建一个名为“weed”的影片剪辑元件，用绘图工具和填充工具绘制如图5-42所示的水草效果。,图5-42 制作“weed”元件,（16）回到主场景。分别在引导层上和“fish”层下创建3个图层（在“fish”