flash动画的制作.ppt

1、第6章 Flash 初探,6.1 认识Flash 6.2 元件、库、实例 6.3 动画编辑 6.4 ActionScript的简单介绍,动画影片是由一幅幅静态画面组成的。当多幅静态画面按先后顺序、连续快速地显示时，人眼的视觉暂留功能使人产生画面活动的感觉，即人们所熟悉的动画效果。 本章介绍的主要内容有： 初识Flash 的窗口界面 熟练掌握时间轴、舞台编辑区中的基本操作 逐帧动画与补间动画及引导层动画 声音的添加 ActionScript的简单应用,6.1 认识Flash,Flash的特点 文件小，适于网络传输 视觉吸引，动画和交互 插件方式，浏览快速方便 流式技术，同步实时放映 易集成，影片

2、集成和网页集成 多媒体，声音处理 优秀工具，绘图和文字处理 时间轴特效和行为 发布,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),菜单栏 工具栏 “工具”区域 “查看”区域 “颜色”区域 “选项”区域,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),舞台与标尺 舞台是用户绘制和编辑图形的场所，是进行创作的区域 标尺是用于在舞台上定位、对齐对象用的工具 执行“视图”“标尺”命令可以打开标尺显示 用户可以用上标尺和左标尺上的尺寸来给对象定位,全国信息化计算机应用技术资格认证管理中心 ,Fl

3、ash工作环境(续),时间轴面板 Flash进行动画创作设计的主要工具 分为左右两部分，分别用于层的控制和时间轴的控制。 层控制区 层操作的主要区域 层分为三种：一般层、运动引导层和遮罩层 时间轴控制区 主要用于对影片的帧进行编辑控制，,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),属性面板 在工具栏中选择一种工具，或者单击某个对象，属性面板中便会出现相应的属性。从中可设置工具的属性。,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),面板 设计面板 对齐 混色器 颜色样本,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),面板（

4、续） 设计面板（续） 信息 场景 变形面板,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),面板(续) 开发面板 动作 行为 组件,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),面板(续) 开发面板 组件检查器 调试器 输出,全国信息化计算机应用技术资格认证管理中心 ,Flash工作环境(续),面板(续) 其他面板 辅助功能 历史记录 影片浏览器 字符串 公用库,全国信息化计算机应用技术资格认证管理中心 ,Flash动画制作过程,动画创意设计 在制作Flash动画前，都会有一个明确的目的。比如，要通过一个故事表现什么情感，或者制作歌曲的MTV等等，

5、这就是动画的创意。 设计的另外一个重点，也是难点，就是制作的人物设计和情节设计,全国信息化计算机应用技术资格认证管理中心 ,Flash动画制作过程（续）,动画场景和镜头的制作 位移动画 变形动画 时间轴特效动画 测试动画 动画效果的测试 电影播放效果的测试 输出发布动画,全国信息化计算机应用技术资格认证管理中心 ,6.2 元件、库、实例6.2.1库,库面板 专用库面板 公用库面板,全国信息化计算机应用技术资格认证管理中心 ,库(续),库的种类 专用库 公用库 学习交互库 按钮库 类库,全国信息化计算机应用技术资格认证管理中心 ,6.2.2元件,基本概念 帧 场景 元件 元件的类型 图形元件 按

6、钮元件 电影剪辑元件,全国信息化计算机应用技术资格认证管理中心 ,元件（续）,三种元件的区别 图形元件：可以是单幅的矢量图形，也可以是位图图像、动画等，有相对独立的编辑区和播放时间。 按钮元件：在交互作品中起到激发某一事件的作用，有相对独立的编辑区和播放时间。 影片剪辑元件：为影片剪辑，也可以是单帧动画，可以在内部集成声音和按钮，有相对独立的编辑区和播放时间。,全国信息化计算机应用技术资格认证管理中心 ,创建图形元件,直接创建的图形元件 执行“插入”“新建元件”命令或按Ctrl+F8键,全国信息化计算机应用技术资格认证管理中心 ,创建图形元件（续）,将对象转换为图形符号 执行“修改”“转换为”

7、命令或按F8键,全国信息化计算机应用技术资格认证管理中心 ,创建图形元件（续）,创建动画图形元件 例：圆形变成方形,全国信息化计算机应用技术资格认证管理中心 ,创建按钮元件,Flash按钮的状态 弹起：鼠标在按钮外时按钮的状态 指针经过：鼠标进入按钮时按钮的状态 按下：鼠标单击或一直按下按钮时按钮的状态 单击：鼠标单击按钮后将要执行的动作,全国信息化计算机应用技术资格认证管理中心 ,创建按钮元件（续）,创建鼠标图符 创建一个图形对象 按Ctrl+F8键后选择按钮，并为新按钮命名,全国信息化计算机应用技术资格认证管理中心 ,创建按钮元件（续）,创建鼠标图符（续） 单击“确定”按钮进入按钮图符编辑

