第1章 利用Flash图形处理技术制作静态演示课件

  本章知识

u       Flash绘图工具详解
u       Flash位图处理技术
u       图形元件
u       图层技术
u       Flash课件文档的建立和属性设置
u       Flash课件保存、测试和导出
     通过图形、图像表现教学内容是教学活动中一种重要的教学手段。在中小学课程中，化学分子结构、化学实验装置、几何图形、数学函数图形、物理电路元件符号、物理实验设备、语文教学情景、英语教学图示等教学内容都需要通过图形来形象、直观的表现它们。实践证明，通过图形的视觉刺激进行教学，能取得较好的教学效果。因此，能制作出简单的图形课件是对普通教师最基本的要求。
    Flash的主要功能是制作动画，利用Flash动画可以设计出丰富多彩的动态课件。但是Flash动画的基础是图形，没有图形也就不可能产生动画。因此，我们要想制作出更加生动的Flash动画课件，必须先掌握一些简单图形的绘制方法。
    Flash具有强大的绘制矢量图形的功能，并且具有一定的位图图像处理功能。在用Flash制作简单图形课件时，矢量图形和位图图像都是经常要处理的图像格式，它们各具特点。矢量图形具有体积小巧、任意缩放不失真等特点，而位图图像具有色彩丰富、表现力强等特点。
    本章将通过制作一些典型的图形课件实例，使你熟练掌握用Flash制作简单图形课件的方法和技巧。

1.1 利用绘图工具制作分子结构图

Flash提供了很多实用的矢量绘图工具，这些工具功能强大而且使用简单，对于普通的教师来说，不需要太多的绘图专业技能，就能绘制出既美观又专业的静态图形课件。本节详细讲解化学课程中石墨分子晶体的绘制过程，通过学习你可以基本掌握用Flash绘图工具绘制矢量图课件的步骤及方法。另外，通过本节的课件实例的学习，你可以初步掌握Flash课件制作的完整步骤。

课件简介

本课件是化学课程中的石墨分子晶体的结构俯视图。化学教师利用这个课件，可以生动、形象地将石墨分子晶体的结构展示给学生，使学生能更准确的掌握相关的化学知识。如图1-1-1所示是本课件运行时的效果。

 
图1-1-1  石墨分子晶体结构俯视图

 知识要点

u       创建Flash课件的完整过程
u       Flash影片属性的设置方法
u       基本绘图工具的使用方法
u       箭头工具的使用方法
u       椭圆工具的使用方法
u       线条工具的使用方法
u       文字工具的基本使用方法
u       变形面板的使用方法
u       如何测试、保存和导出课件

制作步骤

1．创建影片文档
     (1)  新建影片文档。选择【文件】|【新建】命令或按快捷键Ctrl+N，新建一个Flash影片文档，界面如图1-1-2所示。

 
图1-1-2 新建影片文档

说明：在运行Flash MX时，系统会自动生成一个Flash文档。图1-1-2中间的白色矩形区域就是新影片文档的空白舞台，将来我们就是在这个舞台上创建对象。

从图1-1-2可以看出，Flash MX默认的软件环境比较复杂，大部分控制面板都在软件窗口中显示，这样使得我们的创作舞台反而变得很小。为了能有更大的舞台空间进行课件的制作，一般情况下，我们把一些不常用的控制面板先隐藏起来，需要的时候再把它们显示出来。
    单击控制面板右上角的小三角按钮，在弹出的下拉菜单中选择【关闭面板】命令，就可以将相应的控制面板关闭。选择【窗口】菜单中的命令可以将相应的控制面板再显示出来。
   （2）设置文档属性。选择【窗口】|【属性】命令，或按快捷键Ctrl+F3打开【属性】面板，设置文档属性，如图1-1-3所示。

 
图1-1-3  文档属性面板

在【属性】面板中，单击【大小】右边的按钮，弹出【文档属性】对话框，如图1-1-4所示。在对话框中可设置舞台大小，本实例采用系统默认值550×400（像素）。

 
图1-1-4 【文档属性】对话框

说明：【舞台】就是将独立的帧组合成电影的地方，在舞台上我们可以直接绘制和导入图画。舞台的大小实际就是用户设定的大小。舞台的尺寸最小可设定成宽、高各18px（像素），最大可设定成宽、高各2880xp（像素）。系统默认的尺寸单位是像素，读者可以自行输入“cm（厘米）”、“mm（毫米）”、“in（英寸）”等单位，也可以在【标尺单位】中选择。
    单击面板中的【背景色】，光标变成【移动滴管工具】形状，用【移动滴管工具】在弹出的颜色样本面板中拾取一种颜色，本实例拾取的是粉色，舞台背景变成的粉色。也可以在如图1-1-5所示颜色面板的文本框中直接输入16进制颜色代码，如本例的#FFCCFF。

 
