网络多媒体制作实训

《网络多媒体制作实训》由会员分享，可在线阅读，更多相关《网络多媒体制作实训（70页珍藏版）》请在金锄头文库上搜索。

1、模块四 网页动画制作技术 - 83 -Flash 是美国 Macromedia 公司推出的针对 Web 的矢量动画制作软件，Flash MX 是该 公司于 2002年推出的崭新版本。用 Flash 制作的扩展名为 SWF 的动画文件，既可以插入 到网页中，也可以单独播放。Flash 动画具有很强的交互性，能与用户互动，对用户事件 能作出不同的反应，并能在任何时间插播美妙动听的音乐。Flash 动画以矢量图形为基础， 文件尺寸小，特别适合在 Internet 上传输。Flash 动画文件又是一种典型的流媒体文件，按 照流方式进行数据传输，用户可以边下载边欣赏动画，避免因等待下载所带来的烦恼。 利

2、用 Flash，可以制作出精美的广告条、精致的多媒体课件，还能开发出趣味十足的 小游戏。Flash 为动画爱好者提供了广阔的创作与想象空间，并且易学易用，是当前二维 动画制作软件中的佼佼者和众多用户的首选工具。 工欲善其事，必先利其器。且让我们一步一个脚印，慢慢步入这奥妙的艺术殿堂。 本模块目标： 学习 Flash MX 的基础理论知识 掌握 Flash MX 动画制作基本技巧 实训 一 Flash MX 的工作界面 本实训主要介绍 Flash 影片中的几个重要概念及 Flash MX 的工作界面，希望通过本 实训的学习，能使读者对 Flash MX 和动画制作有一个初步的认识，为学习后面的内

3、容打 下一定的基础。 1.1 实训目的 1认识 Flash MX 的工作界面 2了解影片、场景、层、帧、元件等基本概念 1.2 实训内容 1认识 Flash MX 的工作界面 2认识影片、场景、图层、帧和元件等对象 模块四 网页动画体制作技术- 84 - 模块四 网页动画制作技术 1.3 实训步骤 第一步 启动Flash MX 单击“开始”按钮，选择“程序”|“Macromedia”|“Macromedia Flash MX”命令， 启动 Flash MX。 第二步 认识Flash MX主界面的组成 包括菜单、工具箱、舞台、工作区、时间轴、属性面板、动作面板、混色器面板 和库面板等。 第三步

4、制作一个简单的影片，认识影片、场景、图层、帧和元件等基本对象 （1）选择“文件”|“新建”命令，新建一个影片文件，观察标题栏、舞台窗口和 时间轴。 （2）在工具箱中选择“椭圆工具” ，设置填充色为红色，单击“图层 1”的第 1帧， 按住 Shift 键在舞台中绘制一个圆。 （3）单击“箭头工具” ，按下鼠标左键，在圆的周围拖出一个矩形框，将圆选中。 （4）选择“插入”|“转换为元件”命令，在弹出的对话框中选中“图形”一项， 然后单击“确定”按钮，将圆转换为一个元件。 （5）在“图层 1”的第 30帧上单击右键，在弹出的快捷菜单中选择“插入关键帧” 命令。 （6）选择“箭头工具” ，按住 Shi

5、ft 键将圆向右水平拖动一段距离。 （7）在“图层 1”的第 1帧上单击右键，在弹出的快捷菜单中选择“创建补间动 画”命令，观察时间轴的变化。 （8）选择“控制”|“测试影片”命令，或按 Ctrl+Enter 键，观看动画效果。 （9）单击时间轴上的“插入图层”按钮，可看到“图层 1”之上添加了“图层 2” ， 并且“图层 2”成为当前层。 （10）选择“矩形工具” ，设置填充色为蓝色，在“图层 2”中绘制一个长方形， 大小能覆盖圆运动所经过的区域。 （11）选择“控制”|“测试影片”命令，或按 Ctrl+Enter 键，观看动画效果。 （12）在时间轴上拖曳“图层 2” ，使之处于“图层 1

