flash基本动画制作教案

7章Flash8基础与实例常见动画的制作知识点：1、逐帧动画的制作。234、遮罩动画的制作。5、引导路径动画的制作。学时分配：2学时教学内容：1、逐帧动画的制作。234、遮罩动画的制作。5、引导路径动画的制作。教学重点：123、遮罩动画的制作。4、引导路径动画的制作。教学难点：形状补间动画与动作补间动画的区别。教学方法与手段：讲授法，多媒体展示教学过程：（一）创设意境，导入新课（设疑法、提问法）导入：教师展示几个Flash引入新课程：（二）新课教学（讲解法、提问法、示范法、实验法）本次课开始学习用FlashFlash5状补间动画、动作补间动画、遮罩动画、引导路径动画。逐帧动画的制作就是每一帧中的内容不同，连续播放而成的一种动画。优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。缺点：每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。一、逐帧动画的概念和在时间帧上的表现形式常大的灵活性，几乎可以表现任何想表现的内容。逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。图7-3-1二、创建逐帧动画的几种方法1．用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。2．绘制矢量逐帧动画用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。文字逐帧动画用文字作帧中的元件，实现文字跳跃、旋转等特效。导入序列图像可以导入gifswf（如swishswift3D产生的动画序列。三、绘图纸功能绘图纸的功能在舞台中一次查看两个或多个帧了。内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。绘图纸各个按钮的介绍【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现绘纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。帧同时编辑”。【修改绘图纸标记】按钮：按下此按钮后，弹出菜单，菜单中有以下五个选项：是否打开。过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。“绘图纸2”选项会在当前帧的两边显示两个帧。“绘图纸5”选项会在当前帧的两边显示五个帧。“绘制全部”选项会在当前帧的两边显示全部帧。画实例，以加深对逐帧动画的认识。【实战练习】闪动的小球新建一个文件，背景色为黑色。1236最终时间轴如下图所示。测试存盘【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，.fla”文件进行存盘，如果要导Flash|.swf”文件。形状补间动画一、形状补间动画概述形状补间动画的概念在Flash（关键帧（关键帧动画被称为“形状补间动画”。构成形状补间动画的元素活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。3．形状补间动画在时间帧面板上的表现长长的箭头，如下图所示。创建形状补间动画的方法认识形状补间动画的属性面板Flash的【属性】面板随鼠标选定的对象不同而发生相应的改变。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如下图所示。【实战练习】小球与文字的相互转变制作步骤如下：创建新文档执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为550*400象素，【背景颜色】为黑色。创建一个小球11，去掉边线，在场景中画一个椭圆，调整到合适的大小与位置。创建文字“变”在第20帧处插入一个关键帧，选择“刷子”工具，设置需要的颜色效果，然后书写一个文字“变”。设置小球到文字的形状补间动画单击第1帧，在【属性】面板中将【补间】设置为【形状】。设置文字再到另一个小球的形状补间动画用同样的方法制作文字到另一个小球的形状补间动画。测试存盘执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，按需要将其保存为“变形的小球.fla”文件或者导出为“变形的小球.swf”文件。如下图是其中几个变形过渡帧。动作补间动画动作补间动画的概念在Flash（关键帧Flash值创建的动画被称为动作补间动画。构成动作补间动画的元素句话说，只有把这些形状“组合”或者转换成“元件”后才可以制作“动作补间动画”。动作补间动画在时间帧面板上的表现长长的箭头，如下图所示。形状补间动画和动作补间动画的区别之间的区别如下表所示。区别之处形状补间动画区别之处形状补间动画动作补间动画在时间轴上的表现淡绿色背景加长箭头淡紫色背景加长箭头组成元素文字，则必先打散再变形。不能是形状实现一个元件的大小、位置、作用个形状的大小、位置、颜色等的颜色、透明度等的变化。变化。创建动作补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件直接右击，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”认识动作补间动画的属性面板在时间线“动作补间动画”的起始帧上单击，帧属性面板会变成如下图所示。【实战练习】制作一个小球由大逐步变小的动画。操作步骤：新建一个动画文件。新建一个图形元件，绘制一个小球。将元件库中的元件“小球”拖到舞台上，根据需要改变其实例大小。30帧处插入关键帧，并将实例“小球”缩小。打开第1帧的属性面板，设置补间方式为“动作Ctrl】+Enter】测试动画，效果如何？试试看吧。最后将文件存盘。【实战练习】让小球产生旋转及淡出的效果。操作步骤：55选中舞台上的“小球”实例，将小球调大；设置实例的透明度（Alpha）0。3055关键帧之间建立“动作补间动画30（关键帧）的属性为：顺时针旋转3按【CtrlEnter】测试影片，效果如何？【提示】的位图、文本等都必须要转换成元件，才可以生成“动作补间动画”。遮罩动画遮罩的概念遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩窗”之外的对象将不会显示。遮罩的作用在Flash应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“Actions同时，不能设置Alpha不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按，使之变，使遮罩层只显示边框形状在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。【实战练习】监控的小球（望远镜）1170贴出另外一个，将两个圆重叠一部分放置，做成一个望远镜的样子。注意：这里望远镜的颜色无所谓。新建一个图层2，适的大小，放置在合适的位置。2204060中“望远镜”的位置，然后分别将该图层的第12040602702最终时间轴如下图所示。改，最后将文件保存起来。引导路径动画创建引导层和被引导层层图标，下面一层是“被引导层”，其图标，同普通图层图标一样。在普通图层上点击时间轴面板的“添加引导层”按钮 ，该层的上面就会添加一个引导层 ，同时该普通层缩进成为“被引导层”，如下图所示。引导层和被引导层中的对象引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。动画，当播放动画时，一个或数个元件将沿着运动路径移动。向被引导层中添加元件“引导路径动画”最基本的操作就是使一个运动动画“附着”在“引导线”上“引导线”的两个端点，如下图所示。在上图中，我们特地把“元件”的透明度设为50%，应用引导路径动画的技巧“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，把【属性】面板上的【路径调整】前打上勾，对象的基线就会调整到运动路径。而如果在【对齐】前打勾，元件的注册点就会与运动路径对齐，如下图所示。。着于引导线”的操作更容易成功。

，可以使“对象附过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画的成功制作。被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。，调整注册点。如果想解除引导，可以把被引导层拖离“引导层”，或在图层区的引导层上右击，在弹出的菜单上选择【属性】，在对话框中选择“正常”作为图层类型，如下图所示。引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。【实战练习】四处碰壁的小球制作步骤：（1）创建影片文档