《flash 动画1.ppt》由会员分享，可在线阅读，更多相关《flash 动画1.ppt（59页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第三讲第三讲 时间轴和动画时间轴和动画教学目标教学目标 通过本讲的学习掌握创建编辑位图图像 1、教学内容：教学内容：重点：了解Flash的使用范围教学重难点：教学重难点：Flash 支持以下类型的动画：补间动画补间动画 使用补间动画可设置对象的属性，如一个帧中以及另一个帧中的位置和 Alpha 透明度。传统补间传统补间 传统补间与补间动画类似，但是创建起来更复杂。反向运动姿势反向运动姿势 反向运动姿势用于伸展和弯曲形状对象以及链接元件实例组，使它们以自然方式一起移动补间形状补间形状 在形状补间中，可在时间轴中的特定帧绘制一个形状，然后更改该形状或在另一个特定帧绘制另一个形状。逐帧动画逐帧动画使
2、用此动画技术，可以为时间轴中的每个帧指定不同的艺术作品。动画基础知识关于帧频关于帧频帧频是动画播放的速度，以每秒播放的帧数(fps)为度量单位。帧频太慢会使动画看起来一顿一顿的，帧频太快会使动画的细节变得模糊。24 fps 的帧速率是新 Flash 文档的默认设置，通常在 Web 上提供最佳效果。标准的动画速率也是 24 fps。动画基础知识在时间轴中表示动画在时间轴中表示动画一段具有蓝色背景的帧表示补间动画。范围的第一帧中的黑点表示补间范围分配有目标对象。黑色菱形表示最后一个帧和任何其他属性关键帧。属性关键帧是包含由您显式定义的属性更改的帧。可以选择显示哪些类型的属性关键帧，方法是右键单击(
3、补间动画范围，然后从上下文菜单中选择“查看关键帧”“类型”。默认情况下，Flash 显示所有类型的属性关键帧。范围中的所有其他帧都包含目标对象的补间属性的插补值。动画基础知识 第一帧中的空心点表示补间动画的目标对象已删除。补间范围仍包含其属性关键帧，并可应用新的目标对象。一段具有绿色背景的帧表示反向运动(IK)姿势图层。姿势图层包含 IK 骨架和姿势。每个姿势在时间轴中显示为黑色菱形。Flash 在姿势之间内插帧中骨架的位置。动画基础知识带有黑色箭头和蓝色背景的起始关键帧处的黑色圆点表示传统补间。动画基础知识 虚线表示传统补间是断开或不完整的，例如，在最后的关键帧已丢失时。带有黑色箭头和淡绿色
4、背景的起始关键帧处的黑色圆点表示补间形状。一个黑色圆点表示一个关键帧。单个关键帧后面的浅灰色帧包含无变化的相同内容。这些帧带有垂直的黑色线条，而在整个范围的最后一帧还有一个空心矩形。动画基础知识如出现一个小 a，则表示已使用“动作”面板为该帧分配了一个帧动作。红色的小旗表示该帧包含一个标签。动画基础知识绿色的双斜杠表示该帧包含注释。金色的锚记表明该帧是一个命名锚记。Flash 文档中的每一个场景都可以包含任意数量的时间轴图层。使用图层和图层文件夹可组织动画序列的内容和分隔动画对象。在图层和文件夹中组织它们可防止它们在重叠时相互擦除、连接或分段。将对象分层以应用补间动画将对象分层以应用补间动画“
5、修改”“时间轴”“分散到图层”关于动画中的图层补间是通过为一个帧中的对象属性指定一个值并为另一个帧中的该相同属性指定另一个值创建的动画。Flash 计算这两个帧之间该属性的值。术语“补间”(tween)来源于词“中间”(in between)。补间动画可补间的对象类型包括影片剪辑、图形和按钮元件以及文可补间的对象类型包括影片剪辑、图形和按钮元件以及文本字段。可补间的对象的属性包括：本字段。可补间的对象的属性包括：2D X 和 Y 位置 3D Z 位置（仅限影片剪辑）2D 旋转（绕 z 轴）3D X、Y 和 Z 旋转（仅限影片剪辑）3D 动画要求 FLA 文件在发布设置中面向 ActionScr
6、ipt 3.0 和 Flash Player 10。倾斜 X 和 Y 缩放 X 和 Y 颜色效果颜色效果包括 Alpha（透明度）、亮度、色调和高级颜色设置。只能在元件上补间颜色效果。若要在文本上补间颜色效果，请将文本转换为元件。滤镜属性（不包括应用于图形元件的滤镜）补间动画补间动画和传统补间之间的差异补间动画和传统补间之间的差异Flash 支持两种不同类型的补间以创建动画。补间动画，在 Flash CS4 中引入，功能强大且易于创建。通过补间动画可对补间的动画进行最大程度的控制。传统补间（包括在早期版本的 Flash 中创建的所有补间）的创建过程更为复杂。补间动画提供了更多的补间控制，而传统
7、补间提供了一些用户可能希望使用的某些特定功能。补间动画创建补间动画补间应用于元件实例和文本字段。只能补间元件实例和文本字段。在将补间应用于所有其它对象类型时，这些对象将包装在元件中。元件实例可包含嵌套元件，这些元件可在自己的时间轴上进行补间。进行补间。选择“插入”“补间动画”。右键单击 然后从上下文菜单中选择“创建补间动画”。使用属性检查器补间非位置属性使用属性检查器补间非位置属性使用属性检查器编辑当前帧中补间的任何属性的值。补间动画编辑补间的运动路径 在补间范围的任何帧中更改对象的位置。将整个运动路径移到舞台上的其它位置。使用选取、部分选取或任意变形工具更改路径的形状或大小。使用“变形”面板
8、或属性检查器更改路径的形状或大小。使用“修改”“变形”菜单中的命令。将自定义笔触作为运动路径进行应用。使用动画编辑器。补间动画更改补间对象的位置编辑运动路径最简单的方法是在补间范围的任何帧中移动补间的目标实例。如果帧尚未包含属性关键帧，则 Flash 将向其添加一个属性关键帧。1 将播放头放在要移动其中的目标实例的帧中。2 使用“选取”工具将目标实例拖到舞台上的新位置。补间动画在舞台上更改运动路径的位置可在舞台上拖动整个运动路径，也可在属性检查器中设置其位置。1 在“工具”面板中单击“选取”工具。将路径拖到舞台上所需的位置。在属性检查器中设置路径的 X 和 Y 值。X 和 Y 值针对运动路径边
9、框的左上角。使用箭头键移动运动路径。补间动画使用选取和部分选取工具编辑运动路径的形状使用选取和部分选取工具编辑运动路径的形状补间动画使用任意变形工具编辑运动路径使用浮动属性关键帧使用浮动属性关键帧浮动属性关键帧是与时间轴中的特定帧无任何联系的关键帧。Flash 将调整浮动关键帧的位置，以使整个补间中的运动速度保持一致 右键单击 时间轴中的补间范围，然后在上下文菜单中选择“运动路径”“将关键帧切换为浮动”。若要为补间中的单个属性关键帧启用浮动，请执行下列操作：右键单击 动画编辑器”面板中的属性关键帧，然后在上下文菜单中选择浮动。补间动画补间动画一条已禁用浮动关键帧的运动路径。请注意，其中的各个帧
10、分布不均匀，从而导致运动速度不一致。已启用浮动关键帧的同一运动路径，各个帧沿路径均匀分布且运动速度相同。补间动画使用时间轴中的补间范围使用时间轴中的补间范围在 Flash 中创建动画时，通常应首先在时间轴中设置补间范围若要选择整个补间范围，请单击该范围。若要选择多个补间范围（包括非连续范围），请按住 Shift 并单击每个范围。若要选择补间范围内的单个帧，请按住 Ctrl 单击该范围内的帧。若要选择范围内的多个连续帧，请在按住 Ctrl 的同时在范围内拖动。若要选择不同图层上多个补间范围中的帧，请按 Ctrl 并跨多个图层拖动。若要选择补间范围中的单个属性关键帧，请按 Ctrl 并单击该属性关
11、键帧。然后，可将其拖到一个新位置。补间动画编辑相邻的补间范围编辑相邻的补间范围 若要移动两个连续补间范围之间的分隔线，请拖动该分隔线。若要移动两个连续补间范围之间的分隔线，请拖动该分隔线。将重新计算每个补间。将重新计算每个补间。若要分隔两个连续补间范围的相邻起始帧和结束帧，请在按住若要分隔两个连续补间范围的相邻起始帧和结束帧，请在按住 Alt 的的同时拖动第二个范围的起始帧。同时拖动第二个范围的起始帧。此操作将为两个范围之间的帧留出空间。此操作将为两个范围之间的帧留出空间。若要将某个补间范围分为两个单独的范围，请按住若要将某个补间范围分为两个单独的范围，请按住 Ctrl 单击范围中单击范围中的
12、单个帧，然后从范围上下文菜单中选择的单个帧，然后从范围上下文菜单中选择“拆分动画拆分动画”。两个补间范围具有相同的目标实例。两个补间范围具有相同的目标实例。注：注：如果选中了多个帧，则无法拆分动画。如果拆分的补间已应用了缓如果选中了多个帧，则无法拆分动画。如果拆分的补间已应用了缓动，这两个较小的补间可能不会与原始补间具有完全相同的动画。动，这两个较小的补间可能不会与原始补间具有完全相同的动画。若要合并两个连续的补间范围，请选择这两个范围，然后从范围上下若要合并两个连续的补间范围，请选择这两个范围，然后从范围上下文菜单中选择文菜单中选择“合并动画合并动画”。补间动画在补间中添加或删除 3D 属性
13、关键帧右键单击(Windows)或按住 Ctrl 并单击 时间轴中的补间范围，然后从上下文菜单中选择 3D 补间。如果补间范围未包含任何 3D 属性关键帧，则 Flash 会将 3D 属性关键帧添加到每个现有的 X 和 Y 位置以及 rotation 属性关键帧。如果补间范围已包含 3D 属性关键帧，则 Flash 会将这些 3D 属性关键帧删除。补间动画复制和粘贴补间动画属性复制和粘贴补间动画属性可以将选定帧中的属性复制到同一补间范围或其他补间范围内的另一个帧。粘贴属性时，仅将属性值添加到选定的帧。如果该帧中的补间对象已应用色彩效果、滤镜或 3D 属性，则仅粘贴已复制的色彩效果、滤镜和 3D
14、 属性的属性值。2D 位置属性不能粘贴到 3D 补间上1 若要选择补间范围中的单个帧2 右键单击 选择“复制属性”。3“粘贴属性补间动画将补间范围转换为逐帧动画将补间范围转换为逐帧动画1右键单击2转换为逐帧动画将动作复制为将动作复制为 ActionScript 3.0将定义时间轴中某个补间动画的属性复制为 ActionScript 3.0 脚本并将该动画应用于其他元件，无论是在“动作”面板中还是在使用 ActionScript 3.0 的 Flash 文档源文件（如类文件）中。补间动画将动作复制为将动作复制为 ActionScript 3.0使用“将动作复制为 ActionScript 3.0
15、”可捕获补间动画的以下属性：位置落 缩放 倾斜效果 旋转 变形点 颜色 混合模式 路径方向“缓存为位图”设置 缓动 滤镜 3D 旋转和位置。补间动画将动作复制为将动作复制为 ActionScript 3.0编辑”“时间轴”“将动画复制为 ActionScript 3.0 脚本”。若要使用已复制的代码，请将它粘贴到 Flash 文档的“动作”面板中，您希望该文档包含的元件实例接收已复制的补间。取消注释调用 addTarget()函数的一行，并将该行中的 文本替换为要进行动画处理的元件实例的名称。补间动画使用动画编辑器编辑属性曲线使用动画编辑器编辑属性曲线通过“动画编辑器”面板，可以查看所有补间属
16、性及其属性关键帧。它还提供了向补间添加精度和详细信息的工具补间动画控制动画编辑器显示控制动画编辑器显示1若要调整在动画编辑器中显示哪些属性，请单击属性类别旁边的三角形以展开或折叠该类别。2若要控制动画编辑器中显示的补间的帧数，请在动画编辑器底部的“可查看的帧”字段中输入要显示的帧数。3若要切换某条属性曲线的展开视图与折叠视图，请单击相应的属性名称。画编辑器底部的“图形大小”和“展开的图形大小”字段可以调整展开视图和折叠视图的大小4若要在图形区域中启用或禁用工具提示，请从面板选项菜单中选择“显示工具提示”。5若要向补间添加新的色彩效果或滤镜，请单击属性类别行中的“添加”按扭并选择要添加的项。新项
17、将会立即出现在动画编辑器中。补间动画编辑属性曲线的形状编辑属性曲线的形状可以使用标准贝塞尔控件编辑每个图形的曲线。使用这些控件与使用选取工具或钢笔工具编辑笔触的方式类似。向上移动曲线段或控制点可增加属性值，向下移动可减小值使用属性关键帧使用属性关键帧若要向属性曲线添加属性关键帧，请将播放头放在所需的帧中，然后在动画编辑器中单击属性的“添加或删除关键帧”按钮。也可以按住 Ctrl(Windows)并单击要添加属性关键帧的帧中的图形。也可以右键单击 属性曲线，然后选择“添加关键帧”补间动画若要在转角点模式与平滑点模式之间切换控制点，请按住 Alt 并单击控制点。显示平滑点（第 8 帧）和转角点（第
18、 17 帧）的属性曲线。补间动画缓动补间缓动是用于修改 Flash 计算补间中属性关键帧之间的属性值的方法的一种技术。如果不使用缓动，Flash 在计算这些值时，会使对值的更改在每一帧中都一样。如果使用缓动，则可以调整对每个值的更改程度，从而实现更自然、更复杂的动画。补间动画在动画编辑器中缓动各个属性在动画编辑器中缓动各个属性在动画编辑器中可以对单个属性或一类属性应用预设缓动。补间动画使用传统补间Flash 中的传统补间动画与补间动画类似，但在某种程度上，其创建过程更为复杂，也不那么灵活创建关键帧创建关键帧 在时间轴中选择一个帧，然后选择“插入”“时间轴”“关键帧”右键单击选择“插入关键帧”。
19、在时间轴中插入帧在时间轴中插入帧（同上）（同上）使用传统补间删除或修改帧或关键帧删除或修改帧或关键帧右键单击 选择“删除帧若要延长关键帧的持续时间，请按住 Alt 将该关键帧拖到新序列的最后一帧若要将关键帧转换为帧，请选择该关键帧，然后选择“修改”“时间轴”“清除关键帧”，使用传统补间创建传统补间使用传统补间沿路径创建传统补间动画运动引导层使您可以绘制路径，补间实例、组或文本块可以沿着这些路径运动。使用传统补间拖动要补间的对象，使其贴紧至第一个帧中线条的开头，然拖动要补间的对象，使其贴紧至第一个帧中线条的开头，然后将其拖到最后一个帧中线条的末尾。后将其拖到最后一个帧中线条的末尾。使用传统补间将
20、图层和运动引导层链接起来“修改”“时间轴”“图层属性”，然后选择“引导层”。断开图层和运动引导层的链接择“修改”“时间轴”“图层属性”，然后选择“正常”作为图层类型。粘贴传统补间属性粘贴传统补间属性使用“粘贴动画”命令可复制传统补间，并且可只粘贴要应用于其他对象的特定属性。编辑”“时间轴”“复制动画”使用传统补间将自定义缓入/缓出应用于传统补间逐帧动画创建逐帧动画逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中都在变化而不仅是在舞台上移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash 会存储每个完整帧的值。插入插入”“时间轴时间轴”“关键帧关键帧”
21、。逐帧动画在舞台上同时查看动画的多个帧单击“绘图纸外观”按钮。在“起始绘图纸外观”和“结束绘图纸外观”标记（在时间轴标题中）之间的所有帧被重叠为“文档”窗口中的一个帧。控制绘图纸外观的显示控制绘图纸外观的显示 若要将具有绘图纸外观的帧显示为轮廓，请单击“绘图纸外观轮廓”按钮。更改绘图纸外观标记的显示更改绘图纸外观标记的显示 单击“修改绘图纸标记”按钮，然后选择一项：总是显示标记总是显示标记不管绘图纸外观是否打开，都会在时间轴标题中显示绘图纸外观标记。逐帧动画更改绘图纸外观标记的显示更改绘图纸外观标记的显示锚定绘图纸将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是
22、和当前帧指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧指针移动。绘图纸 2 在当前帧的两边各显示两个帧。绘图纸 5 在当前帧的两边各显示五个帧。绘制全部在当前帧的两边显示所有帧。补间形状关于补间形状关于补间形状在形状补间中，在时间轴中的一个特定帧上绘制一个矢量形状然后更改该形状，或在另一个特定帧上绘制另一个形状。然后，Flash 将内插中间的帧的中间形状，创建一个形状变形为另一个形状的动画。补间形状创建补间形状创建补间形状以下步骤演示如何在时间轴的第 1 帧与第 30 帧之间创建补间形状。1 在第 1 帧中，使用矩形工具绘制一个正方形。2 选择同一图层的第 30 帧
23、，然后通过选择“插入”“时间轴”“空白关键帧”或按 F7 来添加一个空白关键帧。3 在舞台上，使用椭圆工具在第 30 帧中绘制一个圆。此时，第 1 帧中应包含一个带正方形的关键帧，并且第 30 帧中应包含一个带圆形的关键帧补间形状创建补间形状创建补间形状4 在时间轴上，从位于包含两个形状的图层中的两个关键帧之间的多个帧中选择一个帧。5 选择“插入”“补间形状”。6通过按 Enter 键预览动画。7 若要对形状的颜色进行补间，请确保第 1 帧中的形状与第 30 帧中的形状具有不同的颜色。补间形状使用形状提示控制形状变化若要控制更加复杂或罕见的形状变化，可以使用形状提示补间形状 在复杂的补间形状中
24、，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，则在原始三角形和要补间的三角形中它们的顺序必须相同。它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。补间形状查看所有形状提示查看所有形状提示选择“视图”“显示形状提示”。删除形状提示删除形状提示将其拖离舞台。删除所有形状提示删除所有形状提示选择“修改”“形状”“删除所有提示”。使用遮罩层关于遮罩层关于遮罩层若要获得聚光灯效果和过渡效果，可以使用遮罩层创建一个孔，通过这个孔可以看到
25、下面的图层。遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。将多个图层组织在一个遮罩层下可创建复杂的效果。使用遮罩层创建遮罩层创建遮罩层右键单击 时间轴中的遮罩层名称，然后选择“遮罩”。创建遮罩层后遮住其它的图层创建遮罩层后遮住其它的图层择“修改”“时间轴”“图层属性”，然后选择“被遮罩”。断开图层和遮罩层的链接断开图层和遮罩层的链接 选择“修改”“时间轴”“图层属性”，然后选择“正常”。使遮罩层上的填充形状、类型对象或图形元件使遮罩层上的填充形状、类型对象或图形元件实例动起来实例动起来让遮罩层上的影片剪辑动起来让遮罩层上的影片剪辑动起来使用反向运动关于反向运动反向运动(IK)是
26、一种使用骨骼的有关节结构对一个对象或彼此相关的一组对象进行动画处理的方法。使用骨骼，元件实例和形状对象可以按复杂而自然的方式移动，只需做很少的设计工作。例如，通过反向运动可以更加轻松地创建人物动画，如胳膊、腿和面部表情。使用反向运动使用反向运动向元件添加骨骼向形状添加骨骼编辑 IK 骨架和对象使用反向运动选择骨骼和关联的对象 若要选择单个骨骼，请使用选取工具单击该骨骼。属性检查器中将显示骨骼属性。也可以通过按住 Shift 单击来选择多个骨骼。若要将所选内容移动到相邻骨骼，请在属性检查器中单击“父级”、“子级”或“下一个/上一个同级”按钮。若要选择骨架中的所有骨骼，请双击某个骨骼。属性检查器中将显示所有骨骼的属性。若要选择整个骨架并显示骨架的属性及其姿势图层，请单击姿势图层中包含骨架的帧。若要选择 IK 形状，请单击该形状。属性检查器中将显示 IK 形状属性。若要选择连接到骨骼的元件实例，请单击该实例。属性检查器中将显示实例属性。使用反向运动调整调整 IK 运动约束运动约束对骨架进行动画处理