Flash课件制作实例.docx

1、Flash课件制作实例常规教学中基础图形的动画制作项目一：Flash简介目标：1、认识flash软件2、了解flash的界面构成一、认识FlashFLASH是Macromedia公司推出的一种优秀的矢量动画编辑软件，FLASH8.0是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件如GLF动画尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。通过简介的学习，大家应熟悉FLASH动画的特点，FLASH8.0的界面组成元素。二、什么是 FlashFlash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交

2、互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。要在 Flash 中构建应用程

3、序，可以使用 Flash 绘图工具创建图形，并将其它媒体元素导入 Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。在 Flash 中创作内容时，需要在 Flash 文档文件中工作。Flash 文档的文件扩展名为 .fla (FLA)。Flash 文档有四个主要部分：舞台是在回放过程中显示图形、视频、按钮等内容的位置。时间轴用来通知 Flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。如上图所示ActionScrip

4、t代码设计窗口Action Script 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用 Action Script 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。Flash 包括两个版本的 Action Script，可满足创作者的不同具体需要。Flash 包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将 Action Script 添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。这些功能使 Flash 不仅功能强大，而且易于使用。完成 Flash 文档的创作后，可以使用【文件

5、】|【发布】命令发布它，快捷键SHIFT+F12。这会创建文件的一个压缩版本，其扩展名为 .swf (SWF)。然后，就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件，或者将其作为独立的应用程序进行播放 项目二：抛物线课件目标：1、掌握新建影片的方法2、学会基本形状的绘制方法3、会使用任意变形工具4、掌握对齐工具的使用方法 课件效果 运行课件，界面上有课件标题、坐标轴、抛物线和抛物线公式，效果如图 2-1 所示。图 2-1 课件运行效果 操作步骤 ：一、 新建影片文档 运行 Flash 8 ，选择【文件】 | 【新建】命令或按快捷键 Ctrl+N ，在弹出的【新建文

6、档】窗口中，选择【新建 Flash 文档】，单击【确定】按钮新建一个影片文档。 按 Ctrl+J 打开文档属性对话框，参数如图 2-2 所示，选择【文件】 | 【保存】命令将文件保存为“抛物线 .fla ”。图 2-2 设置影片文档属性 二、绘制坐标轴 1、设置视图网格。选择【视图】 | 【网格】 | 【编辑网格】命令，在弹出的【网格】对话框中，选中【显示网格】和【对齐网格】选项，其它参数保持不变，单击【确定】按钮，如图 3 所示。 图 3 【网格】对话框 2、绘制 x 轴。选择工具箱中的线条【线条工具】，在【属性】面板中，设置粗细为“ 2 ”，【填充色】为黑色，在场景中画一条水平线作为 x

7、轴。 知识链接：用线条工具绘制时按住 Shift 键可以画出垂直、水平和 45 度方向的直线；用椭圆工具绘制时按住 Shift 键可以画出正圆；用铅笔工具绘制时按住 Shift 键可以轻松画出正交直线。 再用【线条工具】画一个三角形，填充色为黑色，用【箭头工具】选中三角形的边线，将其删除。选择工具箱中的【任意变形工具】，单击【选项】里的【缩放工具】，将其缩小到合适程度。把三角形拖放到直线右边作为坐标轴的箭头，按 Ctrl+G 键，将直线和三角形组合。 知识链接：按住 Shift 键可以同时选中多个对象。 画一组直线作为数轴的刻度，选中刻度，用【缩放工具】 将其缩小到合适程度。选中轴和刻度，选择

8、【窗口】 | 【对齐】命令打开【对齐面板】，如图 2-4 所示。 图 2-4 对齐面板在【对齐面板】上单击【水平居中】按钮和【垂直居中】按钮，选中所有图形按 Ctrl+G 组合，完成效果如图 2-5 所示。图 2-5 完成的 x 轴 知识链接：在工具箱中我们可以利用任意变形工具直接对图形进行缩放、旋转等操作。但如果缩放、旋转要求精确的话，我们就可以在变形面板中进行设置。 3、绘制 y 轴。选中 x 轴，选择【编辑】 | 【复制】命令或按 Ctrl+C 键，复制 x 轴，再选择【编辑】 | 【粘帖到中心位置】命令或按 Ctrl+V 键粘帖。 知识链接：按住 Ctrl 键，用鼠标拖动图形，可以快速

9、复制原图形。 选择【修改】 | 【变形】 | 【逆时针旋转 90 度】命令，得到 y 轴，用【箭头工具】调整好位置，完成后效果如图 2-6 所示。图 2-6 完成后的坐标轴知识链接：选择【窗口】 | 【变形】命令，选中图形，在【变形面板】中设置需要旋转的角度，按【复制并应用变形】按钮，可以精确的复制出若干旋转角度相同的图形。 三、绘制抛物线 用【线条工具】在 y 轴的上半轴画一条水平直线，将鼠标放在直线上，当光标变成圆弧形时拖动鼠标，将直线调整成为一条曲线，并使曲线最低点位于坐标原点。完成效果如图 2-7 所示。图 2-7 完成的坐标知识链接：直线与 y 轴的交叉点，一定要是直线的中心点，绘制

