设计与创作 第二章 简单动画的制作.docVIP

第二章 动画的制作 第一章的学习告诉我们怎样利用现成资源，但是由于知识产权等因素的制约，即使找到了所需素材，有时也难免望洋兴叹，更何况很多时候根本没有现成资源可用，例如当自己作品的标题需要一个先声夺人的动画效果时，这就必须自己来制作了。 工欲善其事，必先利其器。本章学习使用Flash来制作简单的动画。所谓动画，不外乎是在一段时间里，连续呈现一系列逐渐变化的图形图像，利用人的视觉暂留效应，从而得到动画效果。在Flash中，我们既可以逐帧制作画面，也可以仅制作首尾画面，而让电脑完成首尾之间的过渡画面（称为补间），从而大大减轻作者的工作量。 第一节 FLASH MX 一、简介 Macromedia公司的Flash有许多版本，本章采用中文版Flash MX。Flash制作的影片是用于 Web 站点的图形、文本、动画和应用程序。它们主要由矢量图形组成，但是还可以包含导入的视频、位图图形和声音。Flash 影片可以结合交互性，从而允许观看者进行输入，您也可以创建与其它 Web 应用程序交互的非线性影片。Web 设计人员可以使用 Flash 创建导航控件、动画徽标以及带有同步声音的长篇动画，甚至可以创建完整的丰富多彩的 Web 站点。Flash 影片使用的是压缩的矢量图形，这使它们可以快速下载，并可以根据观看者的屏幕进行缩放。中文版Flash MX安装之后，启动画面如图2-1-1： 图2-1-1 中文版Flash MX启动画面 二、界面 启动画面之后即展现操作界面，大致如图2-1-2。在这个工作环境里，我们可以开发强大的基于时间轴的交互性多媒体作品，甚至是整个网站。 图2-1-2 中文版Flash MX操作界面 如同Windows系统中运行的其他程序一样，Flash MX操作界面中包括的菜单栏和工具栏，提供了程序的几乎全部功能。其下边是时间轴区，其中包含一些按钮、时间标尺、图层名称、标示帧的编号和表示帧的灰白相间的小长方格等内容。按照动作顺序，将图像排列在时间轴的帧上，就能让Flash逐步播放这些内容。 从Flash MX操作界面左边还可以看到工具面板，其中包括一组基本的工具，每个按钮所表示的工具名称，如图2-1-3。我们将通过实例来掌握这些工具的使用方法。 图2-1-3 工具名称 从Flash MX操作界面中部还可以看到一片白色背景区域，它被称为舞台，是我们制作画面的场所。 启动Flash MX后，在操作过程中用鼠标左键点击菜单栏“修改”项不放，会显示类似图2-1-4的“修改”菜单（通常会有许多项呈淡灰色，意示这些命令此时不能使用）。 图2-1-4 “修改”菜单 此时如果将鼠标移到该菜单的“文档”项后释放，会显示图2-4-5的“文档属性”对话框，我们可以指定舞台的尺寸、背景色等等，也可以将每秒12帧的默认播放速度加以调整 图2-1-5 文档属性对话框 我们把这种打开“文档属性”对话框的过程记作：使用菜单栏命令“修改—文档”。除了使用菜单栏命令，Flash MX对同样的操作往往同时提供了其他方式，如、快捷键、右键菜单等等，需要的话大家可以自行探究，以后不再说明。 操作界面下方是属性面板，点击“属性”两字左边的三角状按钮，可以将其展开或收拢。 第二节 图片 在Flash MX中可以导入多种格式的图片，可以执行各种基本操作，例如截取局部画面、去除背景、改变大小形状、几个画面合成一个画面等等。我们通过本节的“移花接木”实例，学习一些基本操作。 首先从本教材附带的光盘中名为“素材”的文件夹里导入图片“水上乐园jpg”作为背景图（本章其他实例的素材也在此文件夹中），再导入图片“人像.jpg”作为前景图，并对两者进行加工处理，最后将前景图迭加在背景图上，合成为一幅仿佛身历其境的画面。 一、导入 1，启动Flash MX后，使用菜单栏命令“文件—导入”，在对话框（图2-2-1）中选择并打开“水上乐园.jpg”背景图。 图2-2-1 导入图片 图2-2-2 背景 结果见图2-2-2，图中时间轴区图层1与第1帧纵横交错处的小方格内有一个黑点，表示此处已经有了内容。由于图片较大，为了看到全貌，采用35%比例来显示（数字在图2-2-2左侧文本输入框内直接输入即可）。以后如果需要对细节进行处理，可以采用200%、300%甚至更高的比例来放大画面。 2，使用菜单栏命令“插入—图层”，得到图层2，在图层2第1帧里按上述方法导入图片“人像.jpg” 二、加工 1，图层的显示与隐藏 依次点击时间轴区某一图层名称和眼睛状按钮（图2-2-3），可以隐藏（或反之）该图层画面，这样可以避免自身被误改或者反过来干扰其他图层的编辑。 图2-2-3 显示与隐藏按钮 图2-2-4反映了隐藏图层1、显示图层2后的效果。 图2-2-4 图层的显示与隐藏 2，截取画面 隐藏图层2人像，显示图