FLASH4-创建动画

4.4.2 动画补间动画的属性面板
（4）【调整到路径】复选框，将补间元素的基 线调整到运动路径。此项功能主要用于引导线 运动，后面介绍此功能。 （5）【同步】复选框，将使图形元件实例的动 画和主时间轴同步。 （6）【对齐】复选框后，根据其注册点将补间 元素附加到运动路径，此功能也用于引导线运 动。
4.1.3 图层
1.图层的功能 用于多层内容的叠加，最后运行的效果是多层次 叠加的结果。 2.图层的基本操作 方法1：快捷菜单 方法2：修改/时间轴 3.图层不能直接复制
4.2 创建逐帧动画
4.2.0 4.2.1 4.2.2 4.2.3 4.2.4 动画的类型 逐帧动画的概念及表现形式 创建逐帧动画的方法 绘图纸功能简介 逐帧动画据举例
4.2.0 动画类型
1.逐帧动画：逐帧改变 2.动画补间动画：位置，大小，方向，颜色 的改变 3.形状补间动画：形状改变 4.路径动画：沿引导线移动对象 5.遮罩动画：包括遮罩和被遮罩层，遮罩路 过（重叠）的部分显示 6.交互式动画：按钮＋ActionScript脚本
4.2.1
绘图纸的各个按钮如图所示。
绘图纸外观按钮
绘图纸外观轮廓按钮
编辑多个帧按钮
修改绘图纸标记按钮
2．绘图纸各个按钮详解
【绘图纸外观】按钮：按下此按钮后，在时间 帧的上方，出现绘图纸外观标记。拉动外观标 记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场 景中显示各帧内容的轮廓线，填充色消失，特 别适合观察对象轮廓，另外可以节省系统资源， 加快显示过程。 【编辑多个帧】按钮：按下后可以显示全部帧 内容，并且可以进行“多帧同时编辑”。 【修改绘图纸标记】按钮：按下后，弹出菜单， 菜单中有5个选项：
2．绘图纸各个按钮详解
【总是显示标记】：会在时间轴标题中显示绘图 纸外观标记，无论绘图纸外观是否打开。 【锚定绘图纸】：会将绘图纸外观标记锁定在 它们在时间轴标题中的当前位置。通常情况下， 绘图纸外观范围是和当前帧的指针以及绘图纸 外观标记相关的。通过锚定绘图纸外观标记， 可以防止它们随当前帧的指针移动。 【绘图纸2】：会在当前帧的两边显示2个帧。 【绘图纸5】：会在当前帧的两边显示5个帧。 【绘制全部】：会在当前帧的两边显示全部帧。
4.1.1 帧的类型
2.关键帧：黑色实心圆点表示。 FLASH可以在定义的2个关键帧之间创建补间动画， 或者自动填充中间的帧内容。 关键帧是动画开始位置和结束位置的标记。 插入关键帧：F6 4.空白关键帧：空心小圆圈表示。 如果不想让新关键帧继承相邻左侧的帧的内容，可 以插入空白关键帧，即中止继续前面帧的内容。 插入空白关键帧（F7）后，左侧相邻帧的内容会自 动复制到本帧。 任何一个新文档的第一帧都是空白关健帧。
FLASH4 创建动画
CREATE AN ANIMATION WITH FLASH
复习与提问
1、将一个位图文件导入到库与导入到舞台 有什么区别？ 2、元件与实例是什么样的关系？ 3、元件分为哪几种，这几种元件有什么区 别？ 4、对于声音元件，系统提供了哪几种与主 时间轴同步的方法？ 5、在制作按钮元件时，需要完成哪些帧的 设计？
本章要点
基本概念 逐帧动画 形状补间动画 动画补间动画 遮罩动画 引导路径动画
4.1 动画设计的基本概念
4.1.1 帧的类型 4.1.2 帧的操作 4.1.3 图层
4.1.1 帧的类型
1.什么是帧（Frame） FLASH的主要功能是制作动画，动画中的每 一幅画面叫做一个帧。 帧的内容：文字，图形，元件的实例。帧的 类型：普通帧，关键帧，空白关键帧 2.普通帧：用灰色表示，在连续普通帧的最后 一帧中有一个空心矩形块，普通帧的内容与 前面关键帧中的内容相同。 普通帧一般用于延续前面关键帧的内容，如 背景图片、引导层路径。 插入普通帧：F5
4.1.2 帧的操作
1.选择帧 选择单帧：单击帧 选择多个不连续的帧：Ctrl＋依次单击 选择连续多个帧： Shift＋开始帧＋结束帧或拖 动鼠标 选择所有帧：在时间轴任意位置，右击，选择所 有帧或编辑/时间轴/选择所有帧 2.删除帧 普通帧：可直接删除 关键帧：若右边没有普通帧，可直接删除；若右 边有普通帧，则只删除右边的普通帧。 操作方法：选择帧，右击，删除帧
1．动画补间动画的概念
在一个关键帧上放置一个元件，然后在另一 个关键帧改变这个元件的大小、颜色、位置、 透明度等，Flash 根据二者之间的帧创建的 动画被称为动画补间动画。
2．构成动画补间动画的元素
构成动画补间动画的元素是元件，包括影片 剪辑、图形元件、按钮、文字、位图、组合 等，但不能是形状，只有把形状“组合”或 者转换成“元件”后才可以做“动画补间动 画”。
4.形状补间动画在时间帧面板上的表现
形状补间动画建好后，时间帧面板的背景色变为淡 绿色，在起始帧和结束帧之间有一个长长的箭头， 如图所示。
4．创建形状补间动画的方法
在动画开始播放的地方创建或选择一个关键帧，并 设置要开始变形的形状，一般一帧中以一个对象为 好，在动画结束处创建或选择一个关键帧并设置要 变成的形状，再单击开始帧，在【属性】面板上单 击【补间】旁边的下拉按钮，在弹出的菜单中选择 【形状】。
4.2.4 逐帧动画据举例
制作逐字显示“长沙民政学院”。 制作逐字显示且不断闪烁的“长沙民 政学院”。 制作含有英文字样“Changsha Social Work College” 且逐字显示的“长沙民 政学院”。 制作从右边向左边靠拢且逐字显示 “长沙民政学院”。（要综合运用动 画补间动画）
安放成功后开始帧上的“提示圆圈”变为黄色， 结束帧上的“提示圆圈”变为绿色； 安放不成功或不在一条曲线上时，“提示圆圈” 颜色不变。
4.添加形状提示的技巧
“形状提示”可以连续添加，最多能添加26个。 形状提示的摆放位置也要符合逻辑顺序。 形状提示要在形状的边缘才能起作用。 要删除所有的形状提示，可执行【修改】|【形状】 |【删除所有提示】命令。 删除单个形状提示，可用鼠标右键单击它，在弹出 的菜单中选择【删除提示】。
4.4.3 形状提示的使用
1．形状提示的作用 2．添加形状提示的方法 3. 添加形状提示的技巧
1．形状提示的作用
在“起始形状”和“结束形状”中添加相对 应的“参考点”，使Flash在计算变形过渡 时依一定的规则进行，从而较有效地控制变 形过程。
2．添加形状提示的方法
先在形状补间动画的开始帧上单击一下，再 执行【修改】|【形状】|【添加形状提示】 命令，该帧的形状上就会增加一个带字母的 红色圆圈，相应地，在结束帧形状中也会出 现一个“提示圆圈”。 用鼠标左键单击并分别按住这两个“提示圆 圈”，放置在适当位置：
逐帧动画的概念及表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧 地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任 何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图所示。
4.2.2 创建逐帧动画的方法
创建逐帧动画的常见方法有以下几种：
（1）用导入的静态图片建立逐帧动画。 （2）绘制矢量逐帧动画。 （3）文字逐帧动画。 （4）指令逐帧动画。 （5）导入序列图像。
4.2.3 绘图纸Байду номын сангаас能简介
1．绘画纸的功能 2．绘图纸各个按钮详解
1．绘画纸的功能
Flash 在舞台中一次只能显示动画的单个帧。使用 绘画纸功能后，就可以在舞台中一次查看两个或多 个帧。 图所示为使用绘图纸功能后的场景效果，需要注意 的是此时只能编辑当前帧的内容。
2．绘图纸各个按钮详解
4.动画补间动画在时间帧面板上的表现
动画补间动画建立后，时间帧面板的背景色变为淡 紫色，在起始帧和结束帧之间有一个长长的箭头， 如图所示。
4．创建动画补间动画的方法
在动画开始播放的地方创建或选择一个关键帧并设 置为一个元件，一帧中只能播放一个项目，在动画 要结束的地方创建或选择一个关键帧并设置该元件 的属性。 再单击开始帧，在【属性】面板上单击【补间】旁 边的下拉按钮，在弹出的菜单中选择【动作】，或 用鼠标右键单击帧，在弹出的菜单中选择【创建补 间动画】，就建立了“动画补间动画”。
1．形状补间动画的概念
在一个关键帧中绘制一个形状，然后在另一 个关键帧中更改该形状或绘制另一个形状， Flash根据二者之间的形状来创建的动画被 称为“形状补间动画”。
2．构成形状补间动画的元素
形状补间动画可以实现两个图形之间颜色、 形状、大小、位置的相互变化，其变形的灵 活性介于逐帧动画和动画补间动画两者之间， 使用的元素多为用鼠标或压感笔绘制出的形 状，如果使用图形元件、按钮或文字，则必 须先“分离”才能创建变形动画。
4.4.3 动画补间动画举例
4.1.2 帧的操作
4.清除关键帧 功能：将关键帧转变为普通帧 结果：被清除的关键帧及下一个关键帧之前的所 有帧都将由被清除的关键帧之前的帧内容替代。 4.复制帧 用快捷菜单的复制帧/剪切帧/粘贴帧 编辑/时间轴/复制帧 5.移动帧：直接拖动 如果拖动的是普通帧，则在目标处生成关键帧 如果拖动关键帧，则改变关键帧的位置。
4.4.4 形状补间动画举例
将一个三角形变成正方形，然后再变成五角形
4.4 创建动画补间动画
4.4.1 动画补间动画的概念 4.4.2 动画补间动画的属性面板 4.4.3 动画补间动画举例
4.4.1 动画补间动画的概念
1．动画补间动画的概念 2．构成动画补间动画的元素 3. 动画补间动画在时间帧面板上的表现 4．创建动画补间动画的方法
4.4.2 形状补间动画的属性面板
Flash的【属性】面板随鼠标选定的对象不同而发 生相应的变化。 当建立了一个形状补间动画后，单击帧，【属性】 面板如图所示。
4.4.2 形状补间动画的属性面板
【属性】面板上只有两个参数：【缓动】选项和【混合】选项。 （1）【缓动】：实现变速运动，数字越小则速度越快。 在-1～ -100 的负值之间，动画运动的速度从慢到快，朝运 动结束的方向加速度补间。 在1 ～ 100 的正值之间，动画运动的速度从快到慢，朝运 动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 （2）【混合】选项的下拉列表框中有【角形】选项和【分布式】 选项两项供选择。 【角形】选项：动画中间形状会保留有明显的角和直线，适 合于具有锐化转角和直线的混合形状。 【分布式】选项：动画中间形状比较平滑和不规则
课堂练习
制作写字效果的动画 思路：逐帧动画，从后往前逐笔擦除
4.3 创建形状补间动画
4.4.1 4.4.2 4.4.3 4.4.4 形状补间动画概述 形状补间动画的属性面板 形状提示的使用 形状补间动画举例
4.4.1 形状补间动画概述
1.形状补间动画的概念 2.构成形状补间动画的元素 3. 形状补间动画在时间帧面板上的表现 4.创建形状补间动画的方法
4.4.2 动画补间动画的属性面板
在时间线“动画补间动画”的起始帧上单击，帧属 性面板如图所示。
4.4.2 动画补间动画的属性面板
（1）【缓动】动画效果会以下面的设置做出相应的变化： 在-1～-100的负值之间，动画运动的速度从慢到快， 朝运动结束的方向加速补间。 在1～100的正值之间，动画运动的速度从快到慢， 朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 （2）【编辑】，可打开【自定义缓入/缓出】对话框， 设置更丰富的变化。 （3）【旋转】有4个选择： 【无】：（默认设置）可禁止元件旋转； 【自动】：使元件在需要最小动作的方向上旋转一次； 【顺时针】：可使元件在运动时顺时针旋转相应的圈数。 【逆时针】：可使元件在运动时逆时针旋转相应的圈数。