《最新多媒体教学电子课件制作培训教程》第4章：使用Flash制作多媒体教学课件

第4章 使用Flash制作多媒体教学课件,（时间：3次课，6学时）,第4章 使用Flash制作多媒体教学课件,教学提示：Flash 8是Macromedia公司旗下的一个集“向量绘图”，“动画制作”，“交互设计”这三大功能于一身的动画设计软件，不用撰写程序，就能够制作出生动的动画场面，而且还能为动画配上音效；在动画制作过程中，用户只需要绘制第一帧和最后一帧画面，就可以了，至于两个画面之间的移动、变形和色彩变化等动画过程，Flash软件会自动完成；更绝妙的是，用Flash 制作的动画文件体积非常小，适合网络的发展潮流。 教学目标：Flash 8是动画制作的工具软件，它的流程是先绘制出图像，然后再做出动态的影像。它把图像的绘制和编辑功能合二为一，这种多媒体的制作工具，能够很方便地制作出动画。,第4章 使用Flash制作多媒体教学课件,4.1 Flash 8的工作环境 4.2 基 本 操 作 4.3 制 作 动 画 4.4 ActionScript脚本语言 4.5 制作Flash动画的步骤 4.6 上机实战使用Flash制作物理课件平抛与斜抛,4.1 Flash 8的工作环境,4.1.1 基本界面 4.1.2 菜单栏 4.1.3 工具栏 4.1.4 工具箱 4.1.5 时间轴、图层和帧 4.1.6 舞台 4.1.7 浮动面板 4.1.8 【属性】面板,4.1 Flash 8的工作环境,Flash Professional 8的工作环境和基本操作方法与Flash MX 2004差别不大，初次运行时也有一个起始页，将一些常用的功能集成到了一起，如【打开最近项目】等。熟悉Flash MX 2004及以前版本的用户会很容易掌握Flash Professional 8。 Flash 8的工作环境友好、快捷和方便，它具有起始页功能，可以为用户节省大量的初始操作时间，下面首先介绍其基本工作环境。,4.1.1 基本界面,默认状态下Flash Professional 8的基本工作界面如图4.1所示，由标题栏、菜单栏、工具箱、时间轴、舞台、【动作】面板、【属性】面板和浮动面板等组成。,4.1.1 基本界面,4.1.2 菜单栏,4.1.2 菜单栏,单击图4.2中显示的任意一项菜单的标题，将会弹出一个下拉菜单，在下拉菜单中列出该项菜单中所包含的所有命令。例如，单击菜单栏中的【编辑】，将会弹出【编辑】下拉菜单，如图4.3所示。在下拉菜单中，左侧显示的是命令名称，命令名称后面带有省略号的表示选择该命令后会弹出对话框。有些命令的右侧标有快捷键，如【撤消】命令的快捷键是Ctrl+Z。下拉菜单中最右侧的黑色三角标记表示该命令拥有子菜单，将鼠标指针移动到该命令上将显示对应的子菜单。 单击图4.2中显示的任意一项菜单的标题，将会弹出一个下拉菜单，在下拉菜单中列出该项菜单中所包含的所有命令。例如，单击菜单栏中的【编辑】，将会弹出【编辑】下拉菜单，如图4.3所示。在下拉菜单中，左侧显示的是命令名称，命令名称后面带有省略号的表示选择该命令后会弹出对话框。有些命令的右侧标有快捷键，如【撤消】命令的快捷键是Ctrl+Z。下拉菜单中最右侧的黑色三角标记表示该命令拥有子菜单，将鼠标指针移动到该命令上将显示对应的子菜单。,4.1.2 菜单栏,图4.3 【编辑】下拉菜单,4.1.3 工具栏,4.1.4 工具箱,Flash 8是基于矢量的网络动画制作和编辑软件，拥有强大的矢量图绘制功能。绘制矢量图所需的工具全部集中在工具箱中，如图4.5所示。工具箱共分为4个区域：绘图工具区、视图工具区、颜色工具区和工具选项区。 1. 选取工具 在工具箱中选取工具共有3个，分别是【选择】工具、【部分选取】工具和【套索】工具。由于【部分选取】工具主要是配合【钢笔】工具使用，所以将其放在绘图工具中介绍。 1) 【选择】工具 【选择】工具可以选择舞台上的一个或多个对象，同时也可以用来修改未选定的线条和填充图形。选择工具箱中的【选择】工具(其快捷键为V)，然后将鼠标指针移动到舞台上，光标将变成形，表示此时可以对对象进行选择了。 (1) 使用选择工具选择对象 使用选择工具也可以框选对象，即选择【选择】工具之后，用鼠标在舞台上拖动出一个矩形框，位于该矩形框内的对象将全部或部分被选定。不过组合、实例与图形有些不同，组合、实例在只有部分位于框选范围之内时也能被选定，图形对象则可以被部分选定。 按住Shift键，可以同时框选舞台上的不同区域的对象，包括图形、组合和实例。框选功能也可以和单击及双击功能配合使用。如果要同时选择所有的组成部分，可以在任意一部分上双击。如果要同时选择其中的几个部分，而不是全部，可以按住Shift键，然后分别单击需要选择的部分即可。,4.1.4 工具箱,图4.6所示为图形、组合和实例3种类型的对象处于选定和未选定时的状态。左侧的两个汽车轮廓图形中，上方图形处于选择状态，图形中显示黑白相间的小点。中间的图形已经使用【修改】|【组合】命令组合起来，处于选择状态的组合图形四周出现矩形线框。右侧的两个图形对象是同一元件的两个实例。处于选择状态的实例也显示矩形线框，同时，中心显示一个圆形中心点，矩形线框左上角显示一个“十”字标识。 (2) 使用选择工具修改图形 使用【选择】工具可以修改未选定的图形。将箭头移动到未选定的图形边缘时，鼠标指针将变成或，表示可以对该图形进行修改。 将箭头移动到如图4.7所示的矩形的一条边上时，鼠标指针变成，此时按下鼠标左键并拖动，可以对矩形进行修改。 (3) 使用【选择】工具移动对象 使用【选择】工具可以移动舞台上的对象，包括图形、组合及实例。选择【选择】工具，将鼠标指针移动到要移动的对象上，当鼠标指针变成时，表示该对象可以移动，如图4.8所示。当移动线条时，必须先选择，后移动。对未选择的线条，只能使用【选择】工具进行修改。,4.1.4 工具箱,图4.5 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,(4) 选择工具选项 在Flash Professional 8中，选择工具的选项区内共有3个选项：【贴紧至对象】选项、【平滑】选项及【伸直】选项。这3个选项分别具有不同的功能。 选择【贴紧至对象】选项后，在移动和修改对象时，可以对对象进行捕捉。例如，绘制一个矩形，使用选择工具将该矩形的填充部分移开，然后选择【贴紧至对象】选项。选择原矩形的线条部分，将鼠标指针移动到该矩形的一个顶点上，按下鼠标左键并拖动，此时会出现一个方框，并且鼠标指针的端点上有一个小圆圈。将这个黑色的方框拖动到其他矩形边缘线条上，当捕捉到矩形线条的边或顶点时，小圆圈会变粗、变大。通过【贴紧至对象】选项，可以将所移动物体的中心点捕捉到其他对象上，如图4.9所示。 【平滑】和【拉直】选项只能在选择图形对象之后才能使用。【平滑】选项使线条和填充图形的边缘接近弧线，而【拉直】选项使线条和填充图形的边缘接近折线。选择如图4.10所示的填充图形，然后单击【平滑】选项10次，即进行10次平滑处理，得到如图4.11所示的图形。 选择如图4.12所示的线条，然后单击【拉直】选项5次，得到如图4.13所示的图形。,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,4.1.4 工具箱,【伸直】模式可以绘制直线，并将绘制接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。 【平滑】模式可以绘制平滑曲线。 【墨水】模式绘制不用修改的手画线条。 5) 【钢笔】工具 【钢笔】工具也是用来绘制线条的，不过使用【钢笔】工具绘制的封闭曲线自动带有填充图形，所以在【钢笔】工具的【属性】面板中有【填充颜色】按钮。而使用【铅笔】工具绘制的封闭曲线是不带有填充图形的。使用【钢笔】工具可以精确地绘制直线和平滑的曲线，并可以分段绘制曲线的各个部分。 使用【钢笔】工具绘制直线段的操作步骤如下： (1) 选择【钢笔】工具，设置好【钢笔】工具的属性，然后将鼠标指针移动到舞台上，在舞台上的任意位置单击，确定直线段的第1个端点。 (2) 在第一条线段结束位置再次进行单击确定线段的第2个端点。 (3) 重复第(2)步操作绘制多条连续的线段。 在绘制过程中选择【编辑】|【取消全选】命令，或者选择工具箱中的其他工具，可以结束全部绘制工作。使用【钢笔】工具绘制直线段的过程如图4.26所示。 使用【钢笔】工具绘制曲线段的过程与绘制直线段的过程极为相似，惟一的不同点是，在确定曲线段的端点时需要按下鼠标左键并拖动，而不是单击。使用【钢笔】工具绘制曲线段的过程如图4.27所示。,4.1.4 工具箱,4.1.4 工具箱,使用【部分选取】工具选择锚点，可调整锚点的位置或曲线段的曲率。 6) 【刷子】工具 选择工具箱中的【刷子】工具(快捷键为B)，可以在舞台上模仿真实的刷子绘制矢量图形。【刷子】工具的【属性】面板中有【填充颜色】和【平滑】两个选项，单击【填充颜色】项可以设置刷子的颜色。 在【刷子】工具的选项区中有5个选项，分别为【对象绘制】、【锁定填充】、【刷子模式】、【刷子大小】和【刷子形状】，如图4.28所示。如果用户在计算机上连接了压感板，则还会出现一个【使用压力】选项。工具选项区中【对象绘制】选项功能与前面介绍的【直线】工具、【椭圆】工具中的功能相同，这里不再介绍。下面分别介绍其他各个选项的功能。 单击【刷子模式】选项按钮，在弹出的下拉菜单中有5种刷子模式：【标准绘画】、【颜料填充】、【后面绘画】、【颜料选择】和【内部绘画】，如图4.29所示。与选择区域配合使用，5种模式会产生不同的绘制效果。使用【标准绘画】模式，可以对同一图层的线条和对象填充涂色。使用【颜料填充】模式绘制的图形只覆盖填充图形和背景，而不覆盖线条。【后面绘画】模式绘制的图形只覆盖舞台背景，而不覆盖线条或填充其他任何对象。使用【颜料选择】模式绘制的图形只覆盖选定的填充，而不覆盖其他任何对象。使用【内部绘画】模式绘制的图形只作用于下笔处的填充区域，而不覆盖其他任何对象。,4.1.4 工具箱,4.1.4 工具箱,【锁定填充】选项控制Flash如何处理渐变色填充或位图填充。单击此选项按钮，所有使用相同的渐变色或位图填充的区域将作为一个连续的填充图形的一部分。这个选项锁定了渐变的角度、尺寸和起始点，使其在整个场景中保持一致。图4.30显示了未选择此选项用【刷子】工具的【内部绘画】模式绘制的渐变填充效果，图4.31显示了选择此选项用【刷子】工具的【内部绘画】模式绘制对渐变填充的作用。 【刷子大小】选项用来选择刷子尺寸。【刷子形状】选项可以选择刷子形状。通过刷子尺寸与刷子形状的组合，可以得到各种各样的刷子效果。 3. 【墨水瓶】工具 选择工具箱中的【墨水瓶】工具，其快捷键为S，可以改变线条的颜色、宽度和类型，也可以为填充图形添加边缘线条。在【墨水瓶】工具的选项区中没有任何选项。在Flash 8中，编辑线条的颜色，既可以使用纯色，也可以使用渐变色或位图。 4. 【颜料桶】工具 选择工具箱中的【颜料桶】工具(其快捷键为K)可以对封闭的区域进行填充，也可以对现有的填充图形进行修改。在工具选项区中有两个选项：【空隙大小】选项和【锁定填充】选项。 【空隙大小】选项有4项设置：【不封闭空隙】、【封闭小空隙】、【封闭中等空隙】和【封闭大空隙】。选择【不封闭空隙】，Flash只对封闭的区域进行填充，选择其他3个选项，Flash将对符合要求的具有缺口的区域进行填充，如果缺口大于选项要求的范围，则不进行填充。 使用【颜料桶】工具可以使用颜色或位图填充选择区域。,4.1.4 工具箱,5. 【滴管】工具 选择工具箱中的【滴管】工具(其快捷键为I)将鼠标指针移动到舞台的线条上，可以获得经过的线条的颜色和类型信息，并自动转换为【墨水瓶】工具。将鼠标指针移动到填充图形上，将获得它所经过的图形的颜色信息，并自动转化为【颜料桶】工具。【滴管】工具的选项区中没有任何选项。 6. 【填充变形】工具 选择工具箱中的【填充变形】工具(其快捷键为F)，然后将鼠标指针移动到要进行修改的填充图形上并单击，即可将该图形选择并对其进行修改。可以修改填充的范围、方向以及放射状渐变填充的中心点。 7. 【文本】工具 在工具箱中选择【文本】工具，在其【属性】面板的【文本类型】下拉列表框中选择一种文本类型，然后将鼠标指针移动到舞台上，单击或拖动鼠标即可创建一个文本块，可以在文本块中输入文字，并定义文本属性。在Flash 8中可以创建3种类型的文本：静态文本、动态文本和输入文本。,4.1.4 工具箱,8. 【橡皮擦】工具 选择工具箱中的【橡皮擦】工具(其快捷键为E)，可以像使用真实的橡皮擦一样在舞台上擦掉矢量图形。在【橡皮擦】工具的选项区中有3个选项，下面将分别介绍各个选项的功能。 【橡皮擦形状】选项：定义橡皮擦工具的大小和形状，此选项预设了圆形和正方形两种形状，每种形状都有从小到大排列的5种尺寸。 【水龙头】选项：选择此选项，然后单击线条或填充图形，即可将整个线条或填充图形删除。 【橡皮擦模式】选项：此选项下拉列表中有5种橡皮擦模式，分别是【标准擦除】、【擦除填色】、【擦除线条】、【擦除所选填充】和【内部擦除】。【标准擦除】模式下可以擦除它经过的所有矢量图形，包括线条和填充；【擦除填色】模式下仅擦除填充图形而不影响线条；【擦除线条】模式下仅擦除线条，而不影响填充图形；【擦除所选填充】模式下，仅擦除选定的填充图形，对未选定的填充图形和所有的线条都不产生影响；【内部擦除】模式下，仅能擦除橡皮擦落点所在的封闭填充图形部分，而不影响其他的任何填充图形和线条。 9. 视图工具 Flash 8的舞台有滚动条，使用滚动条可以移动舞台的可视区域，另外，使用缩放控制下拉列表框可以改变舞台可视范围的大小。但这些并不是最简便的方式，视图控制工具提供了更为便捷的途径来实现上述功能，视图工具包括缩放工具和手形工具两种。 1) 【缩放】工具 在工具箱中单击【缩放】工具按钮(其快捷键为M或Z)，工具选项区中将会出现缩放工具控制选项，其中包括【放大】和【缩小】两个选项，带加号的放大镜为【放大】选项，带减号的放大镜为【缩小】选项。 2) 【手形】工具 单击视图控制区中的【手形】工具，然后将鼠标指针移到舞台上，光标将变成手的形状。此时，按下鼠标左键并拖动，即可移动舞台的可视区域。【手形】工具的快捷键为H。,4.1.4 工具箱,10. 颜色控制区工具 在工具箱的【颜色】控制区中有5个工具：【笔触颜色】、【填充色】、【黑白】、【没有颜色】和【交换颜色】按钮，如图4.32所示。下面将分别介绍这5个工具的应用。,4.1.4 工具箱,4.1.4 工具箱,4.1.5 时间轴、图层和帧,时间轴是制作Flash动画的关键部分，要想用Flash创作出优秀的动画作品，必须对时间轴有清楚和深刻的理解。本节将对时间轴进行简单介绍。 时间轴通过图层和时间标记来管理Flash的动画内容。在默认的操作界面上，时间轴如图4.33所示。,4.1.5 时间轴、图层和帧,4.1.5 时间轴、图层和帧,4.1.5 时间轴、图层和帧,4.1.5 时间轴、图层和帧,4.1.6 舞台,舞台是Flash中所有可见媒体“表演”的地方，如图4.37所示。就像影片一样，Flash将动画的时间长度划分为帧，每一帧的内容都将在舞台上得以表现。在创作和编辑Flash影片时，也需要在舞台上组织影片每一帧的内容。 在舞台的标题栏中显示了当前的场景名称为【场景1】，在舞台标题栏的右侧有两个按钮：一个是【编辑场景】按钮，单击该按钮，可以在弹出的下拉菜单中选择需要编辑的场景；另一个是【编辑元件】按钮，单击该按钮可以选择需要进行编辑的元件，并对该元件进行编辑。这两个按钮右侧的缩放控制下拉列表框显示的是舞台显示比例，并允许对舞台显示比例进行设置。在舞台的右侧和下方各有一个滚动条，可以控制舞台的显示位置。,4.1.6 舞台,4.1.7 浮动面板,Flash的许多功能都是通过浮动面板来实现的，浮动面板可以帮助用户观察、组织和改变Flash中的各种要素，如元件、实例、颜色、文字和帧等。 在浮动面板的标题栏左侧有一个黑色的三角按钮，如图4.38所示，单击该三角按钮可以将浮动面板展开或卷起。在大多数浮动面板的标题栏右侧，还有一个功能菜单控制按钮，单击该按钮可以打开浮动面板的功能菜单，选择功能菜单中的命令可以对浮动面板做进一步设置。如果标题栏右侧没有功能菜单控制按钮，则表明该浮动面板没有功能菜单。 下面列出了在Flash 8种操作浮动面板的一般方法： 打开浮动面板 在【窗口】菜单中选择浮动面板名称的命令，打开相应的浮动面板。 关闭浮动面板 在【窗口】菜单中选择要关闭的浮动面板或者在要关闭的浮动面板标题栏上右击，在弹出的快捷菜单中选择【关闭面板】命令。 隐藏所有浮动面板 选择【窗口】|【隐藏面板】命令，将会关闭所有打开的面板。 显示或隐藏所有浮动面板 按下键盘上的F4键。 移动浮动面板,4.1.7 浮动面板,4.1.7 浮动面板,4.1.8 【属性】面板,选择【窗口】|【属性】|【属性】命令，可以打开【属性】面板。【属性】面板右侧有两个十分有用的选项是【参数】和【滤镜】，另外在属性面板中还有一个【设备】设置选项，如图4.39所示。 需要说明的是，【设备】设置功能在Flash Player环境中不能使用，需要Flash Lite 1.0或Flash Lite 1.1的支持才可用。 单击【参数】选项卡，可以打开【参数】设置面板，如图4.40所示。 【滤镜】面板可以说是Flash 8的一大亮点，使用Flash 8的滤镜可以制作出许多意想不到的效果。如图4.41所示为文字增加了投影和渐变发光效果，比起使用老版本的Flash制作方便了许多。需要注意的是，滤镜只能应用于文本、影片剪辑和按钮。 【滤镜】面板是管理Flash滤镜的主要工具，可以在这里增加或删除滤镜，并且可以指定滤镜的某些参数选项。选择【窗口】|【属性】|【滤镜】命令，可以打开【滤镜】面板。单击【滤镜】面板中的加号(+)可以显示滤镜列表，包括【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】等，选择滤镜列表中列出的滤镜名称即可为文本、影片剪辑或按钮添加对应的效果，如图4.42所示。单击【滤镜】面板中的减号(-)可以删除选中的滤镜，如图4.43所示。 这些滤镜效果应用于文本、影片剪辑和按钮后，在网页中运行时，通过播放器渲染并显现出来。,4.1.8 【属性】面板,图4.39 【属性】面板,4.1.8 【属性】面板,图4.40 【参数】面板,4.1.8 【属性】面板,图4.41 【滤镜】面板及为文字增加了滤镜后的效果图,4.1.8 【属性】面板,图4.42 添加滤镜效果,4.1.8 【属性】面板,图4.43 删除滤镜效果,4.1.8 【属性】面板,图4.44 关闭【参数】面板,4.2 基 本 操 作,4.2.1 创建一个新的影片 4.2.2 使用属性检查器改变文档属性 4.2.3 一般参数设置,4.2 基 本 操 作,在认识了Flash 8的基本操作界面之后，很多读者可能已经跃跃欲试，想要亲自动手对Flash进行操作了。本节就将引领读者创建一个新的影片，并对影片的参数进行一些基本的设置，从而熟悉Flash制作动画的一般步骤。,4.2.1 创建一个新的影片,每次启动Flash 8，默认方式下系统会打开起始页。当用户应用Flash进行创作和编辑时，可以通过起始页直接创建新的影片，或应用模板创建新的影片。 1. 创建一个新的影片 选择【文件】|【新建】命令，弹出【新建文档】对话框，选择【Flash文档】选项，即可创建一个新的影片。 2. 打开模板作为新的影片 选择【文件】|【新建】命令，在弹出的对话框中切换至【模板】选项卡，如图4.45所示，在该对话框中选择要打开的模板，然后单击【确定】按钮即可。,4.2.1 创建一个新的影片,图4.45 【从模板新建】对话框的【模板】选项卡,4.2.2 使用属性检查器改变文档属性,4.2.2 使用属性检查器改变文档属性,图4.46 【文档属性】对话框,4.2.2 使用属性检查器改变文档属性,1. 设置文档标题和内容简介 在【标题】文本框中可以输入当前文档的标题名称。 在【描述】文本框中可以输入对当前文档内容的解说性语言。 2. 设置舞台大小 在【尺寸】右侧的两个文本框中输入数值，可以设置舞台的宽和高(以像素为单位)。舞台最小为1 px1 px，最大可以设置为2880 px2880 px。 单击【打印机】单选按钮，可以使舞台在打印时根据打印纸张大小获得最大设置。 单击【内容】单选按钮，使舞台在所有场景元素周围都留有相同宽度的空白。 单击【默认】单选按钮，将舞台设置为默认大小。 3. 设置背景颜色 单击【背景颜色】按钮，弹出如图4.47所示的调色板，在Flash 8默认的调色板中选择一种颜色即可。,4.2.2 使用属性检查器改变文档属性,图4.47 调色板,4.1.8 【属性】面板,4. 设置播放时的帧速率 在图4.46所示的【帧频】文本框中输入数值。对于大多数通过网络浏览器播放的动画来说，8 fps(帧/秒)12 fps是比较合适的帧速率。 5. 设置标尺单位 在【标尺单位】下拉列表框中可以选择一种单位作为标尺单位。 设置好各项参数后，单击【确定】按钮，即可将设置应用于影片。单击【设为默认值】按钮，可以将设置保存为默认设置，以后再创建新影片时，将以保存的设置作为默认设置。,4.2.3 一般参数设置,在创作和编辑影片时，根据创作和编辑人员的需要可以对软件操作中的一般参数进行设置。选择【编辑】|【首选参数】命令，弹出【首选参数】对话框，如图4.48所示。在该对话框中可以进行一般参数设置。在设置一般参数时，需要对Flash 8有较全面和深刻的了解，这里不进行详细阐述，在学习后面具体内容时将分别介绍。 可以在【常规】选项卡中设置撤消级别的数值，这将决定撤消和重复的次数。在【警告】选项卡中，可以选中所有的复选框，Flash 8将在所有应该发出警告的情况下发出警告。,4.2.3 一般参数设置,图4.48 【首选参数】对话框,4.3 制 作 动 画,4.3.1 逐帧动画 4.3.2 渐变动画,4.3 制 作 动 画,在Flash Professional 8中使前后相邻的两个帧中的内容发生变化就可以形成动画。制作动画的方法一般有两种：渐变动画和逐帧动画。在渐变动画中只要确定动画开始帧和结束帧中的内容就可以了，动画中各个帧的内容由Flash Professional 8自动生成。在逐帧动画中，编辑人员需要为动画的每一帧创建内容。,4.3.1 逐帧动画,将动画中的每一帧都设置为关键帧，在每一个关键帧中创建不同的内容，就成为逐帧动画。这就像播放影片一样，将一个连续的动作分解成若干只有微小变化的静态图片，将这些静态图片快速连续播放，根据视觉暂留原理，人的眼睛会将原本并不连续的静态图片看成一个连续的动作。逐帧动画适用于每一帧中的图像内容都发生变化的复杂动画。因为逐帧动画保存每一个关键帧中的所有内容，所以可能会使文件的尺寸大大增加。 创建逐帧动画的途径一般有两种：导入逐帧动画和制作逐帧动画。 当向Flash中导入图像时，如果要导入的图像是多张名称具有连续编号的图像序列中的一张，Flash将会弹出如图4.49所示的提示对话框，询问是否要导入图像序列，如果单击【否】按钮，将只导入单张图像；如果单击【是】按钮，将把所有具有连续编号的图像作为一个图像序列导入，导入后Flash自动将每一张图像添加到一个单独的关键帧中，形成一个逐帧动画。 制作逐帧动画与导入逐帧动画的区别在于：导入逐帧动画的工作主要是准备要导入的图像序列，这项工作往往是在Flash之外完成的；而制作逐帧动画主要是在Flash中创建逐帧动画每一帧中的内容，这项工作主要是在Flash内部完成的。,4.3.1 逐帧动画,图4.49 Flash 8提示对话框,4.3.2 渐变动画,渐变动画包括运动渐变动画和变形渐变动画。在运动渐变动画中，可以改变实例、群组和文本等的位置、大小和旋转角度等，也可以使对象沿着路径进行运动。在变形渐变动画中，可以改变矢量图形的形状。无论是哪种渐变动画，只要定义动画开始和结束的两个关键帧中的内容即可，动画中的各个过渡帧中的内容由Flash 8自动生成。 制作渐变动画一般过程如下： (1) 选择时间轴中的某个图层，在希望动画开始的位置插入一个空的关键帧。 (2) 在舞台上创建一个实例、群组、文本块或矢量图形制作渐变动画，位图和视频文件也可以用来制作运动渐变动画。 (3) 在时间轴的同一个图层中希望动画结束的位置插入一个关键帧，这样该关键帧中的内容与动画开始时的关键帧相同。 (4) 选择动画结束时的关键帧，将舞台上的对象移动到一个新的位置，或者对其进行旋转、缩放、斜切及改变颜色等操作。 选择动画开始的关键帧所在的帧序列中的任何一帧，打开【属性】面板，如图4.50所示。 (5) 在【属性】面板的【补间】下拉列表框中选择动画或变形选项，完成动画制作，此时的时间轴如图4.51所示。,4.3.2 渐变动画,4.3.2 渐变动画,图4.51 通过【属性】面板中的【补间】下拉列表框设置的渐变动画,4.4 ActionScript脚本语言,4.4.1 ActionScript编辑器 4.4.2 熟悉ActionScript,4.4 ActionScript脚本语言,ActionScript 语言是Flash的一部分，它为设计人员和开发人员提供了各种便利功能。通过使用 ActionScript，可以根据运行时间和加载数据等事件控制文档播放；为文档添加交互性，使之响应按钮单击等用户操作；将内置对象(例如按钮对象)与内置的相关方法、属性和事件结合使用；创建自定义类和对象；创建更加短小精悍的应用程序(相对于使用用户界面工具创建的应用程序)，所有这些都可以通过可重复利用的代码来完成。,4.4.1 ActionScript编辑器,ActionScript 编辑器为专家和初学者提供了一个具有增强功能的代码编码环境，用户可以直接在Flash 8中开发功能强大的ActionScript脚本。对于真正的代码编写人员来说，编辑器的代码提示、代码着色、搜索/替换及自动设置格式等功能将提高他们的工作效率。对于初学者来说，ActionScript 编辑器包含了脚本直接拖放，引导选择参数和选项及即时访问相关参考资料和代码示例等功能，使他们可以通过编写脚本的学习完成简单任务。其他增强功能还包括：添加了一个新的跳转栏，方便用户在脚本之间快速定位；新设置了一个提示区域，为选定动作提供说明。 ActionScript 编辑器提供两种方式：脚本助手模式，如图4.52所示；一般模式，如图4.53所示。在Flash 8中的编码提示应用于两种方式中，能够帮助用户非常方便地输入ActionScript语句，而不需要死记每一条指令，只要跟随Flash的提示进行输入即可。 对于ActionScript 编辑器的两种编辑模式，如果是初学者或者不太熟悉ActionScript语言的用户，可以选择脚本助手模式；如果对编写程序有一定经验的用户，可以选择一般模式。,4.4.1 ActionScript编辑器,图4.52 脚本助手模式,4.4.1 ActionScript编辑器,图4.53 一般模式,4.4.2 熟悉ActionScript,Flash中的动作可以分为帧动作、影片剪辑动作和按钮动作3种。 1. 帧动作 在Flash中可以在两个地方书写脚本代码，一个是在关键帧里，另一个是在对象的事件里。下面以一个例子来说明如何为关键帧添加特定的脚本语言。这个例子是要实现电影播放到第10帧的时候，跳转到第1帧开始播放，具体操作步骤如下： (1) 在时间轴上选择要赋予动作的关键帧第10帧，并且选择【窗口】|【动作】命令，打开【动作】面板。 (2) 从【动作】面板左侧工具箱中单击【全局函数】|【时间轴控制】选项，双击下拉列表中的goto选项，在【动作】面板右侧的脚本窗格中就出现“gotoAndPlay(1);”语句，就完成了为第10帧添加跳转到第1帧的命令，【动作】面板中的内容如图4.54所示。,4.4.2 熟悉ActionScript,2. 影片剪辑动作 影片剪辑动作是指在电影组件的实例中使用的命令。要使用影片剪辑动作，首先要用On Clip Event处理程序，再在影片片断的实例中定义行为，赋予影片剪辑动作的方法如下： On Clip Event(事件) /发生相应的事件以后执行的动作 将Event设置为On Clip Event，使相应的事件发生时，执行语句。 3. 按钮动作 按钮动作作为用户与影片对话手段的一种，经常处理一些单击鼠标、停止播放、影片跳转到指定的帧等事件等，也就是说接受鼠标响应时间的信息后，再执行语句。给按钮赋予动作的方法是先选中按钮，再从【动作】面板左侧的工具箱中选择动作代码就可以了，图4.55所示为按钮添加动作后的【动作】面板。,4.4.2 熟悉ActionScript,图4.54 添加帧动作,4.4.2 熟悉ActionScript,图4.55 添加按钮动作,4.5 制作Flash动画的步骤,本节要制作的动画效果如图4.56所示，Flash标志会淡出。单击动画上的Information按钮以查看它所链接的位置，然后关闭打开的浏览器并返回到swf文件。这个动画对于初学者来说有一定的难度，不过只要跟着操作步骤从头到尾的坚持做下去，就一定能够完成整个动画。查看完该应用程序之后，单击其关闭按钮将其关闭。 在介绍了Flash 8的基本工作环境之后，本节将制作一个动画，通过这个动画的制作使用户对Flash 8的基本工作流程有一个初步的了解和认识。另外，用户还将获得使用Flash 8常用工具的一些经验，了解一些Flash 8浮动面板的用途和一些Flash 8的关键概念。步骤如下： (1) 在Flash菜单栏中选择【文件】|【新建】命令，将弹出【新建文档】对话框，如图4.57所示。选择【常规】选项卡中的【Flash文档】选项，阅读对话框右侧出现的文件类型描述，然后单击【确定】按钮。,4.5 制作Flash动画的步骤,图4.56 最终的动画播放画面,4.5 制作Flash动画的步骤,图4.57 【新建文档】对话框,4.5 制作Flash动画的步骤,(2) 选择【文件】|【保存】命令，将文件命名为flashlogo.fla，然后将文件保存在桌面上或任何方便的位置中，文件的扩展名为*.fla。 (3) 配置文档属性通常是创作中的第一步。可以使用【属性】面板来调整整个应用程序的设置，例如每秒帧数(fps)播放速度，以及舞台大小和背景颜色。如果【属性】面板没有打开，选择【窗口】|【属性】|【属性】命令将其打开。【属性】面板如图4.58所示。 (4) 在【属性】面板中，更改舞台【大小】为【400300像素】；确认【帧频】文本框中的数值为12，即应用程序的播放速度为每秒12帧，这是在Web上播放动画的最佳帧频。 (5) 【背景】颜色框指示舞台的颜色。单击【背景】颜色框上的向下箭头，然后在颜色样本上移动【滴管】工具，以便在【十六进制】文本框中查看它们的十六进制值。 (6) 找到并单击蓝色样本，其十六进制值为#0066CC，如图4.59所示。,4.5 制作Flash动画的步骤,图4.58 【属性】面板,4.5 制作Flash动画的步骤,4.5 制作Flash动画的步骤,(7) 选择【文件】|【保存】命令，保存文件。 (8) 双击时间轴中的【图层1】名称，输入“Back”以代替原来的名称。Back图层现在是活动图层，放置到舞台上的任何内容目前都将位于此层中，如图4.60所示。 (9) 从工具栏中选择【矩形】工具，朝着屏幕底部的方向绘制一个矩形，与其下的用于标记舞台的矩形相似，如图4.61所示(颜色现在并不重要，稍后更改)。 (10) 在工具栏中单击【选择】工具，双击刚才绘制的矩形的填充部分，这样将选中整个矩形，包括边界。现在【属性】面板将显示形状的设置，使用【属性】面板可以更改线条粗细、填充和笔触颜色，以及所选矩形的其他属性。 (11) 在【属性】面板中，将填充颜色更改为红色中心渐变，如图4.62所示。 (12) 将笔触颜色更改为白色，最终的【属性】面板如图4.63所示。 (13) 最终的舞台显示效果如图4.64所示。 (14) 如果【库】面板没有打开，选择菜单【窗口】|【库】命令将【库】面板打开，此时库中没有任何内容，如图4.65所示。 (15) 选择【文件】|【导入】|【导入到库】命令，弹出【导入到库】对话框，将在Photoshop中完成的logo. png文件导入，如图4.66所示。,4.5 制作Flash动画的步骤,图4.60 重新命名图层1,4.5 制作Flash动画的步骤,图4.61 绘制一个矩形,4.5 制作Flash动画的步骤,图4.62 将矩形的填充颜色改为红色中心渐变,4.5 制作Flash动画的步骤,图4.63 设置矩形属性,4.5 制作Flash动画的步骤,4.5 制作Flash动画的步骤,图4.66 【导入到库】对话框,4.5 制作Flash动画的步骤,(16) 这时可以看到，库中多了一个文件，就是刚刚导入的图片文件，它们将用于下面的制作，如图4.67所示。 (17) 使用【选择】工具将logo.png从【库】面板中拖到舞台上，然后将其放在舞台中央，效果如图4.68所示。 (18) 从工具栏中选择【文本】工具，然后在舞台上方单击，即会出现一个带有圆形控件的文本字段，该控件表示此字段会随着输入的文本而扩展，如图4.70所示。 (19) 可以在开始输入文本之前完成【文本】工具的所有设置。在【属性】面板中，执行以下操作：在【字体】文本框中，选择Arial Black。在【字体大小】文本框中，输入“15”。 在【文本】(填充)颜色框中，选择浅黄色(十六进制值为#FDFC97) 其他参数值如图4.71所示。 (20) 输入“macromedia”，并用【选择】工具适当调整，使其在舞台上位于居中的位置，此时舞台如图4.72所示。 (21) 选择macromedia文字，单击【属性】面板中的【滤镜】选项，打开【滤镜】面板，单击面板中的加号按钮，在弹出的菜单中选择【投影】和【发光】滤镜，为“macromedia”文字添加这两种滤镜效果，如图4.73所示。 (22) 选择【窗口】|【组件】命令，打开【组件】面板，如图4.74所示。,4.5 制作Flash动画的步骤,(23) 选择【选择】工具，从【组件】面板中将Button组件拖到舞台上，放在舞台的右下角，如图4.75所示。 (24) 用【选择】工具选择舞台上的Button组件，选择【窗口】|【属性】|【参数】命令，打开【参数】面板，在【组件】下的文本框中将实例名称设为“info”，在label文本框输入“information”，如图4.76所示。 (25) 查看此时的舞台，发现Button已经出现了相应的变化，上面的显示已经由原来的“Button”变为“information”了，如图4.77所示。 (26) 在舞台上，用【选择】工具单击已添加的Button组件。选择【窗口】|【行为】命令，打开【行为】面板，如图4.78所示。 (27) 单击【行为】面板顶部的【添加行为】按钮以显示行为列表，从中选择Web |【转到Web页】选项，如图4.79所示。 (28) 弹出【转到URL】对话框，在URL文本框中，输入任何完整的URL，例如 “”，在【打开方式】下拉列表框中选择“_blank”选项，然后单击【确定】按钮，如图4.80所示。至此，当用户单击该按钮时，即会打开一个新的浏览器窗口并访问指定的URL：。 (29) 此时的【行为】面板如图4.81所示，在【动作】一栏双击，仍然可以对刚才的设置进行修改。 (30) 用选择工具“”单击舞台上的logo.png，标志周围出现虚框表明已选中，如图4.82所示。,4.5 制作Flash动画的步骤,图4.67 库中多了一个文件,4.5 制作Flash动画的步骤,图4.68 从库中添加插图到舞台,4.5 制作Flash动画的步骤,图4.69 【导入到库】对话框,4.5 制作Flash动画的步骤,图4.70 输入文字,4.5 制作Flash动画的步骤,图4.71 【属性】面板设置,4.5 制作Flash动画的步骤,图4.72 调整文字位置,4.5 制作Flash动画的步骤,图4.73 添加滤镜效果,4.5 制作Flash动画的步骤,4.5 制作Flash动画的步骤,图4.76 【参数】面板设置,4.5 制作Flash动画的步骤,图4.77 修改组件属性后的变化,4.5 制作Flash动画的步骤,4.5 制作Flash动画的步骤,图4.80 【转到 URL】对话框,4.5 制作Flash动画的步骤,4.6 上机实战使用Flash制作物理课件平抛与斜抛,1实战目的 平抛与斜抛是中学物理的一个非常重要的知识点，但在实际教学过程中，常常因为无法仔细观察到小球的运动轨迹和运动速度的变化过程，而使学生对该知识点产生迷惘，本课件就可以辅助教师讲解这个过程。同时，通过该课件的制作，也使读者学习使用Flash制作动画的整个过程。 2实战步骤 首先制作课件背景。 (1) 打开Flash软件，选择【文件】|【新建】命令新建一个文档，然后在属性面板中更改文档属性的宽为500像素，高为350像素。 (2) 双击时间轴【图层1】名称，使其变为可编辑状态，直接输入图层名称，将自动在文档中建立的【图层1】更名为“bg”，如图4.101所示。,4.6 上机实战使用Flash制作物理课件平抛与斜抛,图4.101 更改图层名称,4.6 上机实战使用Flash制作物理课件平抛与斜抛,(3) 选中bg图层的第1帧，使整个场景以50%显示，再利用【矩形】工具根据场景的大小绘制出一个笔触颜色为黑色的覆盖整个场景的长方形矩形。 (4) 用鼠标选中填充色，打开【混色器】面板，填充类型设为【线性】，右边的滑块设置为纯白色，左边的滑块设置为蓝色，如图4.102所示，使背景填充色具有一个从蓝至白的过渡效果。 (5) 选择【填充变形】工具 ，再单击长方形区域，拖动旋转控制柄旋转一定角度，拖动缩放控制柄将其拉大，这样可以使背景有光照效果，如图4.103所示。 (6) 标题的制作。仍在bg图层的第1帧制作本课件的标题，在背景上方利用【文本】工具输入标题文字“物体的平抛与斜抛”，选中文字改字体为隶书，文本颜色为黑色；单击文字【属性】面板中的【滤镜】选项，打开【滤镜】面板，单击按钮，在弹出的下拉列表中选择【投影】滤镜，并设置其【颜色】为白色，其他参数如图4.104所示，完成为标题文字添加投影滤镜效果。,4.6 上机实战使用Flash制作物理课件平抛与斜抛,为了更清晰地观察小球的运动轨迹与速度快慢，要制作一个有立体感的窗口，这个窗口会显示出网格和标有X、Y的横、纵坐标轴。 (7) 选择【插入】|【新建元件】命令，这时会自动弹出【创建新元件】对话框，如图4.105所示，新建一个图形