第_5_章__制作动作补间动画.ppt

《第_5_章__制作动作补间动画.ppt》由会员分享，可在线阅读，更多相关《第_5_章__制作动作补间动画.ppt（66页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第 5 章章 制作动作补间动画制作动作补间动画 5.1 元元 件件 与与 实实 例例5.2 创建动作补间动画创建动作补间动画 5.3 使用时间轴特效使用时间轴特效5.4 实例实例游泳的鱼游泳的鱼5.1 元元 件件 与与 实实 例例5.1.1 元件与实例的概念元件与实例的概念1什么是元件与实例什么是元件与实例 元元件件是是Flash电电影影中中的的重重要要元元素素，它它是是一一个个可可以以重重复复使使用用的的图图像像、按按钮钮或或电电影影剪剪辑辑，而而实实例例是是元元件件在在舞舞台台上上的的具具体体体体现现。形形象象地地说说，元元件件是是动动画画的的“演演员员”，而而实实例例是是演演员员在在舞

2、舞台台上上的的“角角色色”，“角角色色”是是“演员演员”在舞台上的具体表现。在舞台上的具体表现。元元件件只只需需创创建建一一次次，然然后后即即可可在在整整个个文文档档或或其其他他文文档档中中重重复复使使用用。用用户户创创建建的的任任何何元元件件都都会会自自动动成成为为当当前前文文档档的的库库的的一一部部分分。每每个个元元件件都都有有自自己己的的时时间间轴轴。可可以以将将帧帧、关关键键帧帧和和图图层层添添加加至至元元件件的的时时间间轴轴，就好像可以将它们添加到主时间轴一样。就好像可以将它们添加到主时间轴一样。实实例例是是指指位位于于舞舞台台上上或或嵌嵌套套在在另另一一个个元元件件内内的的元元件件

3、副副本本。元元件件只只存存在在于于库库面面板板中中。要要使使用用元元件件，可可以以将将它它从从库库面面板板中中拖拖动动到到舞舞台台上上。在在拖拖动动到到舞舞台台上上之之后后，元元件件立立刻刻变变成成了了实实例例。实实例例可可以以与与它它的的元元件件在在颜颜色色、大大小小和和功功能能上上差差别别很很大大，就就像像“演演员员”可可以化妆到面目全非一样。以化妆到面目全非一样。2元件与实例的关系元件与实例的关系 实实例例来来源源于于元元件件，舞舞台台上上的的任任何何实实例例都都是是由由元元件件衍衍生生的的。如如果果元元件件被被删删除除，则则舞舞台台上上所所有有由由该该元元件件衍衍生生的的实实例例（除除

4、非非已已经经解解除除与与元元件件的的关关系系）也也将将被被删删除除。如如果果元元件件被被修修改改，则则舞舞台台上上所所有有由由该该元元件件衍衍生生的的实例将自动更新。实例将自动更新。3元件的类型元件的类型元件的类型有元件的类型有3种，即种，即 影片剪辑影片剪辑 按钮按钮 和图形和图形5.1.2 创建元件与实例创建元件与实例1将对象转换为元件将对象转换为元件图5-1 “转换为符号”对话框 2创建新元件创建新元件图5-2 “创建新元件”对话框 图5-3 元件编辑模式 3将将舞舞台台上上的的动动画画转转换换为为影影片片剪剪辑辑4有关元件的注册点有关元件的注册点图5-4 元件的注册点是其自身坐标系的原

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

6、Flash会会将将实实例例添添加加到当前帧左侧的第一个关键帧上。到当前帧左侧的第一个关键帧上。如如果果创创建建的的是是动动态态图图形形元元件件的的实实例例，则则在在场场景景中中创创建建它它的的实实例例后后，还还应应按按“F5”键键执执行行“插插入入帧帧”命命令令来来增增加加帧帧数数，使使之之与与该该元元件件包包含含的的帧帧数数一一致致，否否则则播播放放时时只只能能显显示示第第1帧帧。但但是是电电影影剪剪辑辑元元件件则则只只需需要要一个关键帧就可以播放。一个关键帧就可以播放。5.1.3 编辑元件编辑元件1在元件编辑模式编辑在元件编辑模式编辑2在当前位置编辑在当前位置编辑3在新窗口中编辑在新窗口中

7、编辑5.1.4 设置实例属性设置实例属性1实例的位置、大小和变形属性实例的位置、大小和变形属性图5-11 实例的属性检查器和“信息”面板 2实例的颜色和透明度实例的颜色和透明度图5-13 属性检查器中的颜色选项 图5-14 “高级效果”对话框 3将一个实例与另一个实例交换将一个实例与另一个实例交换图5-15 “交换元件”对话框 4更改实例的类型更改实例的类型图5-16 更改实例的类型 5设置图形实例的动画设置图形实例的动画图5-17 设置图形实例的动画 5.2 创建动作补间动画创建动作补间动画 5.2.1 什么是动作补间动画什么是动作补间动画 与与形形状状补补间间动动画画一一样样，动动作作补补

