山东大学：《Web技术导论》第4章 网页及多媒体制作 4.7 Flash与动画制作

47Fash与动画制作 (1)什么是动画? 动画是指物体在一定的时间内发生的变化过程,包括动作 位置、颜色、形状、角度等的变 在计算机中是用一幅幅的图片来表现这种变化的。当这些图 片以一定的速度连续播放时,就会给人一种“动”的感觉 (2)电影、电视作品是通过摄像设备拍摄一幅幅的图像,然 后连续的播放。卡通片则是手工绘制一幅幅图片来播放。 (3)在 Flash的动画制作过程中只要给出第一幅和最后一幅 图片,中间的变化则由计算机自动生成,这大大减轻了动画 创作者的负担,使得动画创作由传统的手工制作,转变为电 脑的合成,从而为动画制作开创了一个新的天地

4.7 Flash与动画制作 （1）什么是动画？ 动画是指物体在一定的时间内发生的变化过程，包括动作、 位置、颜色、形状、角度等的变。 在计算机中是用一幅幅的图片来表现这种变化的。当这些图 片以一定的速度连续播放时，就会给人一种“动”的感觉。 （2）电影、电视作品是通过摄像设备拍摄一幅幅的图像，然 后连续的播放。卡通片则是手工绘制一幅幅图片来播放。 （3）在Flash的动画制作过程中只要给出第一幅和最后一幅 图片，中间的变化则由计算机自动生成，这大大减轻了动画 创作者的负担，使得动画创作由传统的手工制作，转变为电 脑的合成，从而为动画制作开创了一个新的天地

Fash动画制作工具 Flash是一种交互式矢量多媒体动画制作工具,他的前身是早 期网上流行的矢量动画插件 Future Splash,后来 Macromedia公 司收购了 Future Splash以后,便将其改名为 Flash。1996年6月 推出 Flash40,2000年7月推出 Flash5。2002年3月推出Fash (1) Flash,是一个最精彩的矢量动画工具。 2) Flash MX,极大的扩展了 Flash的功能,不再仅仅具有 动画设计制作功能。它可以创建完整的动态站点, Flash MX 口它具有从内容显示到数据库连通,视频调试和整合,以及 简单的多媒体编辑功能,是制作各种网络广告、游戏、多媒 体应用程序、教程等的理想工具。 需要说明的是, Flash的播放需要 Flash Player,一般情况下浏 览器都具有此功能

Flash动画制作工具 Flash是一种交互式矢量多媒体动画制作工具，他的前身是早 期网上流行的矢量动画插件Future Splash，后来Macromedia公 司收购了Future Splash以后，便将其改名为Flash。1996年6月 推出Flash4.0，2000年7月推出Flash5。 2002年3月推出Flash MX。 （1）Flash，是一个最精彩的矢量动画工具。 （2）Flash MX，极大的扩展了Flash的功能，不再仅仅具有 动画设计制作功能。它可以创建完整的动态站点，Flash MX 已它具有从内容显示到数据库连通，视频调试和整合，以及 简单的多媒体编辑功能，是制作各种网络广告、游戏、多媒 体应用程序、教程等的理想工具。 需要说明的是，Flash的播放需要Flash Player，一般情况下浏 览器都具有此功能

47.1Fash的功能及特点 为什么要使用Fash呢? 我们知道,HTML语言是网页制作语言,由于功能有限,很 难设计出令人耳目一新的动态效果 为了增加网页的动态功能和交互能力,产生了各种脚本语言, 使得网页设计更加多样化。但是,程序设计需要一定的编程 能力,很难普遍的普及。 实际上,人们更需要的不是编程,而是一种既简单直观又功 能强大的动画设计工具, Flash就是要满足这种需求

4.7.1 Flash的功能及特点 为什么要使用Flash呢？ 我们知道，HTML语言是网页制作语言，由于功能有限，很 难设计出令人耳目一新的动态效果。 为了增加网页的动态功能和交互能力，产生了各种脚本语言， 使得网页设计更加多样化。但是，程序设计需要一定的编程 能力，很难普遍的普及。 实际上，人们更需要的不是编程，而是一种既简单直观又功 能强大的动画设计工具，Flash就是要满足这种需求

基本功能 (1)绘图功能。Fash含有一个功能强大的绘图工具箱,可 以完成动画所需要的简单的图像绘制 (2)矢量动画制作功能。这是Fash的基础,是 Flash最基本 的功能,通过 Flash可以制作出补间动画。 (3)程序功能,通过脚本编程,可以更好的实现交互动画制 作 另外,新版的 Flash MX还增加了许多新的功能,例如:组件 行为等控制

基本功能 （1）绘图功能。Flash含有一个功能强大的绘图工具箱，可 以完成动画所需要的简单的图像绘制。 （2）矢量动画制作功能。这是Flash 的基础，是Flash最基本 的功能，通过Flash可以制作出补间动画。 （3）程序功能，通过脚本编程，可以更好的实现交互动画制 作。 另外，新版的Flash MX还增加了许多新的功能，例如：组件、 行为等控制