图1-1-5  颜色样本

 【文档属性】的其它参数保持默认值，单击【确定】按钮，完成文档属性的设置。此时的场景如图1-1-6所示。

 
图1-1-6  完成属性设置的场景

 【场景】是用来创作课件的主要区域，矢量图形的编辑、动画的制作和展示都是在场景中进行的。在【场景】中，除了作品中的图形对象外，还可以设置一些用于帮助图形绘制、编辑的辅助构件，如标尺、网格线等。

2．绘制图形
    （1）绘制六边形图形。在工具箱中选择【线条工具】按钮，然后打开【属性】面板，在其中设置线条属性，如图1-1-7所示。【笔触颜色】使用默认颜色黑色，线条粗细设置为1.5。

 
图1-1-7  在【属性】面板设置线条属性

 说明：如果窗口中没有显示工具箱，可选择【窗口】|【工具】命令将其打开，一般情况下，工具箱都显示在软件窗口的左边位置。另外，当我们选择某一个绘图工具绘制图形之前，通常会在【属性】面板中进行相关的属性设置，然后再绘制图形。
     将鼠标指针移动到场景中央，按住Shift键不动，同时拖动鼠标，绘制一条垂直线。单击工具箱中的【箭头工具】，将绘图工具切换到【箭头工具】，然后单击垂直线选中它。请注意观察对象被选中前后的状态的变化。
    说明：如果想选择场景上的某个图形，必须先将工具切换到【箭头工具】，然后再单击你想选择的图形。否则，你是不能完成选择图形的操作的。
    选择【窗口】|【变形】命令，打开【变形】面板，如图1-1-8所示。

 
图1-1-8  【变形】面板

 说明：变形面板可以准确地使对象发生变形。如放大、缩小、旋转、倾斜等。
【约束】：选择这个复选框以后，对象的高度和宽度将同时发生变化；
【旋转】：输入一个角度可使对象发生旋转；
【倾斜】：输入一个角度可使对象发生倾斜；
【拷贝并应用变形】：单击可以应用所作的变形修改，并同时产生一个新的对象；
【重置】：单击可以使对象回到原始位置。
     在【旋转】文本框中输入60，单击两次【拷贝并应用变形】按钮，将绘制的垂线复制，得到如图1-1-9所示图形。

 
图1-1-9  绘制三根直线

 说明：用直线工具绘制时按住Shift键可以画出垂直、水平和45度方向的直线；用圆形工具绘制时按住Shift键可以画出正圆；用铅笔工具绘制时按住Shift键可以画出正交的直线。
     选择工具箱中的【线条工具】，将六个顶点连成一个正六边形，如图1-1-10所示。

 
图1-1-10  连接顶点成正六边形

 选择工具箱中的【箭头工具】按钮，单击六边形选中多余的线条，如图1-1-11所示。

 
图1-1-11  选中所要删除线段

 说明：【箭头工具】主要是用来选择对象。用箭头工具选取对象可以有三种方法，一种是单击要选取的对象，第二种方法是在对象上双击。当双击的是轮廓线内部的填充区域时，该区域及其轮廓线均会被选中，而当双击的是轮廓线时，则只有轮廓线被选中，但当轮廓线与其它同色的线条相连时，这些线条也会同时被选中。第三种方法是用鼠标拖出一个矩形来，其所套住的区域为被选择区域。
      将准备删除的线段全部选中以后，按Delete键将它们删除，完成后效果如图1-1-12所示。

 
图1-1-12  完成后的正六边形

选中所有的图形，按Ctrl+G键，将它们重新组合成一个群组对象，用【箭头工具】拖动对象到场景的适当位置。
（3）绘制球体。选择工具箱中的【椭圆工具】按钮，在工具箱的【颜色】选项中设置【笔触颜色】为无，则这样绘制的图形没有轮廓线，如图1-1-15所示。

 
图1-1-15  设置椭圆笔触颜色

设置【填充色】为白色到黑色的【放射状】渐变色，如图1-1-16所示。

 
图1-1-16  设置椭圆填充色

 将鼠标指针移动到场景中，按住Shift键，拖动鼠标，绘制一个圆，如图1-1-17所示。

 
图1-1-17  绘制出的石墨分子晶体

 在工具箱中单击【任意变形工具】，在【选项】中选择【缩放】按钮，单击石墨分子晶体，在石墨分子晶体四周出现了八个控制点，将光标放在角上，调整对象到合适的大小，如图1-1-18所示。

 
     图1-1-18  调整对象大小

