Flash课件制作实例.docx
《Flash课件制作实例.docx》由会员分享，可在线阅读，更多相关《Flash课件制作实例.docx（21页珍藏版）》请在冰豆网上搜索。
Flash课件制作实例
常规教学中基础图形的动画制作
项目一：
Flash简介
目标：
1、认识flash软件
2、了解flash的界面构成
一、认识Flash
FLASH是Macromedia公司推出的一种优秀的矢量动画编辑软件，FLASH8.0是其最新的版本。
利用该软件制作的动画尺寸要比位图动画文件﹙如GLF动画﹚尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。
通过简介的学习，大家应熟悉FLASH动画的特点，FLASH8.0的界面组成元素。
二、什么是Flash
Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。
您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。
Flash特别适用于创建通过Internet提供的内容，因为它的文件非常小。
Flash是通过广泛使用矢量图形做到这一点的。
与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。
位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。
要在Flash中构建应用程序，可以使用Flash绘图工具创建图形，并将其它媒体元素导入Flash文档。
接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。
在Flash中创作内容时，需要在Flash文档文件中工作。
Flash文档的文件扩展名为.fla（FLA）。
Flash文档有四个主要部分：
舞台是在回放过程中显示图形、视频、按钮等内容的位置。
时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。
位于较高图层中的图形显示在较低图层中的图形的上方。
库面板是Flash显示Flash文档中的媒体元素列表的位置。
如上图所示
ActionScript代码设计窗口
ActionScript代码可用来向文档中的媒体元素添加交互式内容。
例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用ActionScript向应用程序添加逻辑。
逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。
Flash包括两个版本的ActionScript，可满足创作者的不同具体需要。
Flash包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将ActionScript添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。
这些功能使Flash不仅功能强大，而且易于使用。
完成Flash文档的创作后，可以使用【文件】|【发布】命令发布它，快捷键SHIFT+F12。
这会创建文件的一个压缩版本，其扩展名为.swf（SWF）。
然后，就可以使用FlashPlayer在Web浏览器中播放SWF文件，或者将其作为独立的应用程序进行播放
项目二：
抛物线课件
目标：
1、掌握新建影片的方法
2、学会基本形状的绘制方法
3、会使用任意变形工具
4、掌握对齐工具的使用方法
课件效果
运行课件，界面上有课件标题、坐标轴、抛物线和抛物线公式，效果如图2-1所示。
图2-1课件运行效果
操作步骤：
一、新建影片文档
运行Flash8，选择【文件】|【新建】命令或按快捷键Ctrl+N，在弹出的【新建文档】窗口中，选择【新建Flash文档】，单击【确定】按钮新建一个影片文档。
按Ctrl+J打开文档属性对话框，参数如图2-2所示，选择【文件】|【保存】命令将文件保存为“抛物线.fla”。
图2-2设置影片文档属性
二、绘制坐标轴
1、设置视图网格。
选择【视图】|【网格】|【编辑网格】命令，在弹出的【网格】对话框中，选中【显示网格】和【对齐网格】选项，其它参数保持不变，单击【确定】按钮，如图3所示。
图3【网格】对话框
2、绘制x轴。
选择工具箱中的线条【线条工具】，在【属性】面板中，设置粗细为“2”，【填充色】为黑色，在场景中画一条水平线作为x轴。
知识链接：
用线条工具绘制时按住Shift键可以画出垂直、水平和45度方向的直线；用椭圆工具绘制时按住Shift键可以画出正圆；用铅笔工具绘制时按住Shift键可以轻松画出正交直线。
再用【线条工具】画一个三角形，填充色为黑色，用【箭头工具】选中三角形的边线，将其删除。
选择工具箱中的【任意变形工具】，单击【选项】里的【缩放工具】，将其缩小到合适程度。
把三角形拖放到直线右边作为坐标轴的箭头，按Ctrl+G键，将直线和三角形组合。
知识链接：
按住Shift键可以同时选中多个对象。
画一组直线作为数轴的刻度，选中刻度，用【缩放工具】将其缩小到合适程度。
选中轴和刻度，选择【窗口】|【对齐】命令打开【对齐面板】，如图2-4所示。
图2-4对齐面板
在【对齐面板】上单击【水平居中】按钮和【垂直居中】按钮，选中所有图形按Ctrl+G组合，完成效果如图2-5所示。
图2-5完成的x轴
知识链接：
在工具箱中我们可以利用任意变形工具直接对图形进行缩放、旋转等操作。
但如果缩放、旋转要求精确的话，我们就可以在变形面板中进行设置。
3、绘制y轴。
选中x轴，选择【编辑】|【复制】命令或按Ctrl+C键，复制x轴，再选择【编辑】|【粘帖到中心位置】命令或按Ctrl+V键粘帖。
知识链接：
按住Ctrl键，用鼠标拖动图形，可以快速复制原图形。
选择【修改】|【变形】|【逆时针旋转90度】命令，得到y轴，用【箭头工具】调整好位置，完成后效果如图2-6所示。
图2-6完成后的坐标轴
知识链接：
选择【窗口】|【变形】命令，选中图形，在【变形面板】中设置需要旋转的角度，按【复制并应用变形】按钮，可以精确的复制出若干旋转角度相同的图形。
三、绘制抛物线
用【线条工具】在y轴的上半轴画一条水平直线，将鼠标放在直线上，当光标变成圆弧形时拖动鼠标，将直线调整成为一条曲线，并使曲线最低点位于坐标原点。
完成效果如图2-7所示。
图2-7完成的坐标
知识链接：
直线与y轴的交叉点，一定要是直线的中心点，绘制出的抛物线才以y轴为对称轴。
四、输入文字
选择【文本工具】,设置文本参数如图2-8所示，为坐标轴输入标注。
图2-8设置文本参数
用同样的方法输入课件标题、公式。
五、测试并保存文档
选择【控制】|【测试影片】命令，或按快捷键Ctrl+Enter测试课件。
完成后，按Ctrl+S将课件保存。
案例总结：
这一例我们通过绘制一个简单的抛物线来掌握Flash8中部分绘图工具的使用方法，熟悉对齐面板和变形面板的操作以及辅助工具的应用。
在制作课件过程中，制作方法不是一层不变的，我们可以通过不同的方法达到同样的效果，这就要求在练习过程中不断的摸索，找出最捷径、最行之有效的办法。
项目三：
荷塘月色
目标：
1、掌握导入位图的方法
2、掌握在Flash中位图的处理方法
3、会使用套索工具
4、掌握任意变形工具中的封套
本实例是表现中学语文课文《荷塘月色》的一个图形课件，这个课件的制作充分应用了Flash位图和矢量图的处理能力，通过图形、图像将《荷塘月色》的课文意境表现了出来，利用这个课件辅助教学，不但使学生直观地感受到作者在课文中描写的情景，而且给学生带来美的感受。
如图3-1所示是课件运行的效果。
图3-1课件运行效果
制作步骤
一、创建影片和导入位图
1、新建影片文档。
选择【文件】|【新建】命令或按快捷键Ctrl+N，新建一个Flash影片文档，设置舞台尺寸为660×480，其它参数保持默认值。
2、导入位图。
选择【文件】|【导入】命令，弹出【导入】对话框，在对话框中选择所需要的图片文件，单击【打开】按钮，导入课件所需的荷花图像文件，如图3-2所示。
图3-2导入位图
知识链接：
在【导入】对话框中，按下Ctrl键，依次单击图像文件，可同时选中要导入的多个图像文件。
导入到文档中的图像会自动分布在场景的舞台上，按Delete键，将场景中的图像文件全部删除，此时图像文件已经保存在【库】中。
打开【库】面板可以看到导入的位图对象，如图3-3所示。
图3-3【库】面板中的位图
知识链接：
导入的位图在【库】面板中的名称就是图像的文件名，它们的【种类】标识为【位图】，注意观察它们的图标，它们具有独特的图标，和其他类型的对象的图标不一样。
【库】面板中的这些位图对象也象图形元件一样，你可以随时将它们拖放到场景中使用。
二、去掉位图的背景
我们导入到Flash中的位图往往有背景，这对课件效果有很大的影响，也不利于课件整体风格的设计，可以想象，漂亮的图像下面有一块白色或黑色的背景将多么难看。
下面我们就讨论一下在Flash中如何去掉图像的背景。
1、分离位图。
新建“荷花1”图形元件，在【库】面板中单击“荷花1”图像名称，选中荷花图像，将图像拖到场景中央，如图3-4所示。
图3-4拖放【库】面板中的位图对象
此时，我们对荷花图像无法进行修改，因为Flash将导入的图像作为单个的对象处理，要进行编辑修改，必须将位图分离。
选择【修改】|【分离】命令，或按快捷键Ctrl+B将荷花位图图像分离，如图3-5所示。
图3-5分离位图
2、擦除背景。
选择工具箱中的【索套工具】
，在工具箱的下端，单击【选项】中的【魔术棒属性】按钮
，弹出【魔术棒设置】对话框，在【阈值】中输入“20”，在【平滑】下拉菜单中选择【平滑】选项，如图3-6所示。
图3-6【魔术棒设置】对话框
说明：
【阈值】是用来定义选取范围内，相邻像素色值的接近程度，数值越高，选取的范围越宽。
如果输入数值为0，那么只有同所单击处像素色值完全一致的像素才会被选中.在有些软件如PhotoShop中用容差来表示。
按键盘上的Esc键，或单击取消对图形的选择。
在工具箱的下端，选择【魔术棒】
，单击荷花图像背景，按Delete键，删除选中的背景，如图3-7所示。
图3-7用【魔术棒】擦除背景
知识链接：
对于大片的相同或者相近色，用【魔术棒】能比较方便地去除背景。
如果要去掉的背景比较复杂，可直接用【索套工具】
或者【选项】中的【多边形模式】
。
继续用【魔术棒】
选中白色背景区域将其擦除。
在显示图像比例的下拉菜单中放大显示比例，选择工具箱中的【橡皮擦工具】
，在【橡皮擦形状】下拉菜单中，选择一个较小的圆形橡皮擦，将不干净的边缘小心地擦除，完成后如图3-8所示。
图3-8去掉背景的荷花
用同样的方法处理“荷花2”位图，处理完成后如图3-9所示。
图3-9处理完成的“荷花2”图形元件
三、创建其他图形元件
1、创建弧形图形
升级会员 