主要特点 (1)使用矢量图形和流式播放技术。与位图图形不同的是,矢 量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术 使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待 的情绪。 (2)通过使用关键帧和元件( symbol)使得所生成的动画(swf 文件更小,下载迅速,使动画可以在打开网页很短的时间里就 得以播放。 (3)把音乐,动画,声效,交互方式融合在一起,可以创作出 令人叹为观止的动画(电影)效果。 (4)强大的动画编辑功能使得设计者可以随心所欲地设计出高 品质的动画,通过 action和 as command可以实现交互性,使 Flash 具有更大的设计自由度。另外, Flash与当今最流行的网页设计 工具 Dreamweaver配合默契,可以直接嵌入网页的任一位置

主要特点 （1）使用矢量图形和流式播放技术。与位图图形不同的是，矢 量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术 使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待 的情绪。 （2）通过使用关键帧和元件（symbol）使得所生成的动画(.swf) 文件更小，下载迅速，使动画可以在打开网页很短的时间里就 得以播放。 （3）把音乐，动画，声效，交互方式融合在一起，可以创作出 令人叹为观止的动画（电影）效果。 （4）强大的动画编辑功能使得设计者可以随心所欲地设计出高 品质的动画，通过action和as command可以实现交互性，使Flash 具有更大的设计自由度。另外，Flash与当今最流行的网页设计 工具Dreamweaver配合默契，可以直接嵌入网页的任一位置

47.2启动 Flash MX 当 Flash mX在计算机上安装完成后,在“开始”菜单“程序” 组中,添加“ Adobe¨组,指向“ Macromedia,执行 “ Macromedia Flash MX命令,即可启动 Flash mX,打开一个默 Macromedia Flash MX-[未命名-1] 认文档,文菌 绘文件⑥缤辑查看⑩插入①修改文本①控制口y帮助 温色器 口51015202530 A 绿∫ 204 通过“查 Alpha:100% 看”和 到型1120s00s 台场最1 窗口 菜单定制 查看 自己喜欢 舞台Q 颜色样本 组件 的屏幕布 学习 Macromedia flasha 局,显示 自述文件 或关闭其 单击更新以连接到 macromedia. corm并 中的工具 F 大小:50×40(像索」 获取最新的内容 新 未命名-1 发布 和面板

4.7.2 启动Flash MX 当Flash MX在计算机上安装完成后，在“开始”菜单“程序” 组中，添加“Adobe”组，指向“Macromedia”，执行 “Macromedia Flash MX”命令，即可启动Flash MX，打开一个默 认文档，文件名为“未命名-1” 通过“查 看”和 “窗口” 菜单定制 自己喜欢 的屏幕布 局，显示 或关闭其 中的工具 和面板

绘图工具栏 工具 绘图工具栏用于绘制、填充颜 色、选择和修改对象。 它分为 (1)工具区 (2)查看区 (3)颜色区 查看 (4)选项区 色 放置了可供图形和文本编辑的 各种工具。 选项 具体介绍见475Fash动画绘制 「的 5|+

绘图工具栏 绘图工具栏用于绘制、填充颜 色、选择和修改对象。 它分为： （1）工具区 （2）查看区 （3）颜色区 （4）选项区 放置了可供图形和文本编辑的 各种工具。 具体介绍见4.7.5Flash动画绘制

时间轴及动画帧编辑区 Flash按时间组织动画帧的演播顺序,在时间轴及动画帧编辑 区可以进行插入帧、删除帧、编辑帧等操作。同时,还可以 插入、删除图层等。 v时间轴 5 10 15 25 35 40 45 50 □图层1 向回型1120s0.0s4 时间轴刻度框,区分帧的类型 (关键帧、空白关键帧、静止 帧、过度帧等)

时间轴及动画帧编辑区 Flash按时间组织动画帧的演播顺序，在时间轴及动画帧编辑 区可以进行插入帧、删除帧、编辑帧等操作。同时，还可以 插入、删除图层等。 时间轴刻度框，区分帧的类型 （关键帧、空白关键帧、静止 帧、过度帧等）

舞台区 动画编辑区,演播时动画可见的部分。包含场景转换按钮、元 件按钮和影片显示比例下拉列表(调节动画显示的大小)。 可以通过折叠动作和属性面板、关闭右侧的浮动面板来扩大舞 台区所占的屏幕空间 4台场景1

舞台区 动画编辑区，演播时动画可见的部分。包含场景转换按钮、元 件按钮和影片显示比例下拉列表（调节动画显示的大小）。 可以通过折叠动作和属性面板、关闭右侧的浮动面板来扩大舞 台区所占的屏幕空间

属性面板区 在Flas主窗口的下面,显示文档、帧、或者选择对象的各种属 性。其中的动作面板用于编写脚本程序,完成动画的交互性控 制 动作-帧 v屈性 文档 大小:「50x40索背景:帧频印 未命名-1 发布:F1ashP1ayer6 选择对象

属性面板区 在Flash主窗口的下面，显示文档、帧、或者选择对象的各种属 性。其中的动作面板用于编写脚本程序，完成动画的交互性控 制。 选择对象