第--章--制作动作补间动画优秀文档.ppt

《第--章--制作动作补间动画优秀文档.ppt》由会员分享，可在线阅读，更多相关《第--章--制作动作补间动画优秀文档.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只只可可以以把把实实例例放放在在关关键键帧帧中中，并并且且总总在在当当前前图图层层上上。如如果果没没有有选选择择关关键键帧帧，Flash会会将将实实例例添添加加到当前帧左侧的第一个关键帧

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

7、变形属性形属性图5-11 实例的属性检查器和“信息”面板 2实例的例的颜色和透明度色和透明度图5-13 属性检查器中的颜色选项 图5-7 按钮元件编辑模式图5-38 使“鱼”开始运动影片剪辑4 实例游泳的鱼在第1帧到第80帧之间单击，选择“创建补间动画”命令。3 动作补间动画的制作步骤图5-15 “交换元件”对话框图5-18 设置动作补间动画的选项图5-7 按钮元件编辑模式（9）此时如果测试动画，就会看到“跳变”的效果，这是因为动画播放到20帧后回到第1帧播放，这之间没有渐变。（13）把“fish”元件放到第1帧，然后在第80帧插入关键帧。（15）按“Ctrl+F8”键新建一个名为“weed”

8、的影片剪辑元件，用绘图工具和填充工具绘制如图5-42所示的水草效果。5设置图形实例的动画第 5 章 制作动作补间动画元件只需创建一次，然后即可在整个文档或其他文档中重复使用。对于元件的实例来说，可以变化的属性包括：大小、位置、变形、颜色和透明度等，详细信息请参见5.图5-16 更改实例的类型图5-14 “高级效果”对话框 3将一个将一个实例与另一个例与另一个实例交例交换图5-15 “交换元件”对话框 4更改更改实例的例的类型型图5-16 更改实例的类型 5设置置图形形实例的例的动画画图5-17 设置图形实例的动画 5.2 创建动作补间动画创建动作补间动画 5.2.1 什么是动作补间动画什么是动

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

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

11、间动画1运运动引引导层简述述2创建运建运动引引导层3利用引利用引导线控制控制动画效果画效果图5-21 添加运动引导层 4链接或断开接或断开图层与运与运动引引导层5.2.5 动作补间动画与遮罩动作补间动画与遮罩图5-25 设置图片放大的效果 图5-26 设置遮罩层中的形状 图5-27 设置遮罩 第 5 章 制作动作补间动画图5-37 在第20帧插入关键帧1 元 件 与 实 例5设置图形实例的动画本节使用“鱼”作为例子介绍如何让动画角色真正“动”起来。（12）回到主场景。图5-1 “转换为符号”对话框元件只存在于库面板中。用户创建的任何元件都会自动成为当前文档的库的一部分。图5-8 “复制元件”对

12、话框5设置图形实例的动画1 元 件 与 实 例如果元件被修改，则舞台上所有由该元件衍生的实例将自动更新。图5-28 聚光灯的第一帧 图5-29 特写效果完成时的舞台和时间轴 5.3 使用使用时间轴特效特效5.3.1 添加时间轴特效添加时间轴特效5.3.2 编辑时间轴特效编辑时间轴特效5.4 实例例游泳的游泳的鱼 本节使用本节使用“鱼鱼”作为例子介绍如何让作为例子介绍如何让动画角色真正动画角色真正“动动”起来。本实例的效果起来。本实例的效果如图如图5-32所示，制作步骤如下。所示，制作步骤如下。图5-32 “游泳的鱼”最终效果 （1）创创建建一一个个Flash文文档档，将将其其背背景景色色设置为