8、间间动动画画（在在Flash联联机机帮帮助助中中此此类类动动画画被被称称为为“补补间间动动画画”，为为了了将将其其与与“形形状状补补间间动动画画”区区分分，本本书书采采用用“动动作作补补间间动动画画”这这个个同同样样为为Flash用用户户所所接接受受的的术术语语）也也是是由由Flash自自动动生生成成的的动动画画。动动作作补补间间动动画画主主要要用用于于表表现现渐渐变变、运运动动、过过渡渡、淡淡入入淡淡出出等等动画效果。动画效果。5.2.2 产生动作补间的属性产生动作补间的属性 根根据据对对象象的的不不同同，能能够够产产生生补补间间动动画画的的对象属性也不同。对象属性也不同。对于文字对象来说，

9、可以变化的属性对于文字对象来说，可以变化的属性包括文字的位置和旋转属性。包括文字的位置和旋转属性。对对于于组组合合体体对对象象来来说说，可可以以变变化化的的属属性性包括：大小、位置和变形属性等。包括：大小、位置和变形属性等。对对于于元元件件的的实实例例来来说说，可可以以变变化化的的属属性性包包括括：大大小小、位位置置、变变形形、颜颜色色和和透透明明度度等，详细信息请参见等，详细信息请参见5.1.4节。节。5.2.3 动作补间动画的制作步骤动作补间动画的制作步骤图5-18 设置动作补间动画的选项 5.2.4 沿着路径补间动画沿着路径补间动画1运动引导层简述运动引导层简述2创建运动引导层创建运动引

10、导层3利用引导线控制动画效果利用引导线控制动画效果图5-21 添加运动引导层 4链接或断开图层与运动引导层链接或断开图层与运动引导层5.2.5 动作补间动画与遮罩动作补间动画与遮罩图5-25 设置图片放大的效果 图5-26 设置遮罩层中的形状 图5-27 设置遮罩 图5-28 聚光灯的第一帧 图5-29 特写效果完成时的舞台和时间轴 5.3 使用时间轴特效使用时间轴特效5.3.1 添加时间轴特效添加时间轴特效5.3.2 编辑时间轴特效编辑时间轴特效5.4 实例实例游泳的鱼游泳的鱼 本节使用本节使用“鱼鱼”作为例子介绍如何让作为例子介绍如何让动画角色真正动画角色真正“动动”起来。本实例的效果起来

11、。本实例的效果如图如图5-32所示，制作步骤如下。所示，制作步骤如下。图5-32 “游泳的鱼”最终效果 （1）创创建建一一个个Flash文文档档，将将其其背背景景色色设置为海蓝色。设置为海蓝色。（2）按按照照第第2章章介介绍绍的的“描描红红”的的方方式式绘绘制制以以下下内内容容：鱼鱼身身、鱼鱼尾尾、鱼鱼鳍鳍1、鱼鱼鳍鳍2、眼睛和嘴，如图、眼睛和嘴，如图5-33所示。所示。绘绘制制完完每每一一部部分分后后，将将它它们们转转换换为为电电影影 剪剪 辑辑 元元 件件，分分 别别 命命 名名 为为“body”、“tail”、“fin1”、“fin2”、“eye”和和“mouth”，这这些些部部件件构构

12、成成一一条条完完整整的的鱼鱼，如图如图5-34所示。所示。图5-34 完整的鱼 （3）考虑到鱼嘴的运动相对单调，可以）考虑到鱼嘴的运动相对单调，可以把它设置为机械的运动。打开把它设置为机械的运动。打开“mouth”元件，元件，将其编辑成如图将其编辑成如图5-35所示的动画（将鱼嘴分所示的动画（将鱼嘴分为上下两唇，然后分别设置动作补间动画，为上下两唇，然后分别设置动作补间动画，注意上唇只需微微上张，而下唇运动幅度稍注意上唇只需微微上张，而下唇运动幅度稍大。制作下唇的运动时，注意将大。制作下唇的运动时，注意将“下唇下唇”的的变形点调整到运动的变形点调整到运动的“轴轴”即即“嘴角嘴角”处，然后再用任

13、意变形工具旋转）。处，然后再用任意变形工具旋转）。（4）选选中中所所有有“鱼鱼”身身上上的的部部件件，在在它它们们上上单单击击鼠鼠标标右右键键，选选择择“分分散散到到图图层层”命命令令。删删除除不不包包括括任任何何内内容容的的图图层层，此此时的时间轴和舞台如图时的时间轴和舞台如图5-36所示。所示。图5-36 准备制作“鱼”的动画（5）在在第第20帧帧所所在在的的列列按按住住鼠鼠标标向向下下拖拖拽拽，选选中中该该列列的的所所有有帧帧，然然后后单单击击鼠鼠标标右右键键，选选择择“插入关键帧插入关键帧”命令，如图命令，如图5-37所示。所示。图5-37 在第20帧插入关键帧 （6）在在第第1帧帧和