10、出的抛物线才以 y 轴为对称轴。 四、输入文字 选择【文本工具】 , 设置文本参数如图 2-8 所示，为坐标轴输入标注。 图 2-8 设置文本参数用同样的方法输入课件标题、公式。 五、测试并保存文档 选择【控制】 | 【测试影片】命令，或按快捷键 Ctrl+Enter 测试课件。完成后，按 Ctrl+S 将课件保存。 案例总结：这一例我们通过绘制一个简单的抛物线来掌握 Flash 8 中部分绘图工具的使用方法，熟悉对齐面板和变形面板的操作以及辅助工具的应用。在制作课件过程中，制作方法不是一层不变的，我们可以通过不同的方法达到同样的效果，这就要求在练习过程中不断的摸索，找出最捷径、最行之有效的办

11、法。项目三：荷塘月色 目标：1、掌握导入位图的方法 2、掌握在 Flash 中位图的处理方法 3、会使用套索工具 4、掌握任意变形工具中的封套 本实例是表现中学语文课文荷塘月色的一个图形课件，这个课件的制作充分应用了 Flash 位图和矢量图的处理能力，通过图形、图像将荷塘月色的课文意境表现了出来，利用这个课件辅助教学，不但使学生直观地感受到作者在课文中描写的情景，而且给学生带来美的感受。如图 3-1 所示是课件运行的效果。 图 3-1 课件运行效果 制作步骤 一、创建影片和导入位图 1、新建影片文档。选择【文件】 | 【新建】命令或按快捷键 Ctrl+N ，新建一个 Flash 影片文档，设

12、置舞台尺寸为 660 480 ，其它参数保持默认值。 2、导入位图。选择【文件】 | 【导入】命令，弹出【导入】对话框，在对话框中选择所需要的图片文件，单击【打开】按钮，导入课件所需的荷花图像文件，如图 3-2 所示。 图 3-2 导入位图 知识链接：在 【导入】对话框中，按下 Ctrl 键，依次单击图像文件，可同时选中要导入的多个图像文件。 导入到文档中的图像会自动分布在场景的舞台上，按 Delete 键，将场景中的图像文件全部删除，此时图像文件已经保存在【库】中。打开【库】面板可以看到导入的位图对象，如图 3-3 所示。 图 3-3 【库】面板中的位图 知识链接：导入的位图在【库】面板中的

13、名称就是图像的文件名，它们的【种类】标识为【位图】，注意观察它们的图标，它们具有独特的图标，和其他类型的对象的图标不一样。【库】面板中的这些位图对象也象图形元件一样，你可以随时将它们拖放到场景中使用。 二、去掉位图的背景 我们导入到 Flash 中的位图往往有背景，这对课件效果有很大的影响，也不利于课件整体风格的设计，可以想象，漂亮的图像下面有一块白色或黑色的背景将多么难看。下面我们就讨论一下在 Flash 中如何去掉图像的背景。 1、分离位图。新建“荷花 1 ”图形元件，在【库】面板中单击“荷花 1 ”图像名称，选中荷花图像，将图像拖到场景中央，如图 3-4 所示。 图 3-4 拖放【库】面

14、板中的位图对象 此时，我们对荷花图像无法进行修改，因为 Flash 将导入的图像作为单个的对象处理，要进行编辑修改，必须将位图分离。 选择【修改】 | 【分离】命令，或按快捷键 Ctrl+B 将荷花位图图像分离，如图 3-5 所示。 图 3-5 分离位图 2、擦除背景。选择工具箱中的【索套工具】 ，在工具箱的下端，单击【选项】中的【魔术棒属性】按钮 ，弹出【魔术棒设置】对话框，在【阈值】中输入“ 20 ”，在【平滑】下拉菜单中选择【平滑】选项，如图 3-6 所示。 图 3-6 【魔术棒设置】对话框 说明 ：【 阈 值】是用来定义选取范围内，相邻像素色值的接近程度，数值越高，选取的范围越宽。如果

15、输入数值为 0 ，那么只有同所单击处像素色值完全一致的像素才会被选中 . 在有些软件如 PhotoShop 中用容差来表示。 按键盘上的 Esc 键，或单击取消对图形的选择。在工具箱的下端，选择【魔术棒】 ，单击荷花图像背景，按 Delete 键，删除选中的背景，如图 3-7 所示。 图 3-7 用【魔术棒】擦除背景 知识链接：对于大片的相同或者相近色，用 【魔术棒】 能比较方便地去除背景。如果要去掉的背景比较复杂，可直接用【索套工具】 或者 【选项】中的【 多边形模式 】 。 继续用【魔术棒】 选中白色背景区域将其擦除。在显示图像比例的下拉菜单中放大显示比例，选择工具箱中的【橡皮擦工具】 ，在【橡皮擦形状】下拉菜单中，选择一个较小的圆形橡皮擦，将不干净的边缘小心地擦除，完成后如图 3-8 所示。 图 3-8 去掉背景的荷花 用同样的方法处理“荷花 2 ”位图，处理完成后如图 3-9 所示。 图 3-9 处理完成的“荷花 2 ”图形元件 三、创建其他图形元件 1、创建弧形图形