13、海蓝色。设置为海蓝色。（2）按按照照第第2章章介介绍绍的的“描描红红”的的方方式式绘绘制制以以下下内内容容：鱼鱼身身、鱼鱼尾尾、鱼鱼鳍鳍1、鱼鱼鳍鳍2、眼睛和嘴，如图、眼睛和嘴，如图5-33所示。所示。绘绘制制完完每每一一部部分分后后，将将它它们们转转换换为为电电影影 剪剪 辑辑 元元 件件，分分 别别 命命 名名 为为“body”、“tail”、“fin1”、“fin2”、“eye”和和“mouth”，这这些些部部件件构构成成一一条条完完整整的的鱼鱼，如图如图5-34所示。所示。图5-34 完整的鱼 （3）考虑到鱼嘴的运动相对单调，可以）考虑到鱼嘴的运动相对单调，可以把它设置为机械的运动。打

14、开把它设置为机械的运动。打开“mouth”元件，元件，将其编辑成如图将其编辑成如图5-35所示的动画（将鱼嘴分所示的动画（将鱼嘴分为上下两唇，然后分别设置动作补间动画，为上下两唇，然后分别设置动作补间动画，注意上唇只需微微上张，而下唇运动幅度稍注意上唇只需微微上张，而下唇运动幅度稍大。制作下唇的运动时，注意将大。制作下唇的运动时，注意将“下唇下唇”的的变形点调整到运动的变形点调整到运动的“轴轴”即即“嘴角嘴角”处，然后再用任意变形工具旋转）。处，然后再用任意变形工具旋转）。（4）选选中中所所有有“鱼鱼”身身上上的的部部件件，在在它它们们上上单单击击鼠鼠标标右右键键，选选择择“分分散散到到图图层

15、层”命命令令。删删除除不不包包括括任任何何内内容容的的图图层层，此此时的时间轴和舞台如图时的时间轴和舞台如图5-36所示。所示。图5-36 准备制作“鱼”的动画（5）在在第第20帧帧所所在在的的列列按按住住鼠鼠标标向向下下拖拖拽拽，选选中中该该列列的的所所有有帧帧，然然后后单单击击鼠鼠标标右右键键，选选择择“插入关键帧插入关键帧”命令，如图命令，如图5-37所示。所示。图5-37 在第20帧插入关键帧 （6）在在第第1帧帧和和第第20帧帧之之间间的的任任意意一一帧帧所所在在的的列列按按住住鼠鼠标标拖拖拽拽，选选中中该该列列的的所所有有帧帧，然然后后单单击击鼠鼠标标右右键键，选选择择“创创建建补

16、补间间动画动画”命令。命令。（7）分分别别选选中中第第20帧帧中中的的“鱼鱼身身”、“鱼鱼尾尾”、“鱼鱼鳍鳍1”、“鱼鱼鳍鳍2”、“眼眼睛睛”和和“嘴嘴”，使使用用选选择择工工具具和和任任意意变变形形工工具具调调整整它它们们的的位位置置和和形形状状（注注意意只只是是在在原原地地运动）。运动）。（8）由由于于“鱼鱼尾尾”运运动动的的频频率率一一般般要要快快于于其其他他部部分分，所所以以在在“tail”图图层层的的第第10帧帧插插入入一一个个关关键键帧帧，然然后后调调整整鱼鱼尾尾的的位位置置和和形形状状，使使得得鱼鱼尾尾产产生生摆摆动动的的效效果果。此此时时的时间轴和舞台如图的时间轴和舞台如图5-

17、38所示。所示。图5-38 使“鱼”开始运动（13）把“fish”元件放到第1帧，然后在第80帧插入关键帧。4 沿着路径补间动画（4）选中所有“鱼”身上的部件，在它们上单击鼠标右键，选择“分散到图层”命令。此时的时间轴如图5-39所示。图5-17 设置图形实例的动画要使用元件，可以将它从库面板中拖动到舞台上。图5-36 准备制作“鱼”的动画元件是Flash电影中的重要元素，它是一个可以重复使用的图像、按钮或电影剪辑，而实例是元件在舞台上的具体体现。7使用其他电影中的元件（7）分别选中第20帧中的“鱼身”、“鱼尾”、“鱼鳍1”、“鱼鳍2”、“眼睛”和“嘴”，使用选择工具和任意变形工具调整它们的位

