Flash动画制作分解

1、多媒体素材制作08机电1班Flash动画制作Electrical and MechanicalMy class one主讲人：XXFlash的基础知识的Flash的具体介绍简单的Flash动画制作总体概况Flash的基础知识Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。是Macromedia公司出品的矢量图形及动画制作软件，与Dreamweaver、Fireworks合称网页三剑客。第一部分Electrical and MechanicalM

2、y class one, our home调研方法Flash的基础知识Flash中的位图与矢量图矢量图：放大不失真，色彩相对单一，文件量小位图：放大后失真，色彩相对丰富，文件量大原始大小的矢量图与位图原始大小的矢量图与位图第一部分Electrical and MechanicalMy class one, our home放大后的矢量图与位图放大后的矢量图与位图调研方法Flash的基础知识帧与图层帧：一帧就是一个画面，内容可以是图像、文字、声音等元素。图层：图层就像一张透明的纸。1 4 2 6 3 7 8 第一部分Electrical and MechanicalMy class one, o

3、ur home5 9 图层图层空白关键帧、关键帧、空白关键帧、关键帧、动作补间帧、形状补间动作补间帧、形状补间帧、含动作语句帧、帧、含动作语句帧、帧标签、不能生成补间帧标签、不能生成补间的错误帧等。的错误帧等。Flash的基础知识FlashFlash的应用的应用Flash的应用相当广泛，网站建设、MTV制作、矢量动画、模拟电影、网络教程、网络游戏、手机动画、广告制作等。第一部分Electrical and MechanicalMy class one, our home只要有屏幕的地方，几乎都有Flash的踪影。全世界正在运行的网站上，几乎所有的网络动画都是由Flash制作完成的。Flash的

4、基础知识FlashFlash的特点（优点）的特点（优点）(1)矢量图形，可以无限放大而不失真；（对应位图）(2)Flash动画文件体积小，适合网络传输和网上播放；swf相当于gif的1/3，mp3的1/10;(3)流式播放（流媒体技术），边下载边观看；(4)交互功能强，人机交流，ActionScript脚本语言(5)采用插件播放，与操作系统和浏览器无关。第一部分Electrical and MechanicalMy class one, our homeFlash的具体介绍工作界面主菜单栏 工具栏 时间轴 工具箱 第二部分动作面板 Electrical and MechanicalMy cla

5、ss one, our home舞台 属性面板 Flash的具体介绍1 1菜单栏菜单栏主菜单栏共有10项内容，分别是“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助” 。2 2时间轴面板时间轴面板第二部分Electrical and MechanicalMy class one, our home图层区 标尺 播放指针 帧 帧状态栏 Flash的具体介绍3 3工具箱工具箱工具箱分为工具区、查看区、颜色区和选项区4部分.选择工具 任意变形工具 线条工具 钢笔工具 椭圆工具 铅笔工具 墨水瓶工具 滴管工具 手形工具 笔触颜色 填充色 黑白 部分选取工

6、具 填充变形工具 套索工具 文本工具 矩形工具 刷子工具 颜料桶工具 橡皮擦工具 缩放工具 工具区 查看区 第二部分颜色区 Electrical and MechanicalMy class one, our home交换颜色 没有颜色 选项区 Flash的具体介绍4 4、导入素材、导入素材在制作Flash动画过程中，只依靠Flash软件本身的一些工具进行图像设计很难满足用户的需要，因此，利用外部素材丰富自己的作品成为必需。* 导入位图与矢量图* 将位图转换为矢量图（修改位图）* 导入动态格式的图像* 导入声音第二部分Electrical and MechanicalMy class one,

7、 our homeFlash的具体介绍5 5、导入位图与矢量图、导入位图与矢量图能导入Flash 8中的图像格式有以下几种：类型JPEGGIF位图PNGFlash Player 6/7/8Adobe Illustrator扩展名.jpg.gif.bmp.png.swf.eps .ai .pdf第二部分Electrical and MechanicalMy class one, our homeFreeHandAutoCAD DXF.fh7/8/9/10/11.dxfFlash的具体介绍6 6、 导入图像导入图像在Flash中导入位图与矢量图的方法相同。下面通过实例操作导入一张图像，具体操作步骤