8、环境 单击指针经过帧，并按F6键插入关键帧,全国信息化计算机应用技术资格认证管理中心 ,创建按钮元件（续）,创建鼠标图符（续） 用颜料桶工具将按钮图形对象填充区添为线性渐变 用同样的方法也设置了按下帧 单击状态这里就不设置了，为空帧 单击时间轴左上角的按钮又回到场景 打开库窗口，并将按钮元件拖到舞台中,全国信息化计算机应用技术资格认证管理中心 ,创建影片剪辑元件,按Ctrl+F8键打开创建新元件对话框 在动作中选择影片剪辑单选按钮 单击“确定”按钮进入影片剪辑元件编辑环境 同创建动画图形元件的步骤28,全国信息化计算机应用技术资格认证管理中心 ,6.2.3创建实例,实例的定义 位于舞台上或嵌套

9、在另一个元件中的元件副本 建立一个新元件实例 从库文件中拖动一个元件到舞台,全国信息化计算机应用技术资格认证管理中心 ,6.3 动画编辑,帧操作 动作补间动画 形状补间动画,全国信息化计算机应用技术资格认证管理中心 ,认识时间轴面板,全国信息化计算机应用技术资格认证管理中心 ,帧的概念,空帧 关键帧 普通帧 普通帧也称为静态帧，显示同一层上最后一个关键帧的内容,全国信息化计算机应用技术资格认证管理中心 ,帧的概念（续）,过渡帧 动作过渡帧 形状过渡帧 有问题的过渡帧,全国信息化计算机应用技术资格认证管理中心 ,帧操作,选择帧 选择单独帧 选择帧的范围 添加关键帧 在时间轴上选取一帧，再按F6键

10、 用鼠标右键单击时间轴上的某帧，在弹出的菜单中选择插入关键帧命令 在时间轴上选取一帧，然后在插入菜单中，单击时间轴菜单，然后单击关键帧,全国信息化计算机应用技术资格认证管理中心 ,帧操作（续）,添加空白关键帧 在时间轴上选取一帧，再按F7键 用鼠标右键单击时间轴上的某帧，在弹出的菜单中选择插入空白关键帧命令 在时间轴上选取一帧，然后在插入菜单中，单击时间轴菜单，然后单击空白关键帧,全国信息化计算机应用技术资格认证管理中心 ,帧操作（续）,删除/移动/复制帧 删除：选取的帧上右击，然后选择清除帧命令 移动：选定要移动的帧，并将其拖动到指定的位置 复制：首先选定一帧或者多帧，右击选择复制帧命令，或

11、者从编辑菜单中选择复制帧命令,可以将Fireworks软件绘制的.png格式的位图导入Flash的舞台上或导入到“库”，这两种方式都将图像保留到“库面板”中。也可以将图片直接粘贴到舞台上。 下面介绍Flash导入外部图像的方法、“库”面板的应用，以及位图转换为矢量图的功能。 这些功能使读者学会如何利用外部素材，为动画设计准备角色。,6.3.1在Flash 中导入图片,本节通过一个“手指变形”的实例，讲解传统的逐帧动画的原理。从“铅笔工具”、“选择工具”等工具箱中最基本工具的使用入手，到绘制完成动画角色的准备过程，进而设计动画每一帧的画面，使读者在学习掌握动画制作的基本步骤的同时，深入领会“帧”

12、、“关键帧”、“帧频”等基本概念，并且学会在时间轴上操作、控制帧的方法。 操作步骤：“手指变形”的实例 操作演示：逐帧动画实例 动画演示,让图片动起来,外部图像可以被直接导入到Flash环境中，并将其制作成动画。Flash能够导入.bmp、 .gif、 .jpg、 .png等多种矢量和位图格式的图像文件。但导入的外部位图必须经过矢量化处理后，才能够作为动画角色，设计其动画效果。,在下面实例的操作步骤中，学会利用“套索”工具截取图像局部以及利用格式转换工具将位图转换为矢量图的功能。 操作步骤： 为图片设计动画 操作演示见位图矢量图型,Flash中的文本功能除输入文本和设置文本属性外，还可以将文本

13、设计为动画角色，制作出多种文字特效动画。,让文字动起来,操作步骤： 在Flash MX 2004中插入文字并制作文字特效动画,6.3.2补间动画,在flash中有两种动画序列： 逐帧动画 补间动画:可分为动作补间和形状补间 注意:flash只能对图形进行形状补间，不要试图对组合、元件、可编辑的文本、图片进行形状补间 操作步骤: 见实例eg1.动作补间 eg2.形状补间,通过本实例的学习，将了解如何将完整的文本区域分离为单个文本，并且继续分离第2次后失去文本属性而转变为图形，这是Flash文本设计的重要特性。 除此之外，本小节的实例中还运用了将多个对象一步分散到并占据不同层的功能。 还将学习Flash动画设计的重要功能，如建立元件、设置“动作”补间和“形状”补间，以及将不同的动作部位设置在不同层这一基本的设计原则。大家将了解到复杂的动画是由多个层共同作用的结果。,6.3.2补间动画,6.3.3引导层动画,Flash提供了一个自定义运动路径的功能，弥补了补间动画只能使对象产生直线方向的移动的不足。 见实例操作 Eg.添加引导层动画 动画演示,6.3.4添加声音,Flash可以导入WAV格式的音频文件 两种声音类型:事件声音（例如按钮声音）和流声音 见实例操作 Eg1.为按钮添加声音 动画演示 Eg2