选择工具箱中的【填充变形工具】，移动鼠标指针到编辑场景，单击要编辑的对象，石墨分子晶体上出现4个填充变形控制点，如图1-1-19所示。

 
     图1-1-19  用【填充变形工具】选中石墨分子晶体

 说明：【填充变形工具】可以对所填颜色的范围、方向和角度等进行调节来获得特殊的效果。
      用鼠标拖动石墨分子晶体上的中间控制点，将高光区拖放到石墨分子晶体的右上方，如图1-1-20所示，完成后的效果如图1-1-21所示。

               
     图1-1-20  调整填充色                          图1-1-21  完成后的效果

 按住Ctrl键的同时，用鼠标拖动石墨分子晶体，复制出若干石墨分子晶体，用【箭头工具】将石墨分子晶体移动到所需位置，调整后如图1-1-22所示。

 
     图1-1-22  完成后的石墨分子晶体结构图

 说明：除了用【箭头工具】拖动场景中的对象以改变对象的位置以外，还可以选中对象，然后按方向键来调整对象的位置。按下Shift键再按方向键，可以每次10个像素地移动对象。利用这种方法可以更精确的调整对象的位置。
3．创建课件标题
    文字处理在Flash中经常会用到，我们可以在课件中加入文字，设定字体大小、字样、类型、间距、颜色和排列等，也可以象处理对象那样处理字体变形，包括旋转、缩放、倾斜、翻转等，还可以对字符进行编辑，例如可以打散字体做变形动画。
    （1）设置文本对象属性。单击工具箱中的【文本工具】按钮，打开【属性】面板，如图1-1-23所示。在其中设置字体为【黑体】，字体大小为“40”，颜色选择一种与背景协调的颜色，本例设置的是红色。

 
     图1-1-23  在【属性】面板中设置文本属性

  说明：在【属性】面板中，可以设置的文本对象类型有3种：静态文本、动态文本和输入文本。系统默认的文本类型是静态文本，这也是我们在制作课件时经常使用的文本类型，利用这个文本类型，我们可以创建课件种的标题、说明文字、正文内容等文本对象。
    （2）创建课件标题。将鼠标指针移动到场景的适当位置单击，则屏幕上会出现一个文本输入框，在其中输入课件标题文字“石墨分子晶体结构俯视图”，用【箭头工具】调整位置，完成后的效果如图1-1-24所示。

 
   图1-1-24  输入课件标题

 4．  保存和测试课件
      （1）保存课件。选择【文件】|【保存】命令，或按快捷键Ctrl+S，弹出【另存为】对话框，指定课件保存的目录，输入文件名，单击【保存】按钮，如图1-1-25所示。

 
   图1-1-25 保存课件文件

    保存的课件文件的类型是Flash MX文档，文件的扩展名是.fla。这种扩展名为.fla的文件就是Flash制作的课件源文件，是最基本的一种文件类型。
  说明：为了数据安全，在制作过程中要经常保存文件。按Ctrl+S键，可以快速保存文件。
   （2）测试课件。选择【控制】|【测试影片】命令或按快捷键Ctrl+Enter，弹出测试窗口，在窗口中可以观察到动画的效果，并且还可以对动画进行调试，如图1-1-26所示。

图1-1-26  Flash MX影片的独立测试窗口

 5．导出课件
     Flash的最终产品是SWF格式的文件，它是唯一支持所有Flash交互功能的格式，要将当前的Flash电影导出为SWF动画，其步骤如下：
     选择【文件】|【导出影片】命令，弹出【导出影片】对话框，指定导出课件的目录，输入导出课件文件名，单击【保存】按钮，如图1-1-27所示。

图1-1-27 【导出影片】对话框

    这时会弹出【导出Flash Player】对话框，如图1-1-28所示。在这个对话框中可以设置导出课件的相关参数。本实例保持目前的默认参数。

 
     图1-1-27  【导出Flash Player】对话框

    单击【确定】按钮，导出课件。导出的课件文件类型是Flash MX影片，文件扩展名示swf。
  说明：导出的Flash影片的扩展名为swf，一般情况下，这就是我们需要的最终文件类型，这种类型的文件可以用Flash播放器直接播放。因为现在大部分机器都装有Flash播放器，所以swf的文件通常都是可以直接播放的。除了swf文件，在制作Flash课件时，还有一种常见的文件类型——扩展名为fla的文件，这种文件是Flash影片源文件，也就是可以直接在Flash软件窗口种编辑的文件，这种文件不能象swf文件一样直接用Flash播放器运行。但是它是Flash影片的源文件，因此我们要把它保存好，需要的时候可以随时将它重新调入到Flash软件窗口种进行编辑。