8、如下：（1）新建Flash文档，选择主菜单“文件”“导入”“导入到舞台”命令，打开“导入”对话框。（2）在“导入”对话框中选中图像文件，再单击按钮,即可将图像导入到Flash场景中。1 第二部分Electrical and MechanicalMy class one, our home2 3 Flash的具体介绍7 7、 将位图转换为矢量图将位图转换为矢量图将一张位图转换成矢量图，具体操作步骤如下：（1）在场景中选择要转成矢量图的位图，选择主菜单“修改”“位图”“转换位图为矢量图”命令，打开“转换位图为矢量图”对话框。（2）根据需要在“颜色阈值”（越小越清晰）和“最小区域”文本框中输入合适的

9、数值，单击 “确定”按钮完成设置。第二部分Electrical and MechanicalMy class one, our home1 2 Flash的具体介绍8 8、导入动态格式的图像、导入动态格式的图像在Flash中导入动态图像和导入静态图像的方法相同。具体操作步骤如下：（1）新建Flash文档，选择主菜单“文件”“导入”“导入到舞台”命令，打开“导入”对话框。（2）在“导入”对话框中选中动态图像文件，再单击按钮,即可将动态图像导入到Flash场景中。也可以先将动态图像导入到新建的影片剪辑元件舞台中，或者也可以先将动态图像导入到新建的影片剪辑元件舞台中，或者直接导入到库中。直接导入到库

10、中。第二部分My class one, our homeElectrical and MechanicalFlash的具体介绍9 9、lashlash的基本功能的基本功能（1）绘图和填充（2）文字的输入和修改（3）创建动画元件和实例（4）使用动作脚本控制内容（5）添加声音（6）集成电影第二部分Electrical and MechanicalMy class one, our home建议总结Proposals简单的Flash动画制作1. 1. 动画制作流程动画制作流程 打开新影片文件并安排场景； 插入动画元件（帧、图层等）； 设定动画效果并测试动画； 使用 File/Save 命令保存扩展名

11、为 .fla 的 Flash 动画文件； 输出影片。第三部分简单的Flash动画制作2. 2. 制作逐帧动画制作逐帧动画 创建一个新图层； 在起始帧位置插入一个空白关键帧； 在空白关键帧中制作和编辑画面内容； 在编辑完成的关键帧后插入另一空白关键帧进行编辑，使之与上一帧略有不同； 重复步骤的操作，创建其他各帧，直至全部制作完毕； 保存文件。注：若每帧的画面已用其他绘图软件制作成系列图片文件，则两步可并为一步，即使用File/Import命令导入系列图片文件。第三部分简单的Flash动画制作3.3.制作运动渐变动画制作运动渐变动画 创建一个新图层； 在起始帧位置，插入一个空白关键帧； 在空白关键

12、帧中制作和编辑画面内容； 单击时间轴中的结束帧位置，插入另一个关键帧（或空白关键帧）； 在结束关键帧中注：运动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。 创建运动动画，并设置运动参数； 保存文件。第三部分注：运动渐变动画首尾帧间有淡蓝色背景，并有黑色注：运动渐变动画首尾帧间有淡蓝色背景，并有黑色箭头表示，若出现虚线表示渐变过程有问题。箭头表示，若出现虚线表示渐变过程有问题。简单的Flash动画制作动作渐变动画的条件：动作渐变动画的条件：（1）对象必须是元件：包括影片剪辑元件、图形元件、按钮元件或文字、位图和其他组合的对象，不能是形状（分离的），只有形状组合或

