制作网页动画.PPT

第7章 制作网页动画 本章学习目标 通过Flash基本功能的介绍，熟悉Flash的使用；学会制作一些简单的动画；并对ActionScript脚本编写有初步的认识 7．1 初识Flash MX Professional 2004 7．1．1 Flash MX Professional 2004简介 Flash是美国Macromedia公司开发的矢量图编辑和动画创作的专业软件，它创作的动画体积小，可同步下载和播放，避免了用户长时间的等待。 Flash是一个动画创作工具，使用户可创作出任何类型的动画作品。通过添加图片、声音和视频，可以使Flash应用程序更加丰富多彩。 在Flash中创作时，也是在Flash文档(即保存时文件扩展名为.fla的文件)中工作。在准备部署Flash内容时发布它，同时会创建一个扩展名为.swf的文件。 Flash Player是 Flash MX 2004中的一个部分，它确保在最大范围内，在各种平台、浏览器和设备上以一致的方式查看和使用所有.swf格式的文件。 7．1 初识Flash MX Professional 2004 7．1．2 Flash MX Professional 2004操作界面 1．“开始”页面 2．编辑页面 （1）菜单栏 （2）工具栏：窗口——主工具栏 （3）“时间轴”面板 （4）“舞台” （5）工作区 （6）浮动面板组 （7）“属性”检查器 舞台背景的修改 修改——文档——文档属性 单击背景颜色，选择 7．1 初识Flash MX Professional 2004 7．1．3 Flash动画制作流程 7．2 Flash MX Professional 2004绘图 7．2．1 绘图工具 1．铅笔工具：铅笔工具是常用的画线工具，使用它可以随意地绘制线条和图形，但是最终的绘制结果与铅笔的实际运动轨迹并非完全吻合。 【伸直】：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、椭圆和矩形等规则线条中最接近的线条。 【平滑】：适于绘制平滑曲线，将曲线的抖动部分变得平滑。 【墨水】：即徒手模式，适用于绘制接近徒手画出的线条。 2．钢笔工具：使用【钢笔工具】能够绘制多节点曲线，能够增加或删除曲线上的节点，绘制精确的路径。 3．线条工具、椭圆工具和矩形工具：可以绘制基本的几何形状。 在属性面板中设置笔触和填充选项 按shift画圆和正方形 4．刷子工具：可以创建特殊效果 7．2．2 选择工具 1．选择、移动对象 2．部分选取工具 3．取消选择：按任一空白处 4．改变对象造型:拖动 5．套索工具：与firework一样 7．2 Flash MX Professional 2004绘图 7．2．3 编辑工具 1．擦除：橡皮 2．任意变形工具：选中，可进行旋转、缩放、扭曲、封套 7．2．4 修饰工具 1．墨水瓶工具：墨水瓶工具是一种修改线条的属性工具，它可以以一种单色修改图形中已经存在线条的属性或为一个区域添加封闭的线条。 2．颜料桶工具：颜料桶工具就是用来对某个区域进行颜色填充的工具，但是它不能作用于线条。颜色的填充模式主要有单色填充、渐变填充和位图填充3种。 3．滴管工具：滴管工具的主要作用是拾取工作区中已经存在的某种线条或填充样式，并将它应用于下次绘图中。 4．使渐变色和位图填充变形 执行窗口——控制面板——混色器 5.文字的输入： 7．3动画基础 7．3．1 时间轴 7．3动画基础 7．3．2 帧 帧可以分为三种类型： （1）关键帧(Keyframe)：关键帧是定义在动画中变化的帧。在创建逐帧动画时，每一帧都是关键帧。 （2）空白帧（Blank Keyframe）：在新建Flash文档时，【时间轴】面板上的开始帧(第1帧)默认情况下都是空白关键帧，表示为空心的小圆点 （3）普通帧(Frame) ：过度帧 帧的基本操作有： （1）添加帧：右键 （2）插入帧：F5键或右键 （3）清除帧：选中帧，右键，清除帧 （4）移动帧：选中帧，在不同图层移动 7．3动画基础 帧频是用来指示动画的播放速度，帧频太低将使动画在播放帧时出现停顿的现象，太高又会使得人们无法看清动画所播放的内容。因此准确地设置帧频对制作好一个动画是至关重要的。 对于Web来说，以每秒12帧的速度播放是最适合的。 实例1 使用矩形工具制作一面舞动的彩旗 利用矩形工具在工作舞台上绘制一面舞动的彩旗，就好像随风飘动一样。 (1)启动Flash，然后新建一个文档。选择【修改】|【文档】命令，打开【文档属性】对话框，在该对话框中设置影片的宽和高分别为500px×400px。 (2)选择工具箱上的矩形工具，在【属性】面板上把填充颜