第八章制作Flash动画Flash是美国Macromedia公司推出的网页矢量图形编辑和动画创作专业软件,在网页制作中,可以创作动感强烈的宣传广告、动画、MTV、交互界面等,甚至可以完全用Flash制作网页。8.1FlashMX2004基础8.1.1Flash概述1.Flash动画的特点(1)使用矢量图形和流式播放技术。(2)通过使用关键帧和元件使得所生成的动画(.swf)文件非常小(3)把音乐、动画、声效、交互方式融合在一起(4)可以制作具有交互功能的动画。(5)可以与Dreamweaver紧密配合,直接将Flash动画嵌入网页的任一位置,使用非常方便。2.FlashMX2004新升级的FlashMX现在提供了两种版本:FlashMX2004和FlashMXProfessional2004。3.Flash动画的有关概念(1)帧帧是构成Flash动画的基本元素。(2)帧频帧频就是每秒钟播放的帧数。播放时间=帧的总数÷帧频。(3)元件和实例元件和实例也叫组件,是Flash用来构成帧的基本元素,有影片剪辑、图形和按钮三种类型。(4)图层在制作Flash动画时,每一帧可以由多层图形构成,类似于用几张透明的胶片绘制不同的图形,然后再叠在一起的效果。(5)场景一个简短的动画叫场景。一个场景由多帧图形组成。(6)影片一个影片是由一个或几个场景组成的表达完整意义的动画。(7)时间轴时间轴是Flash用来描述动画中帧与时间的关系、图层状态等细节的地方。8.1.2FlashMX2004的界面菜单栏工具箱文档选项卡面板舞台时间轴8.2使用绘图工具8.2.1绘制基本图形1.用铅笔工具绘画2.使用刷子工具3.绘制直线4.绘制椭圆和矩形5.绘制多边形和星形6.使用钢笔工具8.2.2编辑图形对象1.使用选取工具单击选取工具2.重叠形状当使用铅笔、线条、椭圆、矩形或刷子工具绘制一条穿过另一条直线或已涂色形状的直线时,重叠直线会在交叉点处分成线段。使用选取工具或套索工具3.图形变形选中对象后,单击自由变形工具4.设置填充将填充色设为渐变色时,选中颜料桶工具(1)设置渐变填充选择填充变形工具(2)使用位图填充使用菜单“窗口”→“设计面板”→“混色器”打开混色器面板,在下拉菜单中选择“位图”,打来“导入到库”对话框,可选择要作为填充对象的位图。单击用渐变填充的区域,填充的区域上会出现渐变控制点,将鼠标移动到不同的控制点上,鼠标会变成不同的形状,拖动该控制点会改变不同的渐变属性。5.对齐和排列图形选择要对齐的所有对象,使用菜单“窗口”→“设计面板”→“对齐”或在主工具栏上单击“对齐”按钮6.组合对象在制作动画时,如果要将多个对象设置相同的动画效果,就需要首先将这些对象组合起来变成一个对象,否则有些效果就不能实现。选中要组合的对象,使用菜单“修改”→“组合”即可将这些对象组合成一个对象。7.擦除图形使用橡皮擦工具擦除模式标准擦除擦除填色擦除线条擦除所选填充内部擦除8.2.3输入文字1.Flash中的文本Flash中的文本分为3种,静态文本、动态文本和输入文本。2.创建不断加宽的文本块在工具栏中,单击“文本”工具在“属性”面板上的“文本类型”弹出菜单中,选择“静态文本”,然后在选择字体、大小、颜色等。3.创建宽度固定的文本块单击“文本”工具,在属性面板上设置合适的属性后,在舞台上拖动,既可创建宽度固定的文本块。这种文本块右上角有一个方形控制块。4.设置文本属性单击“选择”工具将鼠标移动到文本块上,当鼠标变为带箭头的十字形状时,可移动文本块。5.打散文本直接输入的文本可以使用自由变形工具变形,但不能使用路径编辑工具、填充工具、橡皮擦工具等。必须先转换为路径后才能进行这些操作,这个操作过程一般称为“打散文本”。打散就是选中要转换为路径的文本块,在其上边单击右键,在弹出菜单中选择“分离”;或者使用菜单“修改”→“分离”。8.3制作动画8.3.1逐帧动画1.时间轴面板顶区图层区时间帧区状态栏8.3.2形状补间动画在一个关键帧中绘制一个形状,然后在另一个关键帧中绘制另一个形状,Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。1.制作形状补间动画的方法(1)创建形状补间动画时,在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好;(2)在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在“属性”面板上的“补间”菜单中选择“形状”,一个形状补间动画就创建完毕。2.设置形状补间动画形状补间动画的“属性”面板上只有二个参数:(1)“简易”框中设置动画动作过程中的速度变化。(2)“混合”下拉菜单选择形状变化的方式。3.绘图纸的使用(1)“修改绘图纸标记”按钮(2)“绘图纸外观”按钮(3)“绘图纸外观轮廓”(4)“编辑多个帧”按钮(5)“帧居中”按钮8.3.3动作补间动画1.创建动作补间动画的方法(1)在时间轴面板上动画开始帧创建或选择一个关键帧并设置一个元件;在动画要结束帧创建一个关键帧并设置该元件的属性;(2)单击开始帧,在“属性”的“补间”下拉菜单中选择“动作”。2.设置动作补间动画动作补间“属性”面板动作补间元的“属性”面板8.3.4引导路径动画1.引导路径动画引导路径动画将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动。一个最基本的引导路径动画由两个图层组成,上面一层是“引导层”,下面一层是“被引导层”。2.设置引导路径动画(1)“被引导层”中的物体在被引导运动时,在“属性”面板上,选中“调整到路径”,物体的基线就会调整到运动路径。选中“对齐”,物体的中间点就会与运动路径对齐。(2)引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层”,该引导层中可以放置一些文字说明、元件位置参考等,此时引导层的图标为(3)在调整元件在引导线上的位置时,按下工具箱中的“对齐对象”按钮(4)过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。(5)如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择“属性”,在对话框中选择“正常”,作为正常图层。(6)如果想让对象作圆周运动,可以在“引导层”画一根圆形线条,再用“橡皮擦工具”擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。(7)引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。8.3.5遮罩动画1.遮罩动画的制作方法Flash中没有一个专门的按钮来创建遮罩层,遮罩层是由普通图层转化的。只要在某个图层上单击右键,在弹出菜单中选择“遮罩层”。该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标遮罩层下面的一层自动变为“被遮罩层”,在缩进的同时图标变为8.4元件和库8.4.1元件的使用1.库面板使用菜单“窗口”→“库”打开“库”面板。2.使用元件拖动库中的元件到舞台中就可以在Flash文档中使用该元件,舞台中的元件称为库元件的“实例”。3.管理库中的元件编辑按钮新建文件夹删除元件4.使用公用库使用菜单“窗口”→“其它面板”→“公用库”,可选择“学习交互”、“按钮”、“类”之中的一种库。8.4.2创建库元件1.新建库元件使用菜单“插入”→“新建元件”可打开“创建新元件”对话框“影片剪辑”元件中可以包含动画。“按钮”元件可设置一个按钮的各种形状。“图形”元件包含一个静态的图形或图形组合。2.转换库元件在舞台上选择一个或多个元素。然后右击从弹出菜单中选择“转换为元件”,可将选中的元素转换为元件。3.导入库元件使用菜单“文件”→“导入到舞台”或“文件”→“导入到库”打开“导入”对话框4.导入外部库使用菜单“文件”→“打开外部库”,可选择一个Flash文档,将该文档的库打开。在库面板上就可以使用其中的库元件了。8.4.3制作按钮1.按钮元件的组成按钮元件有特殊的编辑环境,通过在四个不同状态:弹起、指针经过、按下、点击。8.5使用声音和视频8.5.1在动画中使用声音1.导入声音2.使用声音3.制作FlashMTV8.5.2使用视频1.导入视频2.应用视频思考题8.1Flash动画有什么优点?8.2舞台、场景、元件、库各有什么作用?8.3时间轴的作用是什么,绘图纸可实现什么效果,如何实现?8.4为什么要将图形转换为元件,使用元件的优点是什么?8.5Flash有几种创建动画的方法,各自如何创建动画?8.6打散文本的作用是什么?将文字“WelcomeYou!”打散需要操作几次?8.7按钮有几种状态,如何制作按钮?8.8声音和视频如何在Flash动画中使用?