6、”下方。最终效果如图 4.1.1 所示。 （13）选择“控制”|“测试影片”命令，或按 Ctrl+Enter 键，观看动画效果。 （14）选择“文件”|“保存”命令，将影片文件保存为 shixun001.fla。模块四 网页动画制作技术 - 85 - 图 4.1.1 最终效果图 1.4 相关内容 1Flash 动画如何产生 所有的 Flash 动画，无论简单与复杂，都是由多幅静态画面所组成，每一幅静态画面 称为一帧。一般情况下，播放器一秒钟播放 12帧画面，由于人的眼睛有视觉暂留现象， 因此感觉看到的是连续的画面，即所谓的动画。 2Flash 的影片文件 Flash MX 生成的影片文件有 3

7、种，扩展名分别为 FLA、SWF 和 EXE。 （1）FLA 文件 是制作过程中的源文件，保存以后还可以打开对它进行修改。 （2）SWF 文件 是一种播放文件，它既可以插入到网页中，也可以使用 Flash 播放器播放。当整个动 画制作完成后，通过“导出”或“发布”功能可将 FLA 文件编译成 SWF 文件。SWF 文 件不包含原始信息，只包含与动画相关的信息，因此文件尺寸小，特别适合在网上传输。 SWF 文件一旦生成，不能重新打开进行修改。 （3）EXE 文件- 86 - 模块四 网页动画制作技术 通过“发布”功能，可将 FLA 文件连接成 EXE 文件。由于该文件同时包含播放指令 和动画指令

8、，故可脱离 Flash 播放器直接播放。 除了以上 3种影片文件外，通过“导出”或“发布”功能，Flash 还能根据动画内容 生成 GIF、JPG 和 EMF 等格式的图像文件、WAV 格式的音频文件和 AVI 格式的视频文 件。 3Flash 的基本概念 （1）影片（Movie） 用 Flash MX 进行创作，其作品就是一部影片，且不论故事情节简单还是复杂。在创 作阶段，影片表现为 Flash MX 文档。 （2）场景（Scene） 场景相当于真实影片中的一个情节，一部真实的影片由多个不同的故事情节组成， Flash 影片也可以由多个场景组成。Flash 影片中的场景将按照它们在“场景”面

9、板中排列 的顺序进行播放。 （3）图层（Layer） 通俗地讲，图层就是组合画面中的一层，所以也简称层。打个比方，有个动画的内容 是一艘船在茫茫大海上航行，则船的移动、波涛的翻动、白云在蓝天中的飘动、海鸥在天 空中的飞动，这些不同对象的动画效果一般应放在不同的层中实现（当然，并不是说所有 的动画效果都必须放在不同的层中实现） 。一个场景由多个图层组成，这些图层就好象是 叠放在一起的一组透明胶片，可以透过上层的空白区域看到下层的内容。不同层之间的动 画互不影响，最终得到的是合成的动画效果。 Flash MX 的图层有 3种类型： 普通层：用来显示动画内容，是最常见的一种图层。 引导层：一般用来绘

10、制运动路径，以控制相关联的普通图层中对象的运动轨迹。 遮罩层：能对紧跟其下的普通图层进行遮罩，被遮罩的图层，其内容只能通过遮罩层 上的填充图形、文字或元件显示出来，相当于在遮罩层中开了一个窗口。利用遮罩层可以 实现特殊的动画效果。 （4）帧（Frame） 帧是连续动画中的一幅静态画面，一个图层由许多内容连续变化的帧组成。在所有的 帧里面，有一些帧的地位很重要，是制作动画时的关键画面，称为关键帧。有了关键帧， 只要手工绘制出第一帧和最后一帧，就可由计算机自动计算并生成所需的中间帧（过渡帧） ，而不需要人工逐帧绘制，大大提高了创作效率。另外，所谓空白关键帧是指暂时没有任 何内容的关键帧。 （5）元

