FLASH制作简单动画

《FLASH制作简单动画》由会员分享，可在线阅读，更多相关《FLASH制作简单动画（30页珍藏版）》请在金锄头文库上搜索。

1、FLASH：制作简单动画Flash制作计算机动画原理 在计算机动画制作中，构成动画的一系列画面称为 帧。一般情况下，连续的动画播放速度不得低于24帧 秒。早期的动画影片是画师用手工绘制，再由摄影师 拍摄而产生的。计算机动画的产生同手工制作动画的原 理相同，每一个动画均是由多幅连续有序的静止画面构 成。 Flash动画是以时间轴为基础的帧动画，每个Flash 动画作品都以时间为顺序，由先后排列的一系列帧组成 ，帧是构成动画作品的基本单位。网上动画播放速度通 常为12帧/秒。动画原理 将Flash动画进行分类，一般是按动画创作的方法来 区分的。制作Flash动画既可以一帧一帧的绘制，也可 以只设定

2、两个关键帧，由计算机运算逐渐改变的中间画 面来完成。因此，Flash动画一般可分成两大类：逐帧 动画与渐变动画。渐变动画又可以根据两关键帧之间的 变化对象分成形状渐变动画（变化对象是图形）和移动 渐变动画（变化对象是元件），如图所示。Flash动画的分类时间线把沿时间播放的这个方向称为“时间线”。包括层 (Layer)、帧(Frame)和播放头(Playhead)功能：按照时间顺序组织和控制动画的内容重要概念层 列 表播放头帧帧 在时间轴上，一个一个的格子就是帧。帧是构成一个连 续动画最基本的元素，一个动画是由若干个帧按照时间序 列排列而成的。这些帧按照从左到右播放，就形成了动画 。一帧代表F

3、lash影片中的一个画面。单击一个格或把播放 头拖到某格可以进入该帧，工作区中将显示该帧画面。工 作区总是显示当前层当前帧画面。 帧在Flash动画中的作用和电影胶片在电影中所起的作 用类似，可以表现画面的内容。而且在帧中还能够添加帧 标签或Actions语句，对Flash动画中的元件进行运算和控 制。关键帧 关键帧 是“实”的，不管有内容的还是空白关键帧 ，都确实存在，且可编辑。 普通帧 ：无法放置任何对象，起延长或配合动画渐 变作用。 形状补间动画 补间失败 动作补间动画 补间失败 帧的显示状态 在Flash中，时间轴上帧的显示状态可以根据实际 需要进行不同的设置。单击时间轴标尺右侧的 按

4、钮， 将弹出如图所示帧的视图菜单，选择不同的选项可设置 帧的显示状态。绘图纸绘图纸各个按钮的介绍 绘图纸外观按钮 按下此按钮后，在时间帧的 上方，出现 绘图纸外观标记。拉动外观标记 的两端，可以扩大或缩小显示范围。 绘图纸外观轮廓按钮 按下此按钮后，场景中 显示各帧内容的轮廓线，填充色消失，特别适 合观察对象轮廓，另外可以节省系统资源，加 快显示过程。 绘图纸显示多帧按钮，按下后可以显示全部帧 内容，并且可以进行“多帧同时编辑”。 修改绘图纸标记按钮 按下后，弹出菜单，菜单中有以 下选项： “总是显示标记”选项会在时间轴标题中显示绘图纸外 观标记，无论绘图纸外观是否打开。“锚定绘图纸外观标记”

5、选项会将绘图纸外观标记锁定在 它们在时间轴标题中的当前位置。通常情况下，绘图纸 外观范围是和当前帧的指针以及绘图纸外观标记相关的 。通过锚定绘图纸外观标记，可以防止它们随当前帧的 指针移动。“绘图纸 2”选项会在当前帧的两边显示两个帧。“绘图纸 5”选项会在当前帧的两边显示五个帧。“绘制全部”选项会在当前帧的两边显示全部帧。逐帧动画 逐帧动画的每一幅画面均是由关键帧构成，通过每 帧的内容变化产生动画效果。如图所示是一个逐帧动画 的时间轴示意，通过此图可以看到连续的画面都是关键 帧。我们所做的逐帧动画可以去使用绘图工具在每一帧中绘 制，也可以从外部逐帧导入图片。这里就不演示逐帧绘制画面的逐帧动画

6、，下面介绍 从外部导入图片的两种逐帧动画制作方法。逐帧动画方法一这种方法是先建立连续空白关键帧，再逐帧 从外部导入图片。操作步骤如下：先选中第1帧，接着按住Shift键选定逐帧 动画的最后1帧点击鼠标右键，在弹出的快捷菜 单中选择“转换为关键帧”命令，将所有选中 的帧都转换成空白关键帧。逐次选中每一空白关键帧，执行菜单命令 “文件”“导入”，从预定的目标位置导 入图片。逐帧动画方法二这种方法是先将准备导入的图片放入同一文件夹中 ，然后依次将这些图片文件取同一文件名且加上图片出 现的序号，最后导入到逐帧动画的起始帧。操作步骤如 下：将准备导入的图片放入同一文件夹中，然后依次 将这些图片文件取同一

7、文件名且加上图片出现的序号。 例如：“image1”、 “image2”、 “image3”、 “image4”，如图所示图片文件的序号 在Flash MX的时间轴中，选定准备插入逐帧动画 的起始帧，执行菜单命令“文件”“导入”，从预 定的文件夹中导入图片，此时系统会弹出一个对话框如 图所示。 在上图的对话框中选定“是”，系统将按序号导 入所有的图片形成逐帧动画，完成这部分的逐帧动画制 作。在后面综合实例中，还会运用到逐帧动画的制作方 法。形状补间动画的概念 形变动画是对象形状随时间发生变化的动 画，在时间轴的某帧绘制一个对象，在时间轴 的另一帧修改该对象的形状或绘制其他对象， 由Flash计