13、者转换成元件后才可以创建动作渐变动画。（2）至少需要两个关键帧；（3）两个关键帧中的对象必须是同一对象；（4）两个关键帧中的对象必须有一些变化，否则没有动作变化的效果。第三部分简单的Flash动画制作4.4.形状渐变动画形状渐变动画?制作运动渐变动画的限制条件 起始帧和结束帧中的运动对象只能是形状； 当运动对象是文字、符号或组合体时，必须先通过打散命令将它们打散。?判定形状的方法当使用鼠标单击所选择的对象时，对象会被小圆点覆盖。第三部分简单的Flash动画制作形状渐变动画的制作过程形状渐变动画的制作过程 创建一个新图层； 在起始帧位置插入一个空白关键帧； 在空白关键帧中制作和编辑画面内容； 单

14、击时间轴中的结束帧位置，插入一个（空白）关键帧，在其中编辑制作形状； 在属性面板中单击Tween右侧文本框的下拉箭头选择Shape选项，创建形变动画； 保存文件。简单的Flash动画制作5.5.“创建补间动画创建补间动画”的方法：的方法：（1）右击起始帧或补间帧中的任一帧，在弹出的快捷菜单中选择创建补间动画。（2）选中要创建动画的开始关键帧，选择主菜单“插入”“时间轴”“创建补间动画”命令。（3）选中要创建动画的开始关键帧，打开“属性”面板，在“属性”面板“补间”下拉列表选择“动画”选项即可。第三部分简单的Flash动画制作6. 制作遮罩动画制作遮罩动画制作遮罩动画的原理制作遮罩动画的原理（1

15、）“遮罩动画”在有些资料中也称为“蒙版动画”，主要通过一个“遮罩层”制作出特殊的动画效果。（2）直接单击“插入引导层”按钮可插入“引导层”，而创建“遮罩层”需在该层上单击右键，在弹出的快捷菜单中选择“遮罩层”命令，对应的下面一个图层自动变为“被遮罩层” 。（3）简单的遮罩动画，相当于在“遮罩层”上放一个只有形状部分是透明的对象，在这个对象运动过程中，只显示这个透明部分下面的内容，其他的都被遮住了。 第三部分遮罩层示意图遮罩层 被遮罩层 普通层 简单的Flash动画制作7. 7. 建立与取消普通层与遮罩层的关联建立与取消普通层与遮罩层的关联 建立：方法一：用鼠标将已经存在的普通层拖曳到遮罩层下面

16、。方法二：在建立一个新的遮罩层的同时系统自动与其下面的普通层建立关联。具体操作：选中一个普通层，在图层属性对话框中选中Mask单选项。 取消：方法一：用鼠标将被遮罩的图层拖曳到遮罩层的上面。方法二：选中被遮罩图层，在图层属性对话框中选中Normal单选项。第三部分简单的Flash动画制作8. 8. 声音的使用声音的使用?Flash提供了多种应用声音的方法：如单独播放一段声音、将声音与动画同步播放、为按钮添加个性的声音以及使声音产生淡入淡出的效果等。?在Flash中，声音的使用主要有两种类型1、事件声音事件声音必须完全下载后才能开始播放，而且连续播放，直到有明确的停止命令。比较适合制作很短的声音

17、，如单击按钮的声音。2、流声音流声音只需要下载开始几帧的数据便开始播放，而且声音的播放和时间轴同步，这一特点很适合在网络中使用。流声音适用于使用较长的声音，如MP3。第三部分简单的Flash动画制作9. 导入声音文件导入声音文件 选择File/Import命令，打开Import对话框； 选择声音文件，单击“打开”按钮，该声音文件即加入库面板中； 选择Window/Library命令，打开库面板； 将库面板中的声音文件拖至某一帧的工作区中，该帧的时间轴上即出现一表示声音的符号。第三部分简单的Flash动画制作10. Flash10. Flash动画制作的发展前景动画制作的发展前景（1）、应用程序（2）、操作系统界面（3）、手机领域的开发（4）、游戏开发（5）、Web应用服务（6）、站点建设（7）、多媒体娱乐（8）、教学系统（9）、其他第三部分简单的Flash动画制作11. 作品的输出作品的输出Flash常用的输出文件格