14、和第第20帧帧之之间间的的任任意意一一帧帧所所在在的的列列按按住住鼠鼠标标拖拖拽拽，选选中中该该列列的的所所有有帧帧，然然后后单单击击鼠鼠标标右右键键，选选择择“创创建建补补间间动画动画”命令。命令。（7）分分别别选选中中第第20帧帧中中的的“鱼鱼身身”、“鱼鱼尾尾”、“鱼鱼鳍鳍1”、“鱼鱼鳍鳍2”、“眼眼睛睛”和和“嘴嘴”，使使用用选选择择工工具具和和任任意意变变形形工工具具调调整整它它们们的的位位置置和和形形状状（注注意意只只是是在在原原地地运动）。运动）。（8）由由于于“鱼鱼尾尾”运运动动的的频频率率一一般般要要快快于于其其他他部部分分，所所以以在在“tail”图图层层的的第第10帧帧插

15、插入入一一个个关关键键帧帧，然然后后调调整整鱼鱼尾尾的的位位置置和和形形状状，使使得得鱼鱼尾尾产产生生摆摆动动的的效效果果。此此时时的时间轴和舞台如图的时间轴和舞台如图5-38所示。所示。图5-38 使“鱼”开始运动 （9）此此时时如如果果测测试试动动画画，就就会会看看到到“跳跳变变”的的效效果果，这这是是因因为为动动画画播播放放到到20帧帧后后回回到到第第1帧帧播播放放，这这之之间间没没有有渐渐变变。在在第第1帧帧所所在在的的列列按按住住鼠鼠标标拖拖动动，选选中中所所有有图图层层的的第第1帧帧，单单击击鼠鼠标标右右键键，选选择择“复复制制帧帧”命命令令；在在第第40帧帧所所在在的的列列按按住

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

17、把把“鱼鱼”制制作作成成元元件件。按按住住“Shift”键键选选中中所所有有图图层层（也也就就选选中中了了所所有有的的帧帧），在在选选中中的的帧帧上上单单击击鼠鼠标标右右键键，选选择择“剪剪切切帧帧”命命令令。按按“Ctrl+F8”键键创创建建一一个个名名为为“fish”的的影影片片剪剪辑辑元元件件，在在元元件件编编辑辑环环境境中中，在在第第1帧帧上上单单击击鼠鼠标标右右键键，选选择择“粘粘贴贴帧帧”命命令令，则则所所有有的的帧帧被被粘贴到元件，如图粘贴到元件，如图5-40所示。所示。图5-40 制作“Fish”元件 （12）回回到到主主场场景景。将将任任意意图图层层重重命命名名为为“fish

18、”，然后删除其他所有图层。然后删除其他所有图层。（13）把把“fish”元元件件放放到到第第1帧帧，然然后后在在第第80帧帧插插入入关关键键帧帧。为为了了使使用用户户能能看看到到所所有有帧帧，可可以以单单击击时时间间轴轴右右侧侧的的按按钮钮，然然后后选选择择“小小”命命令令。在在第第1帧帧到到第第80帧帧之之间间单击，选择单击，选择“创建补间动画创建补间动画”命令。命令。（14）单单 击击“添添 加加 引引 导导 层层”按按 钮钮 在在“fish”层层上上添添加加一一个个引引导导层层，在在其其中中用用铅铅笔笔工工具具绘绘制制运运动动轨轨迹迹，然然后后将将第第1帧帧中中的的“鱼鱼”和和第第80帧

19、帧中中的的“鱼鱼”调调整整到到运运动动轨轨迹迹上上，并并且且用用任任意意变变形形工工具具调调整整它它们们的的大大小小和和形形状状。此此时时的的舞舞台台和和时时间间轴轴如如图图5-41所示。所示。图5-41 让“鱼”沿着运动引导线运动 （15）按按“Ctrl+F8”键键新新建建一一个个名名为为“weed”的的影影片片剪剪辑辑元元件件，用用绘绘图图工工具具和和填充工具绘制如图填充工具绘制如图5-42所示的水草效果。所示的水草效果。图5-42 制作“weed”元件 （16）回回到到主主场场景景。分分别别在在引引导导层层上上和和“fish”层层下下创创建建3个个图图层层（在在“fish”层层下下创创建建的的图图层层要要修修改改其其属属性性为为“普普通通层层”）“weed1”、“weed2”和和“weed3”。将将“weed”元元 件件 分分 别别 拖拖 动动 到到“weed1”、“weed2”和和“weed3”各各图图层层，使使用用任任意意变变形形工工具具分分别别调调整整它它们们的的形形状状，使使它它们们看看起起来不太相同。来不太相同。（17）动动画画完完成成时时的的舞舞台台和和时时间间轴轴如如图图5-43所示。按所示。按“Ctrl+Enter”键测试动画。键测试动画。图5-43 “游泳的鱼”完成时的舞台和时间轴