网页设计与制作 教学课件 作者 耿杰 主编 第5章.pptVIP

网页制作与设计主编 耿杰科学出版社 第5章 Flash MX动画制作基础 Flash是由Macromedia公司出品的制作动态网页的软件。作为矢量交互式网页设计工具，Flash结合Macromedia公司的流技术，使简单枯燥的文本和下载缓慢的图片，被动感十足、交互丰富、下载迅速的新风格网页元素所代替。目前，Flash已经成为交互式矢量动画设计的标准，其影响也越来越广泛。 教学重点与难点 Flash MX的新增功能 Flash MX图形绘制与处理 Flash MX元件和实例的创建和编辑 Flash MX帧的有关操作 Flash MX层的应用 5.2 Flash MX的界面与基本概念 1、 Flash基本概念 1）矢量图形和位图： 计算机以矢量图和位图两种格式显示图形。矢量图是以一组指令的形式存在的，这些指令用来描述一幅图像中所包含颜色和位置属性的直线或曲线公式，因而矢量图形的文件体积十分小。矢量图形处理后，不会改变图形的显示质量。 位图的显示方式是用像素来表示图像的形状和色彩，有多大的图像就要用多大的像素来填充。因此，位图的文件所占的体积比较大。 2. 流技术： Flash文件采用了流技术，再通过网络播放动画时是边下载边播放的。这样用户就可以在整个Flash动画文件还没完全下载完成时就看到其效果。 3. Flash动画 Flash源文件的扩展名为fla。通常所说的Flash动画是指由该源文件发布时生成的文件，这种文件的扩展名为swf。swf文件可以使用内置的或外置的Flash播放器来播放，可以插入到网页中，但不能被编辑。 2、 Flash MX的界面 5.3 图形的绘制与处理 在制作Flash动画的过程中，需要制作各种各样的图形和文字，这也是制作Flash动画的基础。Flash MX提供了16种常用工具，利用这些工具，可以制作出用户所需的线条、图形、文字等。 1. 绘制线条 Flash MX提供了3种线条绘制工具：线条工具、钢笔工具和铅笔工具。 2. 绘制图形 Flash MX的工具箱中提供了2种标准的图形绘制工具：椭圆工具和矩形工具。 3. 填充和擦除 Flash MX的工具箱中与填充和擦除有关的工具有颜料桶工具、画笔工具、橡皮檫工具、填充变形工具等。 4. 位移和变形 当在场景中绘制了一个图形后，还经常要进行移动、缩放、旋转、变形等操作。这些操作可以利用箭头工具和部分选取工具。在Flash MX中，还新增了任意变形工具。 5. 文本 利用文本工具，可以通过很多方式在Flash MX影片中加入文本。 5.4 元件与实例 1. 概念 因为在Flash制作的过程中，经常会重复使用到同一个图形或相似的图形，此时就可以使用元件来提高工作效率。 元件在Flash中是一种特殊的对象，只需创建一次就可以在整个Flash动画的各个地方使用。Flash MX可以创建3种元件：影片剪辑、按钮和图形。并且提供了库面板进行元件的管理。 2. 创建和编辑元件 在Flash MX中，创建元件有三种方法：一是单击“插入”菜单，选择“新建元件”命令，然后在“创建新元件”对话框中设置元件的名称和类型，按“确定”后进入元件编辑环境。再一种方法是在场景中绘制好图形后，选中图形，单击“插入”菜单，选择“转换为元件”命令。第三种方法是Flash MX的新增功能，在场景中绘制好图形后，直接用鼠标拖曳到库面板中，在弹出的对话框中对元件进行设置就可以了。要对元件进行编辑，需要先切换至相应元件的编辑环境下。 3. 创建和编辑实例 一旦创建完一个元件之后，就可以在影片中任何需要的地方，包括在其它元件内，创建该元件的实例了。当修改元件之后，该元件所有的实例都被更新。 打开图库面板，选定所需元件，用鼠标将其拖曳至场景中。此时，即创建了所选元件的一个实例。 每个元件实例都有独立于该元件的属性。可以更改实例的色调、透明度和亮度；重新定义实例的行为；并可以设置动画在图形实例内的播放形式。也可以倾斜、旋转或缩放实例，这并不会影响元件。此外，可以给影片剪辑或按钮实例命名，这样就可以使用动作脚本更改它的属性。 5.5 帧 1、 Flash中的帧 帧是组成动画的最基本单位。它可以理解为一段电影胶片中的一格，即图像在某一时间点上的定格。在Flash动画中，帧主要分为两类：关键帧和普通帧。 帧的操作：在Flash MX中，对于帧的操作主要有：插入帧、移除帧、插入关键帧，插入空白关键帧、清除关键帧、剪切帧、复制帧、粘贴帧等。 2、 帧动画 flash可以制作2种类型的动画：逐帧动画和补间动画。 1）逐帧动画 逐帧动画更改每一帧中的舞台内容，