《Flash动画制作》PPT

08机电1班ElectricalandMechanicalMyclassoneFlash动画制作主讲人：XX多媒体素材制作Flash的简单的Flash动画制作Flash的基础知识Flash的具体介绍总体概况第一部分ElectricalandMechanicalMyclassone,ourhomeFlash的基础知识Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。是Macromedia公司出品的矢量图形及动画制作软件，与Dreamweaver、Fireworks合称网页三剑客。第一部分ElectricalandMechanicalMyclassone,ourhome调研方法Flash的基础知识Flash中的位图与矢量图矢量图：放大不失真，色彩相对单一，文件量小位图：放大后失真，色彩相对丰富，文件量大原始大小的矢量图与位图放大后的矢量图与位图第一部分ElectricalandMechanicalMyclassone,ourhome调研方法Flash的基础知识帧与图层帧：一帧就是一个画面，内容可以是图像、文字、声音等元素。图层：图层就像一张透明的纸。129876543图层①空白关键帧、②关键帧、③动作补间帧、④形状补间帧、⑤含动作语句帧、⑥⑦⑧帧标签、⑨不能生成补间的错误帧等。第一部分ElectricalandMechanicalMyclassone,ourhomeFlash的基础知识Flash的应用Flash的应用相当广泛，网站建设、MTV制作、矢量动画、模拟电影、网络教程、网络游戏、手机动画、广告制作等。只要有屏幕的地方，几乎都有Flash的踪影。全世界正在运行的网站上，几乎所有的网络动画都是由Flash制作完成的。第一部分ElectricalandMechanicalMyclassone,ourhomeFlash的基础知识Flash的特点（优点）(1)矢量图形，可以无限放大而不失真；（对应位图）(2)Flash动画文件体积小，适合网络传输和网上播放；swf相当于gif的1/3，mp3的1/10;(3)流式播放（流媒体技术），边下载边观看；(4)交互功能强，人机交流，ActionScript脚本语言(5)采用插件播放，与操作系统和浏览器无关。第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍主菜单栏工具箱时间轴舞台动作面板属性面板工具栏工作界面第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍1．菜单栏主菜单栏共有10项内容，分别是“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助”。2．时间轴面板图层区标尺帧状态栏播放指针帧第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍3．工具箱工具箱分为工具区、查看区、颜色区和选项区4部分.工具区查看区颜色区选项区线条工具部分选取工具选择工具任意变形工具钢笔工具椭圆工具铅笔工具滴管工具手形工具笔触颜色黑白墨水瓶工具填充色填充变形工具套索工具文本工具矩形工具刷子工具颜料桶工具橡皮擦工具缩放工具交换颜色没有颜色第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍4、导入素材在制作Flash动画过程中，只依靠Flash软件本身的一些工具进行图像设计很难满足用户的需要，因此，利用外部素材丰富自己的作品成为必需。*导入位图与矢量图*将位图转换为矢量图（修改－位图）*导入动态格式的图像*导入声音第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍5、导入位图与矢量图能导入Flash8中的图像格式有以下几种：类型扩展名JPEG.jpgGIF.gif位图.bmpPNG.pngFlashPlayer6/7/8.swfAdobeIllustrator.eps.ai.pdfFreeHand.fh7/8/9/10/11AutoCADDXF.dxf第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍6、导入图像在Flash中导入位图与矢量图的方法相同。下面通过实例操作导入一张图像，具体操作步骤如下：（1）新建Flash文档，选择主菜单“文件”→“导入”→“导入到舞台”命令，打开“导入”对话框。（2）在“导入”对话框中选中图像文件，再单击按钮,即可将图像导入到Flash场景中。132第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍7、将位图转换为矢量图将一张位图转换成矢量图，具体操作步骤如下：（1）在场景中选择要转成矢量图的位图，选择主菜单“修改”→“位图”→“转换位图为矢量图”命令，打开“转换位图为矢量图”对话框。（2）根据需要在“颜色阈值”（越小越清晰）和“最小区域”文本框中输入合适的数值，单击“确定”按钮完成设置。12第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍8、导入动态格式的图像在Flash中导入动态图像和导入静态图像的方法相同。具体操作步骤如下：（1）新建Flash文档，选择主菜单“文件”→“导入”→“导入到舞台”命令，打开“导入”对话框。（2）在“导入”对话框中选中动态图像文件，再单击按钮,即可将动态图像导入到Flash场景中。也可以先将动态图像导入到新建的影片剪辑元件舞台中，或者直接导入到库中。第二部分ElectricalandMechanicalMyclassone,ourhomeFlash的具体介绍（1）绘图和填充（2）文字的输入和修改（3）创建动画元件和实例（4）使用动作脚本控制内容（5）添加声音（6）集成电影9、Ｆlash的基本功能建议总结Proposals第三部分简单的Flash动画制作⑴打开新影片文件并安排场景；⑵插入动画元件（帧、图层等）；⑶设定动画效果并测试动画；⑷使用File/Save命令保存扩展名为.fla的Flash动画文件；⑸输出影片。1.动画制作流程第三部分简单的Flash动画制作2.制作逐帧动画⑴创建一个新图层；⑵在起始帧位置插入一个空白关键帧；⑶在空白关键帧中制作和编辑画面内容；⑷在编辑完成的关键帧后插入另一空白关键帧进行编辑，使之与上一帧略有不同；⑸重复步骤⑷的操作，创建其他各帧，直至全部制作完毕；⑹保存文件。注：若每帧的画面已用其他绘图软件制作成系列图片文件，则⑷⑸两步可并为一步，即使用File/Import命令导入系列图片文件。第三部分简单的Flash动画制作3.制作运动渐变动画⑴创建一个新图层；⑵在起始帧位置，插入一个空白关键帧；⑶在空白关键帧中制作和编辑画面内容；⑷单击时间轴中的结束帧位置，插入另一个关键帧（或空白关键帧）；⑸在结束关键帧中注：运动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。⑹创建运动动画，并设置运动参数；⑺保存文件。注：运动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。第三部分简单的Flash动画制作（1）对象必须是元件：包括影片剪辑元件、图形元件、按钮元件或文字、位图和其他组合的对象，不能是形状（分离的），只有形状组合或者转换成元件后才可以创建动作渐变动画。（2）至少需要两个关键帧；（3）两个关键帧中的对象必须是同一对象；（4）两个关键帧中的对象必须有一些变化，否则没有动作变化的效果。动作渐变动画的条件：第三部分简单的Flash动画制作•制作运动渐变动画的限制条件⑴起始帧和结束帧中的运动对象只能是形状；⑵当运动对象是文字、符号或组合体时，必须先通过打散命令将它们打散。•判定形状的方法当使用鼠标单击所选择的对象时，对象会被小圆点覆盖。4.形状渐变动画简单的Flash动画制作形状渐变动画的制作过程⑴创建一个新图层；⑵在起始帧位置插入一个空白关键帧；⑶在空白关键帧中制作和编辑画面内容；⑷单击时间轴中的结束帧位置，插入一个（空白）关键帧，在其中编辑制作形状；⑸在属性面板中单击Tween右侧文本框的下拉箭头选择Shape选项，创建形变动画；⑹保存文件。第三部分简单的Flash动画制作5.“创建补间动画”的方法：（1）右击起始帧或补间帧中的任一帧，在弹出的快捷菜单中选择创建补间动画。（2）选中要创建动画的开始关键帧，选择主菜单“插入”→“时间轴”→“创建补间动画”命令。（3）选中要创建动画的开始关键帧，打开“属性”面板，在“属性”面板“补间”下拉列表选择“动画”选项即可。第三部分简单的Flash动画制作制作遮罩动画的原理（1）“遮罩动画”在有些资料中也称为“蒙版动画”，主要通过一个“遮罩层”制作出特殊的动画效果。（2）直接单击“插入引导层”按钮可插入“引导层”，而创建“遮罩层”需在该层上单击右键，在弹出的快捷菜单中选择“遮罩层”命令，对应的下面一个图层自动变为“被遮罩层”。（3）简单的遮罩动画，相当于在“遮罩层”上放一个只有形状部分是透明的对象，在这个对象运动过程中，只显示这个透明部分下面的内容，其他的都被遮住了。6.制作遮罩动画遮罩层被遮罩层普通层遮罩层示意图第三部分简单的Flash动画制作–建立：方法一：用鼠标将已经存在的普通层拖曳到遮罩层下面。方法二：在建立一个新的遮罩层的同时系统自动与其下面的普通层建立关联。具体操作：选中一个普通层，在图层属性对话框中选中Mask单选项。–取消：方法一：用鼠标将被遮罩的图层拖曳到遮罩层的上面。方法二：选中被遮罩图层，在图层属性对话框中选中Normal单选项。7.建立与取消普通层与遮罩层的关联第三部分简单的Flash动画制作•Flash提供了多种应用声音的方法：如单独播放一段声音、将声音与动画同步播放、为按钮添加个性的声音以及使声音产生淡入淡出的效果等。•在Flash中，声音的使用主要有两种类型1、事件声音事件声音必须完全下载后才能开始播放，而且连续播放，直到有明确的停止命令。比较适合制作很短的声音，如单击按钮的声音。2、流声音流声音只需要下载开始几帧的数据便开始播放，而且声音的播放和时间轴同步，这一特点很适合在网络中使用。流声音适用于使用较长的声音，如MP3。8.声音的使用第三部分简单的Flash动画制作⑴选择File/Import命令，打开Import对话框；⑵选择声音文件，单击“打开”按钮，该声音文件即加入库面板中；⑶选择Window/Library命令，打开库面板；⑷将库面板中的声音文件拖至某一帧的工作区中，该帧的时间轴上即出现一表示声音的符号。9.导入声音文件第三部分简单的Flash动画制作（1）、应用程序（2）、操作系统界面（3）、手机领域的开发（4）、游戏开发（5）、Web应用服务（6）、站点建设（7）、多媒体娱乐（8）、教学系统（9）、其他10.Flash动画制作的发展前景第三部分简单的Flash动画制作11.作品的输出Flash常用的输出文件格式：（1）．FlashPlayer（*.swf）文件；（2）．WindowsAVI（*.avi）文件；（3）．QuickTime（*.mov）文件；（4）．AnimatedGIF（*.gif）文件；（5）．AdobeIllustratorSequence（*.ai）文件序列；（6）．JPEGSequence（*.jpg）文件序列；（7）．WindowsMetafile（*.wmf）、AdobeIllustrator（*.ai）、Bitmap（*.bmp）、JPEGImage（*.jpg）、GIFImage（*.gif）等文件。