FlashCS3使用方法

多媒体CAI课件制作技术 华中师范大学
（3）引导路径动画
①新建一个flash文档，单击菜单【文件】→【新建文档】， 弹出“新建文档”对话框，直接单击确定（如下图）。
②单击【文件】→【导入】→【导入到库】，弹出“导入 本例通过制作“太阳的运动”来介绍引导层的用 到库”对话框，浏览文件找到所需图片，单击【打开】， 法。 操作结果如下图所示。
①新建一个flash文档，【文件】→【新建文档】，弹 出“新建文档”对话框，直接单击确定。如下图所示。 ②保存文件，起名为“奔跑的豹子”。（以下各步骤完成 时都要求保存文件，养成良好的操作习惯将使你的学习事 半功倍） ③点击菜单【修改】→【文档】，弹出“文档属性” 对话框，将尺寸中的宽改为180、高改为120。 ④点击菜单【文件】→【导入】→【导入到库】，弹出 “导入到库”对话框，浏览文件找到豹子所在图片文件夹 并选中八张豹子的图片，单击【打开】即可。八张豹子的 图片就导入到了库中，可按F11将库面板调出，查看其中 的图片或其它素材。如下图所示：
多媒体CAI课件制作技术
华中师范大学
（4）遮罩动画实例（续）
⑤将库中的 “风景.jpg”拖入到舞台，单击舞台上的“风 景.jpg”，在属性中更改“风景.jpg”的X和Y的坐标值（如 下图所示）。选择图层1的第180帧,按F5插入帧。 ⑥【插入】→【新建元件】，弹出对话框(如下图),选 择【图形】后点击【确定】按钮， 即进入元件编辑状 态,选择工具栏的椭圆工具并结合【shift】键画一正圆, 然后点击 回到场景1。
多媒体CAI课件制作技术
华中师范大学
（3）引导路径动画（再续）
⑦选择引导层第一帧，使用工具栏中的【线条工具】在场景 中绘制一条直线（如下图）。 单击【选择工具】，将直线拉出一定的弧度，如下图所示， 此弧线就是太阳运动的轨迹。 ⑧单击“太阳层”第1帧，将绘制的太阳拉至曲线左端，如 下： 同样在第70帧处插入关键帧【F6】，将太阳移至曲线的 右端，如下图所示。注意在两个关键帧中一定要将太阳 的中心置于曲线上，这样太阳才能沿着所绘制的曲线运 动。 ⑨在“太阳”层任意帧处单击右键，并在快捷菜单中选 择【创建补间动画】，如上图所示。
多媒体CAI课件制作技术
华中师范大学
标题栏 菜单栏 Flash CS 3 操作界面
工具栏
时 间 轴 浮动面板组 属性面板
多媒体CAI课件制作技术
华中师范大学
7.2 Flash CS 3 基本操作
高超的技艺，是扎实、纯熟的基本功的积累。
多媒体CAI课件制作技术
华中师范大学
基本术语
元件 元件是一种可重复使用的对象。 按钮元件可以创建响应鼠标点击、 图形元件可用于静态图像，并可用 影片剪辑元件可以创建可重用的 库面板是存储和组织在 Flash 包括三种元件： Flash中 时间线分为左右两个区域：层控制区和时 滑过或其他动作的交互式按钮，可以 来创建连接到主时间轴的可重用动画片 动画片段。影片剪辑拥有它们自己的 创建的各种元件的地方，它还用于存 间线控制区，时间线控制区主要由若干行与层 实例 而实例是元件在舞台上的一次具体使用。 关键帧指在动画中定义的更改所 实例指位于舞台上或嵌套在另 可以通过在时间轴中拖动关键帧 图形 对应的动画轨道、轨道中的帧序列、时间标尺、 定义与各种按钮状态关联的图形，然 段。图形元件与主时间轴同步运行。交 独立于主时间轴的多帧时间轴。可以 储和组织导入的文件，包括位图图形、 在的帧，或包含帧动作的帧。 Flash可 一个元件内的元件副本。实例可以与 来更改补间动画的长度。帧和关键帧 库 场景的顺序和动画播放的顺序有 在播放时，场景与场景之间可 信息提示栏和一些用于控制动画轨道显示和操 后将动作指定给按钮实例。 互式控件和声音在图形元件的动画序列 将影片剪辑看作是主时间轴内的嵌套 声音文件和视频剪辑。库面板可以组 按钮 它的元件在颜色、大小和功能上有差 以在关键帧之间补间或填充帧，从而 在时间轴中出现的顺序决定他们在 作的工具按钮组成。其中，动画轨道用于放置 关。一个场景就好像话剧中的一幕， 以通过交互响应进行切换。通过 中不起作用。 时间轴，它们可以包含交互式控件、 织文件夹中的库项目，查看项目在文 图层类似于堆叠在一起的透明纤维 图层 别。编辑元件会更新它的所有实例， 生成流畅的画面。 Flash 应用程序中显示的顺序。可以 对应层中的图形帧、动画帧序列或音频序列； 影片剪辑。 一个出色的 Flash 的场景面板可以对场景进行 Flash动画就是由这一幕 声音甚至其他影片剪辑实例，也可以 档中使用的频率，并按类型对项目排 纸。 但对元件的一个实例应用效果则只更 关键帧 动画帧序列是一组按时间顺序排列的图形帧， 在时间轴中排列关键帧，以便编辑动 幕场景组成的。 新建、编辑和删除。 将影片剪辑实例放在按钮元件的时间 序。在库中的元件可以重复使用，但 在播放时，按照预定的顺序和速度交替出现在 新该实例。 画中事件的顺序。 在一个图层上创建和编辑对象，而 场景 屏幕上，产生动画效果。 轴内以创建动画按钮。 一旦删除库中的文件，所有的引用都 不会影响另一个图层中的对象。 时间线 将失效。
⑩预览并生成动画。快捷键为【Ctrl】+【Enter】。
多媒体CAI课件制作技术 华中师范大学
（4）遮罩动画实例
①新建flash文档：【文件】→【新建文档】，弹出“新建 文档对话框，单击确定。 ②保存文件，起名为“别样的风景”。 ③【修改】 →【文档】，弹出“文档属性”对话框，将 遮罩动画实例：别样的风景 尺寸中的宽改为550，高改为400。 ④【文件】→【导入】→【导入 到库】，弹出“导入到库”对话 框，浏览文件找到风景所在图片 文件夹并选中图片，单击【打开】 即可。图片导入到库中，可查看 库面板，如左图所示。
多媒体CAI课件制作技术
华中师范大学
7.2.2 Flash 制作实例
(1) 逐帧动画实例：奔跑的豹子 逐帧动画 ：利用导入连续位图而创建。 本实例是一只矫健的豹子在奔跑跳跃 ，制作 该flash动画时，先准备好八幅豹子奔跑时不 同姿势的图片。 如下所示：
多媒体CAI课件制作技术
华中师范大学
(1) 逐帧动画实例：奔跑的豹子
多媒体CAI课件制作技术
华中师范大学
7.1 Flash CS 3 简介
Flash是是Macromedia公司出品的动态可交互二 维动画制作软件，目前已被Adobe公司收购。从 简单的动画到复杂的交互式Web应用程序，它都可 以创建。 通过添加图片、声音和视频，Flash可以生成丰富 多彩的多媒体图形和界面。 在Flash中创作时，是在Flash文档（即保存时扩 展名为FLA的文件）中工作。在准备部署Flash内 容时发布它，同时会创建一个扩展名为.swf的动 画播放文件。Flash也支持很多其他输出格式，如 MP3、wav等。
多媒体CAI课件制作技术 华中师范大学
在CAI课件中，使用设计合理的动画，不仅 有助于学科知识的表达和传播，使学习者 加深对所学知识的理解，提高学习兴趣和 教学效率，同时也能为课件增加生动的艺 术效果，特别对于以抽象教学内容为主的 课程更具有特殊的应用意义。
多媒体CAI课件制作技术
华中师范大学
第7章 Flash CS 3 使用方法
7.1 Flash CS 3 简介
7.2 Flash CS 3 基本操作
7.3 范例网页制作综合实例
多媒体CAI课件制作技术
华中师范大学
你预期的收获
掌握Flash CS 3 的工作环境（期望值： ★★★） 了解和掌握Flash CS 3的操作界面（期望 值：★★） 熟练使用Flash CS 3的基本操作和调试方 法 （期望值：★★★★） 使用Flash CS 3制作交互式的Flash 作品 （期望值：★★★）
7.1.1 Flash CS 3操作界面简介
启动Flash CS 3以后，首先显示的是开始界 面。 在开始页中用户可以随意选择要开始的工 作项目，还可以通过其获得产品介绍或教 程。 开始页面分为以下3栏：
打开最近的项目 新建 从模板创建
多媒体CAI课件制作技术
华中师范大学
在开始页面中选择【新建】→【Flash文件】命令项，就会新建一个空白的 Flash文档，同时进入操作界面
华中师范大学
（3）引导路径动画（续）
④在“背景”图层上单击右键，并在快捷菜单中选择【插 入图层】，或者单击插入图层按钮 ，实现添加图层，并 将该层命名为“太阳”，如下图所示： ⑤单击“太阳”层的第1帧，绘制太阳。首先选择工具栏中 【椭圆工具】，打开混色器选择填充样式为“放射状” （如图）， 调整颜色后在场景中使用【椭圆工具】和【Shift】键绘 制一个正圆（如图） ⑥单击【添加运动引导层】按钮 ，添加一个引导层。
多媒体CAI课件制作技术 华中师范大学
(1) 逐帧动画实例：奔跑的豹子（续）
⑤将库中的图01.jpg拖入到舞台，【单击】舞台上的01.jpg 图，在属性中查看01.jpg图的X和Y的坐标值（如图7-10）。 在时间轴第二帧处单击右按钮，从弹出的菜单中选择【插入 空白关键帧】
⑥在时间轴上选择第二帧，由于插入的是空白关键帧，所 以第二帧处舞台上是空白的，没有任何内容，将库中的 02.jpg图拖入到舞台中，单击选中舞台上的02.jpg图，将其 属性中的X和Y的坐标值分别设置为：18和36(坐标值与第 一帧中图片坐标值相同)。同理制作好第三帧、第四帧……、 第八帧的动画。此时时间轴如下图所示： ⑦预览并生成动画。按【Ctrl】+【Enter】键可预览并生 成动画。生成的动画文件名为：奔跑的豹子.swf，文件所 在文件夹和源文件所在文件夹相同。
③将库中的图zrzs_05.jpg拖入到舞台，调整图片的大小 （可使用变形工具和【Shift】键实现图片的等比例缩放）， 并将调整后的图片移至舞台适当的位置上。将“图层一” 命名为“背景”（双击“图层”然后输入“背景”），并 在70帧处插入帧，以引导动画背景到第70帧，如下图所示。