18、置和形状（注意只是在原地运动）。（15）按“Ctrl+F8”键新建一个名为“weed”的影片剪辑元件，用绘图工具和填充工具绘制如图5-42所示的水草效果。图5-11 实例的属性检查器和“信息”面板（9）此时如果测试动画，就会看到“跳变”的效果，这是因为动画播放到20帧后回到第1帧播放，这之间没有渐变。如果创建的是动态图形元件的实例，则在场景中创建它的实例后，还应按“F5”键执行“插入帧”命令来增加帧数，使之与该元件包含的帧数一致，否则播放时只能显示第1帧。此时的时间轴如图5-39所示。图5-5 按钮元件的时间轴 （9）此此时时如如果果测测试试动动画画，就就会会看看到到“跳跳变变”的的效效果果，

19、这这是是因因为为动动画画播播放放到到20帧帧后后回回到到第第1帧帧播播放放，这这之之间间没没有有渐渐变变。在在第第1帧帧所所在在的的列列按按住住鼠鼠标标拖拖动动，选选中中所所有有图图层层的的第第1帧帧，单单击击鼠鼠标标右右键键，选选择择“复复制制帧帧”命命令令；在在第第40帧帧所所在在的的列列按按住住鼠鼠标标拖拖动动，选选中中该该列列的的所所有有帧帧，单单击击鼠鼠标标右右键键，选选择择“粘粘贴贴帧帧”命命令令，则则各各个个图图层层第第1帧帧中中的的内内容都被复制到第容都被复制到第40帧。帧。（10）选选中中第第20帧帧到到第第40帧帧中中任任意意一一列列的的所所有有帧帧，单单击击鼠鼠标标右右键

20、键，选选择择“创创建建补补间间动动画画”命命令令。同同样样，在在“tail”图图层层的的第第30帧帧插插入入一一个个关关键键帧帧，然然后后调调整整鱼鱼尾尾的的位置和形状。此时的时间轴如图位置和形状。此时的时间轴如图5-39所示。所示。图5-39 “鱼”动画完成时的时间轴 （11）接接下下来来可可以以把把“鱼鱼”制制作作成成元元件件。按按住住“Shift”键键选选中中所所有有图图层层（也也就就选选中中了了所所有有的的帧帧），在在选选中中的的帧帧上上单单击击鼠鼠标标右右键键，选选择择“剪剪切切帧帧”命命令令。按按“Ctrl+F8”键键创创建建一一个个名名为为“fish”的的影影片片剪剪辑辑元元件件

21、，在在元元件件编编辑辑环环境境中中，在在第第1帧帧上上单单击击鼠鼠标标右右键键，选选择择“粘粘贴贴帧帧”命命令令，则则所所有有的的帧帧被被粘贴到元件，如图粘贴到元件，如图5-40所示。所示。图5-40 制作“Fish”元件 （12）回回到到主主场场景景。将将任任意意图图层层重重命命名名为为“fish”，然后删除其他所有图层。然后删除其他所有图层。（13）把把“fish”元元件件放放到到第第1帧帧，然然后后在在第第80帧帧插插入入关关键键帧帧。为为了了使使用用户户能能看看到到所所有有帧帧，可可以以单单击击时时间间轴轴右右侧侧的的按按钮钮，然然后后选选择择“小小”命命令令。在在第第1帧帧到到第第8

22、0帧帧之之间间单击，选择单击，选择“创建补间动画创建补间动画”命令。命令。（14）单单 击击“添添 加加 引引 导导 层层”按按 钮钮 在在“fish”层层上上添添加加一一个个引引导导层层，在在其其中中用用铅铅笔笔工工具具绘绘制制运运动动轨轨迹迹，然然后后将将第第1帧帧中中的的“鱼鱼”和和第第80帧帧中中的的“鱼鱼”调调整整到到运运动动轨轨迹迹上上，并并且且用用任任意意变变形形工工具具调调整整它它们们的的大大小小和和形形状状。此此时时的的舞舞台台和和时时间间轴轴如如图图5-41所示。所示。图5-41 让“鱼”沿着运动引导线运动 （15）按按“Ctrl+F8”键键新新建建一一个个名名为为“wee

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