11、件（Symbol） 每一帧中的画面内容，既可以包含随帧绘制的图形、添加的文字和导入的图像，还可 以是元件。元件是制作动画时的重要元素，那些频繁使用到的图形、文字和图像，应该做 成元件的形式。元件是一种独立的对象，可以被反复使用，并且使用元件能使动画文件尺模块四 网页动画制作技术 - 87 - 寸变小。元件的类型有三种：图形、按钮和影片剪辑，可通过“插入”|“新建元件”命 令来新建元件，也可以通过“插入”|“转换为元件”命令把选中的对象转换为元件。 4Flash MX 的工作界面 如果已经安装了 Flash MX 软件，则通过选择“开始”|“程序”|“Macromedia” |“Macromed

12、ia Flash MX”命令即可启动它。启动之后，用户可看到图 4.1.2所示的 Flash MX 的主界面。 图 4.1.2 Flash MX 的主界面 Flash MX 的主界面主要包括：菜单栏、工具箱、舞台、工作区、时间轴和各种面板。 （1）菜单栏 菜单栏位于主界面的顶部，由 9大菜单组成，分别是：文件、编辑、查看、插入、修 改、文本、控制、窗口和帮助。每个菜单包含一组相关的命令，例如“文件”菜单，它的 命令主要用于文件操作，如新建文件、打开文件、保存文件和关闭文件等。虽然菜单命令 是进行 Flash 创作的重要途径，但是没有必要一开始就记住所有命令，需要时懂得进行查 阅就行。 （2）工

13、具箱 工具箱一般位于主界面的左侧，其中包括一套完整的 Flash 创作工具，如图 4.1.3所 示。用户可以通过鼠标拖曳标题栏的方法把工具箱移到其它位置，还可以通过选择“窗口” 工具箱 舞台 面板 时间轴 菜单栏 工作区- 88 - 模块四 网页动画制作技术 |“工具”命令显示或关闭工具箱。 （3）舞台与工作区 舞台也称为画布，位于主界面的中央，是用户进行动画创作的场所，其中显示的是当 前场景当前帧中的内容。可以通过选择“修改”|“文档”命令，在“文档属性”对话框 中修改舞台的大小和背景颜色。 工作区是舞台周围的灰色区域，通常用来设置动画的开始和结束位置。 舞台和工作区共同构成了舞台窗口，舞台

14、窗口顶部的“编辑场景”和“编辑元件”按 钮分别用来切换到场景和元件编辑模式， “缩放”下拉列表框则用来缩放舞台。 图 4.1.3 Flash MX 的工具箱 （4）时间轴 时间轴的作用是按照时间顺序组织和控制动画的内容，在 Flash 中，动画是按照帧的 时间顺序排列而成的，因此时间轴显示各帧的排列顺序，同时也显示了各层的前后顺序。 时间轴的外观如图 4.1.4所示。 图层列表 绘图纸按钮 当前帧号 箭头工具 线条工具 钢笔工具 椭圆工具 墨水瓶工具 任意变形工具 铅笔工具 滴管工具 部分选取工具 套索工具 文本工具 矩形工具 颜料桶工具 填充变形工具 画笔工具 橡皮擦工具 手形工具 缩放工具

15、 线条颜色 填充颜色 无颜色 工具选项（随所选工具变化） 绘图工具区 视图工具区 颜色设置区 工具选项区 帧 帧视图按钮模块四 网页动画制作技术 - 89 - 图 4.1.4 时间轴 时间轴左侧是图层列表，每一层占一行，右侧是对应的帧系列。单击可选中某层，使 之成为当前层。图层的默认名称如“图层1” 、 “图层2”等，可双击图层名称进行修改。 图层列表上方有三个图标：眼睛图标、锁形图标和方框图标，意义说明如下。 眼睛图标：在创建动画时，为了避免图层之间的画面相互干扰，可以把一些图层的内 容暂时隐藏起来。操作方法是单击图层上眼睛图标下方的小黑点，出现 图标。 锁形图标：为了避免对一些图层进行误操作，可暂时把它们锁定。操作方法是单击图 层上锁形图标下方的小黑点，出现 图标。