flash动画的制作.ppt

《flash动画的制作.ppt》由会员分享，可在线阅读，更多相关《flash动画的制作.ppt（47页珍藏版）》请在三一办公上搜索。

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

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

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

4、化计算机应用技术资格认证管理中心http:/http:/,Flash工作环境(续),面板（续）设计面板（续）信息场景变形面板,全国信息化计算机应用技术资格认证管理中心http:/http:/,Flash工作环境(续),面板(续)开发面板动作行为组件,全国信息化计算机应用技术资格认证管理中心http:/http:/,Flash工作环境(续),面板(续)开发面板组件检查器调试器输出,全国信息化计算机应用技术资格认证管理中心http:/http:/,Flash工作环境(续),面板(续)其他面板辅助功能历史记录影片浏览器字符串公用库,全国信息化计算机应用技术资格认证管理中心http:/http:/,F

5、lash动画制作过程,动画创意设计 在制作Flash动画前，都会有一个明确的目的。比如，要通过一个故事表现什么情感，或者制作歌曲的MTV等等，这就是动画的创意。设计的另外一个重点，也是难点，就是制作的人物设计和情节设计,全国信息化计算机应用技术资格认证管理中心http:/http:/,Flash动画制作过程（续）,动画场景和镜头的制作 位移动画变形动画时间轴特效动画测试动画 动画效果的测试电影播放效果的测试 输出发布动画,全国信息化计算机应用技术资格认证管理中心http:/http:/,6.2 元件、库、实例6.2.1库,库面板 专用库面板公用库面板,全国信息化计算机应用技术资格认证管理中心h

6、ttp:/http:/,库(续),库的种类 专用库公用库学习交互库按钮库类库,全国信息化计算机应用技术资格认证管理中心http:/http:/,6.2.2元件,基本概念帧场景元件元件的类型 图形元件按钮元件电影剪辑元件,全国信息化计算机应用技术资格认证管理中心http:/http:/,元件（续）,三种元件的区别图形元件：可以是单幅的矢量图形，也可以是位图图像、动画等，有相对独立的编辑区和播放时间。按钮元件：在交互作品中起到激发某一事件的作用，有相对独立的编辑区和播放时间。影片剪辑元件：为影片剪辑，也可以是单帧动画，可以在内部集成声音和按钮，有相对独立的编辑区和播放时间。,全国信息化计算机应用技

7、术资格认证管理中心http:/http:/,创建图形元件,直接创建的图形元件 执行“插入”“新建元件”命令或按Ctrl+F8键,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建图形元件（续）,将对象转换为图形符号执行“修改”“转换为”命令或按F8键,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建图形元件（续）,创建动画图形元件例：圆形变成方形,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建按钮元件,Flash按钮的状态弹起：鼠标在按钮外时按钮的状态指针经过：鼠标进入按钮时按钮的状态按下：鼠标单击或一直按下按钮时按钮的状态单击

8、：鼠标单击按钮后将要执行的动作,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建按钮元件（续）,创建鼠标图符创建一个图形对象按Ctrl+F8键后选择按钮，并为新按钮命名,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建按钮元件（续）,创建鼠标图符（续）单击“确定”按钮进入按钮图符编辑环境单击指针经过帧，并按F6键插入关键帧,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建按钮元件（续）,创建鼠标图符（续）用颜料桶工具将按钮图形对象填充区添为线性渐变 用同样的方法也设置了按下帧 单击状态这里就不设置了，为空帧 单击时间轴左上角的按

9、钮又回到场景 打开库窗口，并将按钮元件拖到舞台中,全国信息化计算机应用技术资格认证管理中心http:/http:/,创建影片剪辑元件,按Ctrl+F8键打开创建新元件对话框 在动作中选择影片剪辑单选按钮 单击“确定”按钮进入影片剪辑元件编辑环境 同创建动画图形元件的步骤28,全国信息化计算机应用技术资格认证管理中心http:/http:/,6.2.3创建实例,实例的定义位于舞台上或嵌套在另一个元件中的元件副本 建立一个新元件实例从库文件中拖动一个元件到舞台,全国信息化计算机应用技术资格认证管理中心http:/http:/,6.3 动画编辑,帧操作动作补间动画形状补间动画,全国信息化计算机应用技

10、术资格认证管理中心http:/http:/,认识时间轴面板,全国信息化计算机应用技术资格认证管理中心http:/http:/,帧的概念,空帧关键帧普通帧 普通帧也称为静态帧，显示同一层上最后一个关键帧的内容,全国信息化计算机应用技术资格认证管理中心http:/http:/,帧的概念（续）,过渡帧 动作过渡帧形状过渡帧有问题的过渡帧,全国信息化计算机应用技术资格认证管理中心http:/http:/,帧操作,选择帧选择单独帧选择帧的范围添加关键帧在时间轴上选取一帧，再按F6键 用鼠标右键单击时间轴上的某帧，在弹出的菜单中选择插入关键帧命令 在时间轴上选取一帧，然后在插入菜单中，单击时间轴菜单，然后

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

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

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

14、并制作文字特效动画,6.3.2补间动画,在flash中有两种动画序列：逐帧动画补间动画:可分为动作补间和形状补间注意:flash只能对图形进行形状补间，不要试图对组合、元件、可编辑的文本、图片进行形状补间 操作步骤:见实例eg1.动作补间 eg2.形状补间,通过本实例的学习，将了解如何将完整的文本区域分离为单个文本，并且继续分离第2次后失去文本属性而转变为图形，这是Flash文本设计的重要特性。除此之外，本小节的实例中还运用了将多个对象一步分散到并占据不同层的功能。还将学习Flash动画设计的重要功能，如建立元件、设置“动作”补间和“形状”补间，以及将不同的动作部位设置在不同层这一基本的设计原

15、则。大家将了解到复杂的动画是由多个层共同作用的结果。,6.3.2补间动画,6.3.3引导层动画,Flash提供了一个自定义运动路径的功能，弥补了补间动画只能使对象产生直线方向的移动的不足。见实例操作Eg.添加引导层动画动画演示,6.3.4添加声音,Flash可以导入WAV格式的音频文件两种声音类型:事件声音（例如按钮声音）和流声音见实例操作Eg1.为按钮添加声音动画演示Eg2.为动画添加声音文件动画演示,全国信息化计算机应用技术资格认证管理中心http:/http:/,6.4 ActionScript的简单介绍,动作脚本语言 Flash编程语言，英文含义为ActionScript 动作编辑环境 可为三种对象设置动作命令：关键帧、按钮和电影片段,全国信息化计算机应用技术资格认证管理中心http:/http:/,动作动画概述,在关键帧或按钮中添加动作语句的方法 启用窗口开发面板动作项,全国信息化计算机应用技术资格认证管理中心http:/http:/,Eg:计算器演示,