《flash-制作简单动画剖析》由会员分享，可在线阅读，更多相关《flash-制作简单动画剖析（30页珍藏版）》请在金锄头文库上搜索。
1、FLASH：制作简单动画,Flash制作,计算机动画原理 在计算机动画制作中，构成动画的一系列画面称为帧。一般情况下，连续的动画播放速度不得低于24帧秒。早期的动画影片是画师用手工绘制，再由摄影师拍摄而产生的。计算机动画的产生同手工制作动画的原理相同，每一个动画均是由多幅连续有序的静止画面构成。 Flash动画是以时间轴为基础的帧动画，每个Flash动画作品都以时间为顺序，由先后排列的一系列帧组成，帧是构成动画作品的基本单位。网上动画播放速度通常为12帧/秒。,动画原理,将Flash动画进行分类，一般是按动画创作的方法来区分的。制作Flash动画既可以一帧一帧的绘制，也可以只设定两个关键帧，由
2、计算机运算逐渐改变的中间画面来完成。因此，Flash动画一般可分成两大类：逐帧动画与渐变动画。渐变动画又可以根据两关键帧之间的变化对象分成形状渐变动画（变化对象是图形）和移动渐变动画（变化对象是元件），如图所示。,Flash动画的分类,时间线 把沿时间播放的这个方向称为“时间线”。包括层(Layer)、帧(Frame)和播放头(Playhead) 功能：按照时间顺序组织和控制动画的内容,重要概念,帧 在时间轴上，一个一个的格子就是帧。帧是构成一个连续动画最基本的元素，一个动画是由若干个帧按照时间序列排列而成的。这些帧按照从左到右播放，就形成了动画。一帧代表Flash影片中的一个画面。单击一个格
3、或把播放头拖到某格可以进入该帧，工作区中将显示该帧画面。工作区总是显示当前层当前帧画面。 帧在Flash动画中的作用和电影胶片在电影中所起的作用类似，可以表现画面的内容。而且在帧中还能够添加帧标签或Actions语句，对Flash动画中的元件进行运算和控制。,关键帧 关键帧 是“实”的，不管有内容的还是空白关键帧 ，都确实存在，且可编辑。 普通帧 ：无法放置任何对象，起延长或配合动画渐变作用。 形状补间动画 补间失败 动作补间动画 补间失败,帧的显示状态 在Flash中，时间轴上帧的显示状态可以根据实际需要进行不同的设置。单击时间轴标尺右侧的 按钮，将弹出如图所示帧的视图菜单，选择不同的选项可
4、设置帧的显示状态。,绘图纸,绘图纸各个按钮的介绍 绘图纸外观按钮 按下此按钮后，在时间帧的上方，出现 绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 绘图纸外观轮廓按钮 按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 绘图纸显示多帧按钮，按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。,修改绘图纸标记按钮 按下后，弹出菜单，菜单中有以下选项： “总是显示标记”选项会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。 “锚定绘图纸外观标记”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常
5、情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 “绘图纸 2”选项会在当前帧的两边显示两个帧。 “绘图纸 5”选项会在当前帧的两边显示五个帧。 “绘制全部”选项会在当前帧的两边显示全部帧。,逐帧动画,逐帧动画的每一幅画面均是由关键帧构成，通过每帧的内容变化产生动画效果。如图所示是一个逐帧动画的时间轴示意，通过此图可以看到连续的画面都是关键帧。 我们所做的逐帧动画可以去使用绘图工具在每一帧中绘制，也可以从外部逐帧导入图片。 这里就不演示逐帧绘制画面的逐帧动画，下面介绍从外部导入图片的两种逐帧动画制作方法。,逐帧动画方法一
6、这种方法是先建立连续空白关键帧，再逐帧从外部导入图片。操作步骤如下： 先选中第1帧，接着按住Shift键选定逐帧动画的最后1帧点击鼠标右键，在弹出的快捷菜单中选择“转换为关键帧”命令，将所有选中的帧都转换成空白关键帧。 逐次选中每一空白关键帧，执行菜单命令“文件”“导入”，从预定的目标位置导入图片。,逐帧动画方法二 这种方法是先将准备导入的图片放入同一文件夹中，然后依次将这些图片文件取同一文件名且加上图片出现的序号，最后导入到逐帧动画的起始帧。操作步骤如下： 将准备导入的图片放入同一文件夹中，然后依次将这些图片文件取同一文件名且加上图片出现的序号。例如：“image1”、 “image2”、
7、“image3”、 “image4”，如图所示,图片文件的序号,在Flash MX的时间轴中，选定准备插入逐帧动画的起始帧，执行菜单命令“文件”“导入”，从预定的文件夹中导入图片，此时系统会弹出一个对话框如图所示。 在上图的对话框中选定“是”，系统将按序号导入所有的图片形成逐帧动画，完成这部分的逐帧动画制作。 在后面综合实例中，还会运用到逐帧动画的制作方法。,形状补间动画的概念 形变动画是对象形状随时间发生变化的动画，在时间轴的某帧绘制一个对象，在时间轴的另一帧修改该对象的形状或绘制其他对象，由Flash计算并插入两帧之间的补间，创建出变形的动画效果。形变动画关键帧之间由黑色箭头相连，单元格为
8、浅绿色背景。,形状渐变（形状补间）动画,构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状。 形变动画的起止对象一定都是图形。用Flash提供的工具画出的对象都是图形。如果对象是图形元件生成的实例，要把它转换为图形模式，方法：选中对象“修改”菜单“分离”。,创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击
9、【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图所示，一个形状补间动画就创建完毕。,认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图所示。,使用形状提示 形状补间动画看似简单，实则不然，Flash在“计算”2个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。,形状提示的作用 在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而
10、较有效地控制变形过程。,添加形状提示的方法 先在形状补间动画的开始帧上单击一下，再执行【修改】|【形状】|【添加形状提示】命令，该帧的形状就会增加一个带字母的红色圆圈，相应地，在结束帧形状中也会出现一个“提示圆圈”，用鼠标左键单击并分别按住这2个“提示圆圈”，在适当位置安放，安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色，安放不成功或不在一条曲线上时，“提示圆圈”颜色不变，如图所示。,添加形状提示后各帧的变化,添加形状提示的技巧 “形状提示”可以连续添加，最多能添加26个。 按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。 确保“形状提示”是符合逻辑的
11、。例如，前后关键帧中有2个三角形，我们使用3个“形状提示”，那么2个三角形中的“形状提示”顺序必须是一致的，而不能第一个形状是 abc，而在第二个形状是 acb， 形状提示要在形状的边缘才能起作用，在调整形状提示位置前，要打开工具栏上【选项】下面的【吸咐开关】 ，这样，会自动把“形状提示”吸咐到边缘上，如果你发觉“形状提示”仍然无效，则可以用工具栏上的放大工具 点击形状，放大到2000倍，以确保“形状提示”位于图形边缘上。 另外，要删除所有的形状提示，选择【修改】|【形状】|【删除所有提示】。删除单个形状提示，单击右键，在弹出菜单中选择【删除提示】。,动作补间动画的概念 在Flash的时间帧面
12、板上，在一个时间点（关键帧）放置一个元件，然后在另一个时间点（关键帧）改变这个元件的大小、颜色、位置、透明度等等，Flash 根据二者之间的帧的值创建的动画被称为动作变形动画。,移动渐变（动作补间）动画,构成动作补间动画的元素 构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮等等，除了元件,其他元素包括文本都不能创建补间动画的,其他的位图、文本等等都必须要转换成元件才行，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。,动作补间动画在时间帧面板上的表现 动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头，如图所示。 动作补间动画在时
13、间帧上的表现,形状补间动画和动作补间动画的区别 形状补间动画和动作补间动画都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表所示。 区别之处 动作补间动画 形状补间动画 在时间轴上的表现 淡紫色背景加长箭头 淡绿色背景加长箭头 组成元素 影片剪辑、图形元件、按钮 形状 如果使用图形元件、 按钮、文字，则必先打散再 变形。 完成的作用 实现一个元件的大小、位置、 实现二个形状之间的变化， 颜色、透明等的变化。 或一个形状的大小、位置、 颜色等的变化。,认识动作补间动画的属性面板 在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如图所示。 动作补间动画属性面板,（1）“简单
14、”选项 在“0”边有个滑动拉杆按钮 ，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化： 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 （2）“旋转”选项 有四个选择，选择“无”（默认设置）禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”(CW) 或“逆时针”(CCW) ，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。,（3）“调整到路径” 将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。 （4）“同步”复选框 使图形元件实例的动画和主时间轴同步。 （5）“对齐”选项 可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。,
