07动画.docx
《07动画.docx》由会员分享，可在线阅读，更多相关《07动画.docx（70页珍藏版）》请在冰点文库上搜索。
07动画
课程名称：
Flash软件应用
授课章节：
第七章Flash动画设计
授课课时：
12课时
授课内容：
Flash中各种动画的特点和应用
授课内容：
（一）动画基础知识
1.动画的类型
Adobe®Flash®CS4Professional提供了多种方法用来创建动画和特殊效果。
各种方法为您创作精彩的动画内容提供了多种可能。
Flash支持以下类型的动画：
补间动画使用补间动画可设置对象的属性，如一个帧中以及另一个帧中的位置和Alpha透明度。
Flash然后在中间内插帧的属性值。
对于由对象的连续运动或变形构成的动画，补间动画很有用。
补间动画在时间轴中显示为连续的帧范围，默认情况下可以作为单个对象进行选择。
补间动画功能强大，易于创建。
传统补间传统补间与补间动画类似，但是创建起来更复杂。
传统补间允许一些特定的动画效果，使用基于范围的补间不能实现这些效果。
反向运动姿势反向运动姿势用于伸展和弯曲形状对象以及链接元件实例组，使它们以自然方式一起移动。
可以在不同帧中以不同方式放置形状对象或链接的实例，Flash将在中间内插帧中的位置。
补间形状在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧绘制另一个形状。
然后，Flash将内插中间的帧的中间形状，创建一个形状变形为另一个形状的动画。
逐帧动画使用此动画技术，可以为时间轴中的每个帧指定不同的艺术作品。
使用此技术可创建与快速连续播放的影片帧类似的效果。
对于每个帧的图形元素必须不同的复杂动画而言，此技术非常有用。
2.关于帧频
帧频是动画播放的速度，以每秒播放的帧数（fps）为度量单位。
帧频太慢会使动画看起来一顿一顿的，帧频太快会使动画的细节变得模糊。
24fps的帧速率是新Flash文档的默认设置，通常在Web上提供最佳效果。
标准的动画速率也是24fps。
动画的复杂程度和播放动画的计算机的速度会影响回放的流畅程度。
若要确定最佳帧速率，请在各种不同的计算机上测试动画。
因为只给整个Flash文档指定一个帧频，因此请在开始创建动画之前先设置帧频。
3.在时间轴中表示动画
Flash通过在包含内容的每个帧中显示不同的指示符来区分时间轴中的逐帧动画和补间动画。
下列帧内容指示符显示在时间轴中：
•一段具有蓝色背景的帧表示补间动画。
范围的第一帧中的黑点表示补间范围分配有目标对象。
黑色菱形表示最后一个帧和任何其他属性关键帧。
属性关键帧是包含由您显式定义的属性更改的帧。
可以选择显示哪些类型的属性关键帧，方法是右键单击（Windows）或按住Command单击（Macintosh）补间动画范围，然后从上下文菜单中选择“查看关键帧”>“类型”。
默认情况下，Flash显示所有类型的属性关键帧。
范围中的所有其他帧都包含目标对象的补间属性的插补值。
•第一帧中的空心点表示补间动画的目标对象已删除。
补间范围仍包含其属性关键帧，并可应用新的目标对象。
•一段具有绿色背景的帧表示反向运动（IK）姿势图层。
姿势图层包含IK骨架和姿势。
每个姿势在时间轴中显示为黑色菱形。
Flash在姿势之间内插帧中骨架的位置。
•带有黑色箭头和蓝色背景的起始关键帧处的黑色圆点表示传统补间。
•虚线表示传统补间是断开或不完整的，例如，在最后的关键帧已丢失时。
•带有黑色箭头和淡绿色背景的起始关键帧处的黑色圆点表示补间形状。
•一个黑色圆点表示一个关键帧。
单个关键帧后面的浅灰色帧包含无变化的相同内容。
这些帧带有垂直的黑色线条，而在整个范围的最后一帧还有一个空心矩形。
•如出现一个小a，则表示已使用“动作”面板为该帧分配了一个帧动作。
•红色的小旗表示该帧包含一个标签。
•绿色的双斜杠表示该帧包含注释。
•金色的锚记表明该帧是一个命名锚记。
4.关于动画中的图层
Flash文档中的每一个场景都可以包含任意数量的时间轴图层。
使用图层和图层文件夹可组织动画序列的内容和分隔动画对象。
在图层和文件夹中组织它们可防止它们在重叠时相互擦除、连接或分段。
若要创建一次包含多个元件或文本字段的补间移动的动画，请将每个对象放置在不同的图层中。
您可以将一个图层用作背景图层来包含静态插图，并使用其他图层包含单独的动画对象。
在创建补间动画时，Flash将包含选择要进行补间的对象的图层转换为补间图层。
补间图层有一个补间图标，位于时间轴中的图层名称旁。
如果其它对象与补间对象在相同的图层中，Flash将根据需要在原始图层上方或下方添加新图层。
位于原始图层中的补间对象下方的任何对象将移至原始图层下方的新图层。
位于原始图层中的补间对象上方的任何对象将移至原始图层上方的新图层。
在时间轴中，Flash在任何预先存在的图层之间插入这些新图层。
这样，Flash可保留舞台上所有图形对象的原始堆叠顺序。
补间图层只能包含补间范围（包含补间的连续的帧组）、静态帧、空白关键帧或空帧。
每个补间范围只能包含一个目标对象及其可选运动路径。
由于无法在补间图层中进行绘制，所以应在其他图层中创建其他补间或静态帧，然后将它们拖到补间图层。
若要将帧脚本放置到补间图层上，请在另一个图层上创建它们，然后将它们拖到补间图层。
帧脚本只能驻留在补间动画范围本身外部的帧中。
通常，最好将所有帧脚本保留在仅包含ActionScript的单独图层上。
当文档中有多个图层时，跟踪和编辑一个或多个图层上的对象可能很困难。
如果一次处理一个图层中的内容，这个任务就容易一点。
若要隐藏或锁定当前不使用的图层，请在时间轴中单击图层名称旁边的“眼睛”或“挂锁”图标。
使用图层文件夹可帮助您将图层组织成易于管理的组。
5.将对象分层以应用补间动画
在您将补间动画应用于对象时，Flash自动地将该对象移动到其补间图层。
但是，您也可以自己将对象分散到其各自的图层。
例如，在组织内容时，您可以选择自己分散对象。
对于将动画应用于对象时维持对这些对象从一个图层移动到另一个图层的方式的精确控制，手动分散也是非常有用的。
在使用“分散到图层”命令（“修改”>“时间轴”>“分散到图层”）时，Flash将每个选中的对象分散到另一个新图层。
任何没有选中的对象（包括其他帧中的对象）都保留在它们原来的图层中。
对舞台中的任何元素（包括图形对象、实例、位图、视频剪辑和分离文本块）都可以应用“分散到图层”命令。
关于使用“分散到图层”创建的新图层
在“分散到图层”操作过程中创建的新图层根据每个新图层包含的元素名称来命名：
•包含库资源（例如元件、位图或视频剪辑）的新图层获得与该资源相同的名称。
•包含命名实例的新图层的名称就是该实例的名称。
•包含分离文本块字符的新图层用这个字符来命名。
•如果新图层中包含图形对象（这个对象没有名称），因为该图形对象没有名称，因此该新图层命名为Layer1（或Layer2，依此类推）。
Flash将新图层插入到任何选中图层的下方。
新图层从上到下排列，按照所选中的元素最初的创建顺序排列。
分离文本中的图层按字符顺序排列，可以从左到右、从右到左或从上到下。
例如，假定您分离文本FLASH并将它分散到图层。
名为F、L、A、S和H的新图层自上向下排列，F层位于顶部。
这些图层显示在紧邻最初包含文本的图层的下方。
将对象分散到图层
1选择要分散到不同图层的对象。
对象可以在单个图层中，也可以在多个图层中，包括不连续的图层。
2请执行下列操作之一：
•选择“修改”>“时间轴”>“分散到图层”。
•右键单击（Windows）或按住Control并单击（Macintosh）所选对象之一，然后选择“分散到图层”。
（二）补间动画
1.关于补间动画
补间是通过为一个帧中的对象属性指定一个值并为另一个帧中的该相同属性指定另一个值创建的动画。
Flash计算这两个帧之间该属性的值。
术语“补间”（tween）来源于词“中间”（inbetween）。
例如，可以在时间轴第1帧的舞台左侧放置一个影片剪辑，然后将该影片剪辑移到第20帧的舞台右侧。
在创建补间时，Flash将计算您指定的右侧和左侧这两个位置之间的舞台上影片剪辑的所有位置。
最后会得到这样的动画：
影片剪辑从第1帧到第20帧，从舞台左侧移到右侧。
在中间的每个帧中，Flash将影片剪辑在舞台上移动二十分之一的距离。
可补间的对象类型包括影片剪辑、图形和按钮元件以及文本字段。
可补间的对象的属性包括：
•2DX和Y位置
•3DZ位置（仅限影片剪辑）
•2D旋转（绕z轴）
•3DX、Y和Z旋转（仅限影片剪辑）
3D动画要求FLA文件在发布设置中面向ActionScript3.0和FlashPlayer10。
•倾斜X和Y
•缩放X和Y
•颜色效果
颜色效果包括Alpha（透明度）、亮度、色调和高级颜色设置。
只能在元件上补间颜色效果。
若要在文本上补间颜色效果，请将文本转换为元件。
•滤镜属性（不包括应用于图形元件的滤镜）
补间范围是时间轴中的一组帧，其舞台上的对象的一个或多个属性可以随着时间而改变。
补间范围在时间轴中显示为具有蓝色
背景的单个图层中的一组帧。
可将这些补间范围作为单个对象进行选择，并从时间轴中的一个位置拖到另一个位置，包括拖到另一个图层。
在每个补间范围中，只能对舞台上的一个对象进行动画处理。
此对象称为补间范围的目标对象。
属性关键帧是在补间范围中为补间目标对象显式定义一个或多个属性值的帧。
您定义的每个属性都有它自己的属性关键帧。
如果在单个帧中设置了多个属性，则其中每个属性的属性关键帧会驻留在该帧中。
可以在动画编辑器中查看补间范围的每个属性及其属性关键帧。
还可以从补间范围上下文菜单中选择可在时间轴中显示的属性关键帧类型。
在上一示例中，在将影片剪辑从第1帧到第20帧，从舞台左侧补间到右侧时，第1帧和第20帧是属性关键帧。
可使用属性检查器、动画编辑器、“变形”面板或“工具”面板中的各种工具，定义要进行动画处理的属性的显式值。
可在所选择的帧中指定这些属性值，Flash会将所需的属性关键帧添加到补间范围。
Flash会为所创建的属性关键帧之间的帧中的每个属性内插属性值。
注：
从FlashProfessionalCS4开始，“关键帧”和“属性关键帧”的概念有所不同。
术语“关键帧”是指时间轴中其元件实例首次出现在舞台上的帧。
FlashCS4中新增的单独术语“属性关键帧”是指在补间动画的特定时间或帧中定义的属性值。
如果补间对象在补间过程中更改其舞台位置，则补间范围具有与之关联的运动路径。
此运动路径显示补间对象在舞台上移动时所经过的路径。
可以使用部分选取、转换锚点、删除锚点和任意变形等工具以及“修改”菜单上的命令编辑舞台上的运动路径。
如果不是对位置进行补间，则舞台上不显示运动路径。
也可以将现有路径作为运动路径进行应用，方法是将该路径粘贴到时间轴中的补间范围上。
补间动画是一种在最大程度地减小文件大小的同时创建随时间移动和变化的动画的有效方法。
在补间动画中，只有您指定的属性关键帧的值存储在FLA文件和发布的SWF文件中。
在创建补间之前，了解下列Flash概念会很有用：
•在舞台上绘制
•时间轴图层和单个图层及多个图层中对象的堆叠顺序
•在舞台和属性检查器中移动对象以及对其变形
•使用时间轴，包括对象生存期以及在特定时间点选择对象
•元件。
可补间的元件类型包括影片剪辑、按钮、图形和文本。
•可选：
使用选取工具和部分选取工具编辑贝塞尔曲线。
可使用这些工具编辑补间运动路径。
补间动画和传统补间之间的差异
Flash支持两种不同类型的补间以创建动画。
补间动画，在FlashCS4Professional中引入，功能强大且易于创建。
通过补间动画可对补间的动画进行最大程度的控制。
传统补间（包括在早期版本的Flash中创建的所有补间）的创建过程更为复杂。
补间动画提供了更多的补间控制，而传统补间提供了一些用户可能希望使用的某些特定功能。
补间动画和传统补间之间的差异包括：
•传统补间使用关键帧。
关键帧是其中显示对象的新实例的帧。
补间动画只能具有一个与之关联的对象实例，并使用属性关键帧而不是关键帧。
•补间动画在整个补间范围上由一个目标对象组成。
•补间动画和传统补间都只允许对特定类型的对象进行补间。
若应用补间动画，则在创建补间时会将所有不允许的对象类型转换为影片剪辑。
而应用传统补间会将这些对象类型转换为图形元件。
•补间动画会将文本视为可补间的类型，而不会将文本对象转换为影片剪辑。
传统补间会将文本对象转换为图形元件。
•在补间动画范围上不允许帧脚本。
传统补间允许帧脚本。
•补间目标上的任何对象脚本都无法在补间动画范围的过程中更改。
•可以在时间轴中对补间动画范围进行拉伸和调整大小，并将它们视为单个对象。
传统补间包括时间轴中可分别选择的帧的组。
•若要在补间动画范围中选择单个帧，必须按住Ctrl（Windows）或Command（Macintosh）单击帧。
•对于传统补间，缓动可应用于补间内关键帧之间的帧组。
对于补间动画，缓动可应用于补间动画范围的整个长度。
若要仅对补间动画的特定帧应用缓动，则需要创建自定义缓动曲线。
•利用传统补间，可以在两种不同的色彩效果（如色调和Alpha透明度）之间创建动画。
补间动画可以对每个补间应用一种色彩效果。
•只可以使用补间动画来为3D对象创建动画效果。
无法使用传统补间为3D对象创建动画效果。
•只有补间动画才能保存为动画预设。
•对于补间动画，无法交换元件或设置属性关键帧中显示的图形元件的帧数。
应用了这些技术的动画要求使用传统补间。
2.应用动画预设
动画预设是预配置的补间动画，可以将它们应用于舞台上的对象。
您只需选择对象并单击“动画预设”面板中的“应用”按钮。
使用动画预设是学习在Flash中添加动画的基础知识的快捷方法。
一旦了解了预设的工作方式后，自己制作动画就非常容易了。
您可以创建并保存自己的自定义预设。
这可以来自已修改的现有动画预设，也可以来自您自己创建的自定义补间。
使用“动画预设”面板还可导入和导出预设。
您可以与协作人员共享预设，或利用由Flash设计社区成员共享的预设。
使用预设可极大节约项目设计和开发的生产时间，特别是在您经常使用相似类型的补间时。
注：
动画预设只能包含补间动画。
传统补间不能保存为动画预设。
（1）预览动画预设
Flash随附的每个动画预设都包括预览，可在“动画预设”面板中查看其预览。
通过预览，您可以了解在将动画应用于FLA文件中的对象时所获得的结果。
对于您创建或导入的自定义预设，您可以添加自己的预览。
1打开“动画预设”面板。
2从列表中选择一个动画预设。
预览在面板顶部的“预览”窗格中播放。
3要停止播放预览，请在“动画预设”面板外单击。
（2）应用动画预设
在舞台上选中了可补间的对象（元件实例或文本字段）后，可单击“应用”按钮来应用预设。
每个对象只能应用一个预设。
如果将第二个预设应用于相同的对象，则第二个预设将替换第一个预设。
一旦将预设应用于舞台上的对象后，在时间轴中创建的补间就不再与“动画预设”面板有任何关系了。
在“动画预设”面板中删除或重命名某个预设对以前使用该预设创建的所有补间没有任何影响。
如果在面板中的现有预设上保存新预设，它对使用原始预设创建的任何补间没有影响。
每个动画预设都包含特定数量的帧。
在应用预设时，在时间轴中创建的补间范围将包含此数量的帧。
如果目标对象已应用了不同长度的补间，补间范围将进行调整，以符合动画预设的长度。
可在应用预设后调整时间轴中补间范围的长度。
包含3D动画的动画预设只能应用于影片剪辑实例。
已补间的3D属性不适用于图形或按钮元件，也不适用于文本字段。
可以将2D或3D动画预设应用于任何2D或3D影片剪辑。
注：
如果动画预设对3D影片剪辑的z轴位置进行了动画处理，则该影片剪辑在显示时也会改变其x和y位置。
这是因为，z轴上的移动是沿着从3D消失点（在3D元件实例属性检查器中设置）辐射到舞台边缘的不可见透视线执行的。
若要应用动画预设，请执行下列操作：
1在舞台上选择可补间的对象。
如果将动画预设应用于无法补间的对象，则会显示一个对话框，允许您将该对象转换为元件。
2在“动画预设”面板中选择预设。
3单击面板中的“应用”按钮，或者从面板菜单中选择“在当前位置应用”。
将应用动画，这样，动画在舞台上影片剪辑的当前位置开始。
如果预设有关联的运动路径，该运动路径将显示在舞台上。
若要应用预设以便其动画在舞台上对象的当前位置结束，请按住Shift单击“应用”按钮，或者从面板菜单中选择“在当前位置结束”。
只要每个选定帧只包含一个可补间对象，也可以将动画预设应用于不同图层上的多个选定帧。
（3）将补间另存为自定义动画预设
如果您创建自己的补间，或对从“动画预设”面板应用的补间进行更改，可将它另存为新的动画预设。
新预设将显示在“动画预设”面板中的“自定义预设”文件夹中。
若要将自定义补间另存为预设，请执行下列操作：
1选择以下项之一：
•时间轴中的补间范围
•舞台上的应用了自定义补间的对象
•舞台上的运动路径
2单击“动画预设”面板中的“将选区另存为预设”按钮，或从选定内容的上下文菜单中选择“另存为动画预设”。
新预设将显示在“动画预设”面板中。
Flash会将预设另存为XML文件。
这些文件存储在以下目录中：
•对于Windows：
<硬盘>\DocumentsandSettings\<用户>\LocalSettings\ApplicationData\Adobe\FlashCS4\<语言>\Configuration\MotionPresets\
•对于Macintosh：
<硬盘>/Users/<用户>/Library/ApplicationSupport/Adobe/FlashCS4/<语言>/Configuration/MotionPresets/
注：
保存、删除或重命名自定义预设后无法撤消。
（4）导入动画预设
动画预设存储为XML文件。
导入XML补间文件可将其添加到“动画预设”面板。
1从“动画预设”面板菜单中选择“导入”。
2在“打开”对话框中，导航到要导入的XML文件，然后单击“打开”。
Flash将打开XML文件，并将动画预设添加到面板。
（5）导出动画预设
可将动画预设导出为XML文件，以便与其他Flash用户共享。
1在“动画预设”面板中选择预设。
2从面板菜单中选择“导出”。
3在“另存为”对话框中，为XML文件选择名称和位置，然后单击“保存”。
（6）删除动画预设
可从“动画预设”面板删除预设。
在删除预设时，Flash将从磁盘删除其XML文件。
请考虑制作要在以后再次使用的任何预设的备份，方法是先导出这些预设的副本。
1在“动画预设”面板中选择要删除的预设。
2请执行下列操作之一：
•从面板菜单中选择“删除”。
•在面板中单击“删除项目”按钮。
（7）创建自定义预设的预览
可以为所创建的任何自定义动画预设创建预览。
通过将演示补间动画的SWF文件存储于动画预设XML文件所在的目录中，可以做到这一点。
1创建补间动画，并将其另存为自定义预设。
2创建一个只包含补间演示的FLA文件。
使用与自定义预设完全相同的名称保存FLA。
3使用“发布”命令从FLA文件创建SWF文件。
4将SWF文件置于已保存的自定义动画预设XML文件所在的目录中。
这些文件存储在以下目录中：
•对于Windows：
<硬盘>\DocumentsandSettings\<用户>\LocalSettings\ApplicationData\Adobe\FlashCS4\<语言>\Configuration\MotionPresets\
•对于Macintosh：
<硬盘>/Users/<用户>/Library/ApplicationSupport/Adobe/FlashCS4/<语言>/Configuration/MotionPresets/
现在，在“动画预设”面板中选择自定义补间后，将显示预览。
3.创建补间动画
补间应用于元件实例和文本字段。
只能补间元件实例和文本字段。
在将补间应用于所有其它对象类型时，这些对象将包装在元件中。
元件实例可包含嵌套元件，这些元件可在自己的时间轴上进行补间。
补间图层中的最小构造块是补间范围。
补间图层中的补间范围只能包含一个元件实例。
元件实例称为补间范围的目标实例。
将第二个元件添加到补间范围将会替换补间中的原始元件。
将其他元件从库拖到时间轴中的补间范围上，可更改补间的目标对象。
可从补间图层删除元件，而不必删除或断开补间。
这样，以后可以将其他元件实例添加到补间中。
也可以更改补间范围的目标元件的类型。
可以在舞台、属性检查器或动画编辑器中编辑各属性关键帧。
在将补间添加到某一图层上的一个对象或一组对象时，Flash会根据下列规则将该图层转换为补间图层，或创建一个新图层来保存图层上的对象的原始堆叠顺序：
•如果该图层上除选定对象之外没有其他任何对象，则该图层更改为补间图层。
•如果选定对象位于图层堆叠顺序底部（在所有其他对象之下），则会在原始图层之上创建一个图层以容纳非选定项，而原始图层成为补间图层。
•如果选定对象位于图层堆叠顺序顶部（在所有其他对象之上），则创建一个新图层，选定对象将移到该图层，而该图层成为补间图层。
•如果选定对象位于图层堆叠顺序中间（在该选定对象之上和之下有非选定对象），则创建两个图层，一个图层用于容纳新补间，上方的另一个图层用于容纳堆叠顺序顶部的非选定项。
位于堆叠顺序底部的非选定项仍位于新插入图层下方的原图层上。
补间图层可包含补间范围以及静态帧和ActionScript。
但包含补间范围的补间图层的帧不能包含补间对象以外的对象。
若要将其他对象添加到同一帧中，请将其放置单独的图层中。
如果补间包含动画，则会在舞台上显示运动路径。
运动路径显示每个帧中补间对象的位置。
无法将运动引导层添加到补间/反向运动图层。
（1）创建补间动画
1在舞台上选择要补间的一个或多个对象。
对象可驻留在下列任何图层类型中：
常规、引导、遮罩或被遮罩。
2请执行下列操作之一：
•选择“插入”>“补间动画”。
•右键单击（Windows）或按住Ctrl单击（Macintosh）所选内容或当前帧，然后从上下文菜单中选择“创建补间动画”。
如果对象不是可补间的对象类型，或者如果在同一图层上选择了多个对象，将显示一个对话框。
通过该对话框可以将所选内容转换为影片剪辑元件。
将所选内容转换为影片剪辑以继续。
如果补间对象是图层上的唯一一项，则Flash将包含该对象的图层转换为补间图层。
如果图层上没有其他任何对象，则Flash插入图层以保存原始对象堆叠顺序，并将补间对象放在自己的图层上。
如果原始对象仅驻留在时间轴的第一帧中，则补间范围的长
升级会员 