flash制作教程.ppt

动画设计动画设计－计算机信息管理学院2第1章、Flash概述•1.1Flash的出现及其特点•Flash是美国Macromedia公司于1999年6月推出的一款优秀的网页动画设计软件。•在Flash尚未诞生之前，因特网上的动画大多是GIF动画或Java动画。前者文件尺寸很大，后者要求制作者有较高的编程能力。Macromedia公司推出的Flash提供了创作网络动画的新途径。Flash动画具有如下特点：•体积小。Macromedia公司使用了插件技术，大大缩小了Flash动画文件的尺寸。Flash中的声音文件使用了MP3的压缩格式，在保证高质量声音的同时，也减小了Flash动画的尺寸。•Flash动画是一种Stream动画。所以，Flash动画在因特网上可以边下载边运行。这一特点是Java动画无法比拟的。•创建和编辑Flash动画的方法简单易学。通过使用关键帧和渐变的技术，Flash简化了动画的创建过程。•交互功能强大。通过交互功能使动画和网页有机地结合起来，可以创造出复杂的动画，绝不逊色于Java。•可以输出多种格式的电影文件。利用Flash创建的动画，不仅可以生成Flash格式（*.swf）的动画，还可以输出为GIF动画、MOV动AVI动画以及.exe文件或Java动画。•随着Flash的发展，Flash动画不仅应用在因特网上，现在许多广告、电脑游戏的片头和片尾都是用Flash做成的。Flash还可以代替PowerPoint制作更精巧的幻灯片进行播放。利用Flash可以直接输出Windows可执行文件（*.exe）的功能，可以便捷地制作出Flash游戏。使用Flash插件，能把Flash动画直接嵌入到VB、VC所生成的Windows可执行文件（*.exe）之中。可以说，Flash已经成为进行多媒体制作不可缺少的工具。•最新的Flash实际上包含了两个版本：FlashBasic8和FlashProfessional8。与FlashBasic8相比，FlashProfessional8的功能较为全面，因此本书介绍的版本为FlashProfessional8。•1.2Flash的安装和启动•在Windows操作系统下，单击【开始】按钮，选择【程序】菜单中的【Macromedia】子菜单中的【MacromediaFlash8】命令，或者双击桌面上的Flash8快捷方式图标，即可启动Flash8，显示初始页界面（即Welcome面板）。在此页可以新建Flash文件或打开已有Flash文件。动画设计－计算机信息管理学院5第2章、初识Flash•Flash界面介绍•创建新项目•从模板创建•菜单栏介绍•工具栏及部分功能面板介绍：主工具栏、混色器面板、颜色样本面板、信息面板、场景面板、动作面板、组件/组件参数面板、调试器面板、输出面板、属性面板动画设计－计算机信息管理学院6Flash8的工作界面【时间轴】面板动画设计－计算机信息管理学院9Flash作品类别•素材•贺卡•MTV•网页元素•互动游戏•媒体展示•动画短片动画设计－计算机信息管理学院10第3章、绘图工具的使用•绘图工具的使用：•线条•椭圆•矩形•铅笔•刷子•钢笔•墨水瓶动画设计－计算机信息管理学院11•颜料桶•滴管•橡皮擦•选择工具•部分选取工具•套索工具•任意变形工具•填充变形工具动画设计－计算机信息管理学院12•辅助绘图工具：手形工具缩放工具对齐工具动画设计－计算机信息管理学院13第4章、Flash特效（素材制作）•Flash是一款动画制作软件，但制作动画时，需要用到文字、图形图像、声音、视频等各种素材。•文本素材的制作•图形图像素材的导入和制作•声音素材的导入和编辑•视频素材的导入和控制•图形元件的建立和使用动画设计－计算机信息管理学院14•1.文本素材：变形文字造型文字空心字彩虹字彩图文字阴影字发光文字动画设计－计算机信息管理学院15•镀铬文字•荧光文字•倒映文字•光影文字•触电文字•提示点文字•动态文本动画设计－计算机信息管理学院16•2.秀图效果•伸展秀图•卷帘秀图•翻转秀图•杂糅秀图•淡入秀图•劈开秀图•穿插秀图•飞入秀图•堆砌秀图•轮流淡出秀图动画设计－计算机信息管理学院17•3.声音素材•在动画设计中，有时可能使用到声音。例如为动画添加背景音乐、解说词等。•从音效的角度讲，如要获得较高的音效质量，可以导入22kHZ、16位立体声声音格式文件；如果为了提高动画文件的传输速度则必须严格控制文件的大小，这需要字节数较少的声音文件，可以导入8kHz、8位单声道声音格式文件。•FlashMX2004可以导入*.wav和*.mp3格式的声音文件，如果系统同安装有QuickTime，那么还能支持*.aif文件。动画设计－计算机信息管理学院18•文件/导入/导入到库•如果选中库中的一个声音，在预览窗口中就会看到声音的波形。当前导入的声音文件为双声道，有两条波形，如导入的声音为单声道，则只会出现一条波形。•在Flash动画中声音主要用于3个方面，分别是按钮、主时间轴和声音对象。动画设计－计算机信息管理学院19•在Flash中有2种类型的声音：事件声音和流式声音。事件声音在播放之前必须完全下载，它可以持续播放，直到被明确命令停止。流式声音在下载若干帧之后，只要数据足够，流式声音就可以开始播放，它可以做到和网络上播放的时间轴同步。声音属性：•选中加有声音的帧，“属性”面板中就有设置声音属性的区域。动画设计－计算机信息管理学院20•无：不使用特效。选择此选项可以删除以前应用的任何效果，•左声道：只有左声道发声。•右声道：•从左到右淡出：声音从左声道转移到右声道发声。•从右到左淡出：•谈入：随着时间的推移逐渐增加音量（加大声波幅度）•淡出：•自定义：允许创建自己编辑的声音效果。动画设计－计算机信息管理学院21•“同步”的下拉列表：•事件：使声音的播放与事件的发生同步。事件声音将在其开始的关键帧播放时播放，并且可以独立于时间轴全部播放，即不论电影是否停止，声音一直播放。•开始：其作用和“事件”选项基本相同，但此项有个检测功能，当检测到有相同声音被启动时，会忽略后启动的声音。•停止：使用该项会停止声音的播放，且时间轴上显示的声波消失，但该声音文件仍然存在。•流式：在Web上播放动画，使声音和动画保持同步，和动画同时停止。动画设计－计算机信息管理学院22•面板底部显示的是所选用声音的信息：声音频率、声道数、声音位数、播放时间长度、声音文件容量大小。动画设计－计算机信息管理学院23动画设计－计算机信息管理学院24•声音导出设置库中双击某声音文件的图标或右击库面板中的声音文件，然后从弹出的快捷菜单中执行“属性”命令。动画设计－计算机信息管理学院25•打开“导出设置”下面的压缩下拉列表ADPCM：设置声音的高倍压缩，降低声音质量。当导出较短小的事件声音（例如按钮单击的声音）时可使用此设置。MP3：导出时使用MP3压缩的声音。在需要导出较长的流式声音（例如音乐音轨）时使用。原始：导出声音过程中不进行压缩。语音：使用特殊的适合语音的压缩方式导出声音。动画设计－计算机信息管理学院26•例：•1.向按钮添加声音小鸭按钮（加声音）•2.向主时间轴添加声音触电文字（加声音）•3.通过声音对象使用声音（用到脚本）动画设计－计算机信息管理学院27•4.视频•AudioVideoInterleaved文件，扩展名.avi•WindowsMediaFile文件，.wmv.asf•MotionPictureExpertsGroup文件，.mpg.mpeg•QuickTimeMovie文件，.mov•DigitalVideo文件，.dv•Flash可以将支持的视频文件格式导入为嵌入视频，内嵌的视频剪辑成为动画的一部分。可以将嵌入视频的帧率与主动画的帧率同步，也可以调整嵌入视频的帧率与主动画的帧率的比率，以便在回放期间从导入视频中删除部分帧。•通过视频导入向导，Flash可以对导入的视频进行剪辑、色相调整、裁剪、缩放等常用的编辑。•举例：直接从外部导入视频•MacromediaFlashBasic8和MacromediaFlashProfessional8提供了几种将视频放入Flash文档的方法。选择的部署视频的方式将决定在Flash中创建和集成视频内容的方式。传送视频内容流•Flash使用户可以在FlashCommunicationServer中承载视频文件。FlashCommunicationServer是为传送实时流媒体而进行了优化的服务器解决方案。可以将本地存储的视频剪辑导入Flash文档中，以后将这些文档上载至服务器。这使用户可以轻松地组合和开发Flash内容。还可以使用新增的FLVPlayback组件或ActionScript来控制视频回放，以及提供直观的控件以方便用户与该视频交互。•用户可以建立自己的FlashCommunicationServer，也可以使用寄宿Flash视频流服务(FVSS)。Macromedia已经与一些内容传送网络(CDN)提供商建立了合作伙伴关系，可以提供能够跨高性能、可靠的网络按需传送Flash视频的寄宿服务。FVSS构建在FlashCommunicationServer的基础上，而且已直接集成到CDN网络的传送、跟踪和报告基础结构中，因此，它可以提供一种最有效的方法，用于向尽可能多的观众传送Flash视频，而且还为您省去设置和维护自己的流服务器硬件和网络的麻烦。动画设计－计算机信息管理学院40•5.图形元件•是静止的矢量图形或没有音效和交互的简单动画。•作为图形元件的动画片段，有自己独立的时间轴，不显示在当前作品的时间轴上。•6.影片剪辑元件•7.按钮元件动画设计－计算机信息管理学院41附:时间轴特效•是FLASHMX2004的新功能。•将一些经常用到的效果制作成命令形式，设计者只需选中对象再执行相应的命令即可。简化操作，提高效率。•时间轴特效的应用对象有文本、矢量图形（包括组合对象和图形元件实例）、位图以及按钮元件实例等。动画设计－计算机信息管理学院42动画设计－计算机信息管理学院43•从FlashMX2004始，提供了8种时间轴特效，均通过执行“插入|时间轴特效”命令下的子命令实现。•1.变形：使用该特效能改变对象的位置、缩放比例、旋转角度、透明度和色彩值，制作淡入/淡出，飞进/飞出，膨胀/收缩，左旋/右旋等效果。•2.转换：对对象进行擦除和淡入淡出的处理，或者二者的组合处理，产生逐渐过渡的效果。•3.分散式复制：该特效的作用是根据设置的次数及偏移量再复制若干个选定对象。动画设计－计算机信息管理学院44•4.复制到网格：作用是根据设置的“行数×列数”的值复制若干个选定对象，然后按行列的布局平铺复制的对象。•5.分离：对文本、矢量图、图形元件实例或视频剪辑应用该特效将产生被打散、旋转和向外抛洒的效果。•6.展开：用于展开或收缩对象，当选中多个对象时，效果显著。•7.投影：为选中对象添加阴影。•8.模糊：通过改变对象的Alpha值、位置及缩放比例，创建运动模糊效果。动画设计－计算机信息管理学院45第5章、基本动画•帧•图层•动画是以一定速度连续播放的图形帧，无论是逐帧动画还是补间动画，都离不开单个静态的图形图像。动画设计－计算机信息管理学院46•1.单图形帧的制作•手工绘制动画介绍图形绘制、文档设置、图层添加等基本操作。要快速地绘制图形，必须对工具箱中的工具能熟练使用。•2.将单帧动画串连，形成生动的动画动画设计－计算机信息管理学院47制作动作补间动画应注意：•动作补间动画的变形对象必须是位图、字符、组合或元件实例，不能是矢量图形，所以是矢量图形或两个以上对象时，必须先转换成元件或建立组合。•动作补间动画两端关键帧内对象的大小、位置、颜色、透明度不同，才能形成动画。矢量图形颜色、透明度在“混色器”中；元件实例的颜色、透明度在“属性”面板中。动画设计－计算机信息管理学院48•例：•小鸭找妈妈•企鹅杂技表演•松鼠翻筋斗•录音带的转动•旋转的文字动画设计－计算机信息管理学院