8、算并插入两帧之间的补间，创建出变 形的动画效果。形变动画关键帧之间由黑色箭 头相连，单元格为浅绿色背景。形状渐变（形状补间）动画构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色 、形状、大小、位置的相互变化，其变形的灵 活性介于逐帧动画和动作补间动画二者之间， 使用的元素多为用鼠标或压感笔绘制出的形状 。 形变动画的起止对象一定都是图形。用 Flash提供的工具画出的对象都是图形。如果对 象是图形元件生成的实例，要把它转换为图形 模式，方法：选中对象“修改”菜单“分离”。 创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建 或选择一个关键帧并设置要开始变形的形状， 一般一

9、帧中以一个对象为好，在动画结束处创 建或选择一个关键帧并设置要变成的形状，再 单击开始帧，在【属性】面板上单击【补间】 旁边的小三角，在弹出的菜单中选择【形状】 ，此时，时间轴上的变化如图所示，一个形状 补间动画就创建完毕。 认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发 生相应的变化。当我们建立了一个形状补间动画后，点 击时间帧，【属性】面板如图所示。 使用形状提示 形状补间动画看似简单，实则不然， Flash在“计算”2个关键帧中图形的差异时，远不 如我们想象中的“聪明”，尤其前后图形差异较大 时，变形结果会显得乱七八糟，这时，“形状提 示”功能会大大改善这一

10、情况。形状提示的作用 在“起始形状”和“结束形状”中添加相对应的 “参考点”，使Flash在计算变形过渡时依一定的 规则进行，从而较有效地控制变形过程。 添加形状提示的方法 先在形状补间动画的开始帧上单击一下，再执行【 修改】|【形状】|【添加形状提示】命令，该帧的形状 就会增加一个带字母的红色圆圈，相应地，在结束帧形 状中也会出现一个“提示圆圈”，用鼠标左键单击并分 别按住这2个“提示圆圈”，在适当位置安放，安放成 功后开始帧上的“提示圆圈”变为黄色，结束帧上的“ 提示圆圈”变为绿色，安放不成功或不在一条曲线上时 ，“提示圆圈”颜色不变，如图所示。 添加形状提示后各帧的变化 添加形状提示的技

11、巧 “形状提示”可以连续添加，最多能添加26个。 按逆时针顺序从形状的左上角开始放置形状提示，它们的工作 效果最好。 确保“形状提示”是符合逻辑的。例如，前后关键帧中有2个 三角形，我们使用3个“形状提示”，那么2个三角形中的“形 状提示”顺序必须是一致的，而不能第一个形状是 abc，而在 第二个形状是 acb， 形状提示要在形状的边缘才能起作用，在调整形状提示位置前 ，要打开工具栏上【选项】下面的【吸咐开关】 ，这样，会自 动把“形状提示”吸咐到边缘上，如果你发觉“形状提示”仍 然无效，则可以用工具栏上的放大工具 点击形状，放大到 2000倍，以确保“形状提示”位于图形边缘上。 另外，要删除

12、所有的形状提示，选择【修改】|【形状】|【删 除所有提示】。删除单个形状提示，单击右键，在弹出菜单中 选择【删除提示】。动作补间动画的概念 在Flash的时间帧面板上，在一个时间点 （关键帧）放置一个元件，然后在另一个时间 点（关键帧）改变这个元件的大小、颜色、位 置、透明度等等，Flash 根据二者之间的帧的值 创建的动画被称为动作变形动画。移动渐变（动作补间）动画构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影 片剪辑、图形元件、按钮等等，除了元件,其他 元素包括文本都不能创建补间动画的,其他的位 图、文本等等都必须要转换成元件才行，只有 把形状“组合”或者转换成“元件”后才可

13、以做“动作 补间动画”。 动作补间动画在时间帧面板上的表现 动作补间动画建立后，时间帧面板的背景色变 为淡紫色，在起始帧和结束帧之间有一个长长 的箭头，如图所示。 动作补间动画在时间帧上的表现 形状补间动画和动作补间动画的区别 形状补间动画和动作补间动画都属于补间动画。前后都 各有一个起始帧和结束帧，二者之间的区别如下表所示 。 区别之处 动作补间动画 形状补间动画 在时间轴上的表现 淡紫色背景加长箭头 淡绿色背景加长箭头 组成元素 影片剪辑、图形元件、按钮 形状 如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用 实现一个元件的大小、位置、 实现二个形状之间的变化， 颜色、透明等的变

14、化。 或一个形状的大小、位置、颜色等的变化。认识动作补间动画的属性面板在时间线“动作补间动画”的起始帧上单击，帧属 性面板会变成如图所示。动作补间动画属性面板 （1）“简单”选项 在“0”边有个滑动拉杆按钮 ，单击后上下拉动滑杆或填入具体的 数值，补间动作动画效果会以下面的设置作出相应的变化： 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束 的方向加速补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束 的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 （2）“旋转”选项 有四个选择，选择“无”（默认设置）禁止元件旋转；选择“自动”可 以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针 ”(CW) 或“逆时针”(CCW) ，并在后面输入数字，可使元件在运动 时顺时针或逆时针旋转相应的圈数。（3）“调整到路径” 将补间元素的基线调整到运动路径，此项功能 主要用于引导线运动，我们在下一节中要谈到 此功能。（4）“同步”复选框 使图形元件实例的动画和主时间轴同步。（5）“对齐”选项 可以根据其注册点将补间元素附加到运动路径 ，此项功能主要也用于引导线运动。