高二flash教案资料

信息技术课教案FLASH专题教学中宁一中王琴第课时Flash基础教学目标:认识flash2004的操作界面及其中的工具数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、启动Flash在桌面找一个红色图标双击即可启动，也可以单击“开始”－“程序”，在程序菜单中找到Flash或者Macromedia菜单选择Flash项；启动Flash后会出现一个窗口，这是默认的开始页，供我们选择，找到中间一栏的“创建新项目”中的“Flash文档”，单击选中它，进入到新建窗口当中，然后单击菜单栏中的“编辑”－“首选参数”－单击下边的“启动时”里的“新建文档”，这样每次直接进入新建页；二、认识flashmx2004的操作界面我们来看一下新建窗口，动画制作就在这个窗口中，下面我们来看一下：1、标题栏窗口的最上面是蓝色的标题栏，当前影片自动给了一个名称[未命名-1]，在“保存”文件时要改为一个有意义的文件名称；2、菜单栏标题栏下面是菜单栏，菜单是一组命令，我们操作计算机，就是向计算机提供指令，其中“文件”菜单，要求记住“保存”、“导入”命令，都跟文件操作有关；“插入”菜单中要记住“新建元件”命令，“修改”菜单的“组合”和“转换为元件”两个命令，“窗口”菜单中放着各种面板，要求记住“属性”面板；3、工具栏菜单栏下面是工具栏，工具栏中放的是最常用的菜单命令，而且是用图标来表示的，便于形象记忆，不过一般都隐藏起来了；4、编辑栏再下面是编辑栏，有文档的标题，左边显示当前的场景1，右边还有两个按钮，一个是场景按钮，一个是组件按钮，旁边是显示比例；5、工作区工具栏下面就是工作区了，在工作区的左边是工具箱，里面有许多的绘图和修改工具，跟Windows中的画图差不多，要求记住黑“箭头”工具，它是用于选择图形的，里面还有两个瓶子，要区分开，左边的“墨水瓶”工具是用来给铅笔和直线喷颜色，右边的“油漆桶”工具用来给圆和框内部填充颜色（必须要封闭），也给刷子喷色，使用时一定要多注意，不要搞反了，工具下边还有放大镜和手形双击手可以自动调整工作区；许多工具下边都有选项，可以完成不同的功能，比如颜色选项里有的给线条涂色的边框色，有的给内部里面喷色的填充色；在工具箱旁边是时间轴面板分成了两块，左边是图层面板，自动有一个黑色的“图层1”，黑色上面有三个按钮：一个眼睛一个小锁和一个方框，图层面板用来控制图层的添加、删除、选中等操作，单击时间轴面板的标题栏可以折叠；右边是时间轴，上面有许多的小格子，每个格子代表一帧，整数的帧上有数字序号，而且颜色也深一些，一帧可以放一幅图片，动画就是由许许多多帧组成的，帧上面有一个红色的线，这是时间指针，表示当前的帧位置，同时下面的时间轴状态栏也有一个数字表示第几帧；工作区的中央空白是场景，所有的画图和操作都在这个白色的区域中实现，也只有这个区域的图像才能在动画中播放出来；窗口的最下方是常用面板，单击可以展开和折叠，在上边的白色下拉按钮上单击一下可以折叠所有面板；在窗口右边还有一块“项目”区域，可以显示一些复杂的应用，暂时可以关闭，以便腾出一些空间来，关闭的方法是，按F4键关闭所有面板，再按Ctrl＋F2调出工具箱；三、专题练习1、看一看下面的图形，说出Flash窗口的各个组成部分和它们的用途：2、在编辑区内使用不同的工具做图，并试着改变图形的大小与颜色。四、教学反思第课时移动和旋转工具的使用教学目标：通过认识和使用“移动和旋转”工具，学会简单动画的设计，并在制作的过程中熟练基本操作数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、基本操作练习熟悉一下基本操作：F4可以隐藏面板，Ctrl＋F2可以显示工具箱，鼠标左键用于选择（单击），打开（双击）；右键用于命令菜单，鼠标在空白地方敲一下可以取消错误的操作；注意：动画包括移动、变形和旋转等几种，至少需要两个关键帧才能表现；二、通过实例讲解，学会“移动和旋转”工具的使用实例讲解：现在来练习制作一个简单的动画效果如下，“您好”两个字从上面落下来，“欢迎……”从左边跑右边，再回来转圈；具体操作步骤：1、修改场景：1）启动Flash，将任务栏上的多余窗口关闭，留下Flash和教程两个窗口最大化，每次在任务栏上切换（也可以让它们并排显示，Flash的窗口要大一些，在标题栏上单击鼠标左键，切换两个窗口），Flash默认新建一个未命名-1，2）选择“修改”菜单――“文档”，在弹出的对话框中的“背景颜色”选项上点一下颜色按钮，将背景色改成黑色，将“帧频”设为6，单击“确定”按钮，看一下变化；注意：强调介绍“文档属性”对话框2、创建元件：1）选择“插入”菜单中的“新建元件”命令，弹出一个对话框；2）在“名称”选项中输入“您好”，在下面选择“图形”，检查正确后单击“确定”按钮，此时在编辑栏上出现一个标题为“您好”图标为红绿蓝方块的按钮，现在是创建一个图形元件；3）输入文字：在工具箱中选择文本工具“A”，在工作区中央十字架附近点一下鼠标左键（不能拖），工作区中出现一个闪动光标的小文本框，再单击工作区下边的属性标题，调出属性面板，在中间一栏中选择字体为楷体-GB2312，尺寸为36，颜色为红色，检查无误后输入“您好”（如果文本框没了再点一下），用箭头工具将文字拖到十字架的中心，这样第一个下落的元件就制做好了，单击编辑栏里的“场景1”按钮回到场景中；4）同样再单击“插入”菜单选择“新建元件”，名称改为“欢迎”，选择“图形”，单击“确定”后，用“文本”工具，在工作区中央输入“欢迎进入Flash世界”，用箭头工具将文字放在十字架的中央(在“入”和“F”之间），用键盘方向键仔细地移动到中央；5）单击工作区左上方“欢迎”按钮旁边的“场景1”按钮，回到主场景工作区，单击“文件”菜单中的“保存”命令，在弹出的对话框中的“保存在”中单击鼠标，找到自己的文件夹（例如：在自己的文件夹中创建一个“MyFlash”文件夹，保存到里头），用“欢迎”为文件名，保存文件到自己的文件夹中；3、制作下落动画：1）绘制图形：单击“窗口”菜单选择“库”命令，我们刚才做的元件都在图库中，选中“您好”，用箭头工具把它拖到工作区里，再把它移到工作区外面的正上方，文字这时在黑色上面的灰色里；2）插关键帧：在时间轴的第10帧上，单击鼠标右键，选择“插入关键帧”命令（关键帧是动画的起点或者终点），用“箭头”工具，将第10帧中的工作区上方的文字拖入工作区的中间，这样从第1帧的“您好”落到了第10帧的中间，文字的位置发生了变化；3）创建动画动作：在第1帧上单击鼠标右键，选择“创建补间动画”命令，在第1帧到第10帧之间出现一个蓝色箭头，动画创建成功，保存一下文件；4）第一个动画已经完成，现在检查一下，把红色的时间指针移到第1帧，按一下回车键播放动画，看一下效果，是不是很形象？4、制作横向动画：1）分析一下，文字“欢迎进入Flash世界”是从工作区左边进入，到右边消失，然后从右边返回到工作区中央旋转，细心的同学一定发现，这个动画由两部分组成，一步是从左到右，一步是从右边回到中间；2）新增一个图层，点击第一个“＋”号按钮，新建一个图层2，电脑自动产生10帧空白帧，要把它们都删掉，方法是点一下“图层2”，就会选中所有空白帧，然后在右边选中的帧上单击右键选“删除帧”命令；3）再用鼠标左键选中图层2的第5帧，然后再单击鼠标右键，选择“插入关键帧”命令，这一帧作为起始关键帧，在“库”面板中将“欢迎进入Flash世界”拖到工作区外左边，从第5帧开始是为了跟第一个动画错开，创造出丰富的动画效果；4）在图层2的第10帧处“插入关键帧”命令，第10帧作为动画的一个终点，在第10帧中，将“欢迎进入Flash世界”拖到工作区右边的外面，这样文字从左边跑到右边，动画的原理就是用几幅图画来表现物体的运动和变化，在第5帧上单击鼠标右键，选择“创建补间动画”命令，出来一条蓝色箭头，单击“文件”菜单中的“保存”命令，保存一下文件；按回车键播放动画，看一下效果不错吧？5）创建返回的动画，选中图层2的第15帧，单击右键选择“插入关键帧”，准备作回来的动画；6）选中图层2的第15帧，用箭头工具选中“欢迎进入Flash世界”文字，把它拖回到工作区中央，这样从第10帧到第15帧，文字回到了工作区，在图层2的第10帧上单击鼠标右键，创建回来的补间动画，单击“文件”菜单中的“保存”命令，保存一下文件；按回车键播放一下文件，“您好”忽然没了，原来是帧数不够15帧，选中图层1的第15帧，单击鼠标右键，选择“插入帧”命令，为什么不插入关键帧呢？这是因为这时的“您好”并没有动画，只是为了跟“欢迎”对齐；5、旋转动画1）在图层2的第25帧上“插入关键帧”，再调出“属性”面板，准备做旋转动画；2）选中图层2的第15帧上，在下面的“属性”面板的“补间”里的“无”上单击鼠标左键，选择“动作”，在“旋转”旁的按钮上单击，选择“顺时针”，让动画按顺时针旋转，在“次”里输入1，让动画旋转一圈，折叠面板，单击“文件”菜单中的“保存”命令，保存一下文件，这样我们就创建好了一个旋转动画，同样将图层1加长到25帧；课程拓展：我们现在已经完成了动画的制作，按Ctrl＋回车键测试一下动画的效果，是不是很有特色？欣赏完按Ctrl＋W关闭返回，将“图层1”改为“您好”，“图层2”改为“欢迎”，保存一下，再测试一下。三、学生操作练习：制作飞舞的文字，使用“移动和旋转“工具。四、教学反思：第课时绘制对象教学目标：通过在flash中绘制需要的图象，学会使用“椭圆、矩形、线条、颜色”等工具的使用。数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、基本理论知识：Flash中的图形一般都是矢量图形，每个对象都有自己的属性，例如直线有颜色，线型，粗细等属性，可以在相应的“属性”面板中修改；二、通过实践操作讲解，使学生们掌握“椭圆、矩形、线条、颜色”等工具的使用。1、试着创建简单的图形1）启动Flash，按三步曲，做好准备，然后在工具箱中单击选中直线工具，在工具选项中的边框色（铅笔旁边的颜料盒）选择直线的颜色为红色，在“窗口”菜单选择“属性”命令，在面板中选择粗细改为3，“实线”不变；2）然后将鼠标移到工作区，当鼠标指针变成十字型时，按住左键拖动到直线终点，松开左键，就可以创建出一条直线，按住Shift键，可以画出笔直的线条，试着画出两条直线来；3）再插入一个空白关键帧用直线工具绘出一个大的红色的“米”来,用单击“文件”菜单中的“保存”命令以“图形对象”为文件名保存文件到自己的文件夹（在弹出的对话框中的“保存在”中单击鼠标找到自己的文件夹）；4）绘制矩形工具的方法和绘制直线的方法类似，再插入一个空白关键帧，单击矩形工具，选择绿色边框色（旁边有个铅笔的颜料盒）和红色填充色（旁边有个油漆桶的颜料色），在“属性”面板中将边框线样式保持为实线，粗细设为2，在工作区中绘制一个矩形，再将边框线样式设为虚线，粗细设为5，绘制一个矩形，如果选中工具后属性面板没有显示，就用鼠标在工作区中单击一下，激活工具属性，用“保存”命令保存一下文件；5）使用同样的方法，在下一帧插入一个空白关键帧，用椭圆工具在工作区中绘制一个黄边椭圆和正圆（绘制正圆要按住Shift键），用“保存”命令保存一下文件；2、怎样绘制普通的曲线呢？使用铅笔工具，在下面的选项面板中单击按钮选择一种铅笔模式就可以随意绘画了，6）在第四帧插入一个空白关键帧，用铅笔工具下面的选项中的三种模式（“直线化”、“平滑”、“墨水瓶”），分别在工作区中用铅笔工具写出绿色、实线、粗细为1的“美丽的校园”。比一下它们的不同之处，用“保存”命令保存一下文件，测试一下动画效果（在下面的动画上单击右键，将“播放”的勾去掉就可以停止动画）；三、拓展练习：使用“椭圆、矩形”工具在文档中绘制图形进行练习四、教学反思第课时缩放对象教学目标：通过实例讲解让学生学会如何使用Flash工具缩放、旋转和倾斜对象；数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、理论知识讲解：1．在编辑图形时，经常会调整图形的大小形状，方法是首先选中这个对象，然后选择“任意变形工具”，此时选中的对象周围会出现八个控制点小黑块，控制点的方向拖动小块，即可缩放对象；2．旋转操作和缩放对象基本上差不多，鼠标移到四个角的控制点外面时，会出现一个弧线箭头，顺着箭头的方向拖动就可以旋转，旋转时要绕着中心拖动（中心也可以拖到一边去）；二、通过实例讲解，学会“缩放”工具的使用

1.在工作区中输入文字，选择文字工具，再在“窗口”菜单中单击选择“属性”，设定华文行楷、字号36号、红色（如果没有属性，就先在工作区中点一下），输入“美丽”，用箭头工具选中，按住Ctrl键用箭头工具拖动对象，可以复制对象，我们一共复制8个来；2.其中四个用任意变形工具，拖动控制点分别缩成瘦长形的、扁形的、放大的和缩小一倍的图形；3.另外四个用旋转的方向（在四个角控制点外面一点），分别旋转90度、180度，以及倾斜（在边线上，变成双线时拖动）左、右45度，4.用“缩放对象”为文件名，用“保存”命令保存文件到自己的文件夹中,按Ctrl＋回车键（按住Ctrl不松再敲一下回车键）测试影片，看一下效果，欣赏完按Ctrl＋W关闭返回；5.精确的变形要在面板中，输入数字来确定，方法是，选择一个对象，再使用“窗口”菜单中的“设计面板”里面的“变形”面板（Ctrl＋T），如下图所示：6.看一下面板上的各个选项，两个双箭头表示横向和纵向的放大倍数，默认100%保持原样不放大，下面的旋转和倾斜选项，对应自由变换工具的两个操作，右下角有两个按钮，一个是“复制并应用转换”单击就可以按设定复制出一个对象，另一个是“重置”按钮，可以让变形的对象恢复原样；三、操作练习：1.在时间轴上单击右键，插入空白关键帧，选择文本工具，在工作区中写上红色24号“千山万水”，选择箭头工具，按住Ctrl键拖一个放在旁边备用，选中第一个文字对象，打开“变形”面板，在“旋转”中输入度数90后按回车键确定，看一下效果;2.再选中第二个文字对象，在“旋转”中输入90后单击“复制并应用转换”按钮，比一下跟回车的不同效果，再单击一下“重置”复位按钮恢复原状，再输入45连续单击三次“复制并应用”按钮，看一下对象的排列情况，保存一下文件；3.更改旋转中心一般旋转是绕着中心的，有时想改变对象的旋转中心点，就在选中对象后，选择“任意变形工具”，对象中心会有一个小圈，用箭头工具拖动小圈就可以改变中心的位置；四、学生实践拓展练习：绘制一朵花，再接着插入一个空白关键帧，选择椭圆工具，用黑白渐变色，在工作区中竖着画一个细长的椭圆，这是一个花瓣，用箭头工具选择椭圆的外边框（当鼠标后面拖一条弧线时单击选择），按Delete键删除边框，选中椭圆，按Ctrl+G键将图形群组一下，选择“任意变形工具”，将椭圆的中心点拖到椭圆下边的再下面大约2毫米（中心点已经在椭圆外面了），打开“变形”面板，在“旋转”中输入36（每次转36度），连续单击“复制并应用转换”按钮，最终得到一朵花，用保存命令保存一下文件；在“修改”菜单中还有两个常用的“水平翻转”和“垂直翻转”，再插入一个空白关键帧，输入“千军万马”，再复制一个，分别试一下这两个命令，看一下它的效果（在动画上单击右键，单击“播放”去掉对勾即可停止）。五、教学反思第课时关键帧动画1教学目标：学会制作简单的动画，在制作的过程中认识关键帧数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是动画动画是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化。帧：是构成Flash作品的基本单位，帧中装载着Flash作品的播放内容（图形、音频、嵌入对象等）。在时间线控制窗口中，每一帧都由一个小矩形方格表示。关键帧：Flah中可以添加对象的帧（图中用小黑点表示），可以在关键帧间创建变形和运动动画。在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧，当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体则用一幅幅相同的图片来表示，在电脑中只要告诉Flash动画的变化前第一帧和变化后最后一帧的图片，中间的过渡电脑会自动生成，大大减轻了我们创作动画的负担，使得动画创作由传统的手工制作，转变为电脑合成，从而为动画制作开创一个新的天地。二、实例分解讲解实例1黄昏灯影〖实例说明〗夜幕降临时，楼宇窗户的灯光一个个都亮了起来。〖技术要点〗练习“直线工具”和“填充工具”的设置和使用；学会如何创建图形类“元件”，体会“帧”在FlashMX2004中的实际意义。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为550px×400px，影片背景为深蓝色，影片的播放速率设置为3fps。单击“确定”按钮。（2）选择“直线工具”，在舞台上拖画出楼宇轮廓。（保证各条直线端点很好地连接并形成闭合路径，为以后的添充工作做准备。（3）选择工具箱中“颜料桶工具”，把颜色设置为黑色，移动鼠标在所画闭合路径区域内填充颜色。（4）选择“矩形工具”，填充色为黄，在舞台上画一个小正方形，去掉4条边线，选中正方形，按F8键，转换成名为“正方”的“图形”元件，如图所示，按此方法，再做一个名为“长方”的元件,图2.1所示.图2.1元件属性设置面板（5）按“Ctrl+L”打开“库”窗口，用鼠标选中第2帧，按F6键插入关键帧，从“库”中依次把2个元件的实体拖入舞台，将其作为楼宇的窗口，依次类推，第3至第15帧中每一帧都按F6插入关键帧，并增添小窗口数目。如图2.2所示.第2帧中的内容第5帧的内容第10帧中的内容第15帧中的内容图2.2第2、5、10、15帧中的内容（6）最终完成后的时间轴状态，如图2.3所示。按【Ctrl+Enter】预览效果。图2.3“黄昏灯影”完成后的时间轴状态三、学生练习：模仿制作黄昏灯影四、教学反思：第课时关键帧动画2教学目标：学会制作简单的动画，在制作的过程中认识关键帧数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是图层图层：Flash中可以用多个图层来组合成一个动画，在播放时，画面上某一时刻显示的图像，由所有图层在播放指针所在位置的帧共同组合完成。双击图层名处可以给图层重命名二、实例分解讲解实例2小人跳舞〖实例说明〗一个小人在霓虹闪烁的灯下跳舞。〖技术要点〗练习各种绘图工具的使用，体会“帧”在flashmx2004中的实际意义。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为550px×400px，影片的播放速率设置为6fps，其它默认，单击“确定”按钮。（2）选择“矩形工具”，填充色为草绿色，单击颜色设置按钮，将描绘颜色设置无色。在舞台上画一个与舞台大小相同的方形，作为变色灯光背景。在第2至14帧依次按F6插入关键帧，然后单击每一帧用填充颜色工具，分别修改其中方形颜色。（3）新建一个层，选择椭圆工具，设置蓝色边线、无填充色,属性面板中设置宽度为“5”的实线。（4）在舞台上拖出一个椭圆,如图2.4所示.用旋转按钮转到适当角度,作为小人的头部,如图2.5。选择铅笔工具，同样在属性面板中设置宽度为“5”图2.4画出的椭圆图2.5旋转椭圆图2.6画出的小人（5）从第2帧到第14帧,依次按F6键插入关键帧,用第4步的方法分别在各帧中画出不同动作的小人如图2.7所示.图2.7第2-14帧不同动作的小人最终完成后的时间轴状态，如图2.8所示。按【Ctrl+Enter】预览效果。图2.8“小人跳舞”完成后的时间轴状态三、学生练习体验图层的使用四、教学反思第课时关键帧动画3教学目标：学会制作简单的动画，在制作的过程中认识关键帧数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是图层图层：Flash中可以用多个图层来组合成一个动画，在播放时，画面上某一时刻显示的图像，由所有图层在播放指针所在位置的帧共同组合完成。双击图层名处可以给图层重命名二、实例分解讲解〖实例说明〗黑夜的森林中走来一只猛狮，狮子边走边寻找食物。〖技术要点〗导入文件、连续选择多个符号、分散到层功能，以及关键帧动画的制作技巧。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为350px×200px，影片背景为黑色，影片的播放速率设置为12fps。单击“确定”按钮。（2）从菜单中选择File＞Import命令，打开导入文件对话框，连续导入14幅图像。按Del＋L键，打开库面板。导入文件将自动命名为symbol1、symbol2、symbol3、symbol4、symbol5、

Symbol6、Symbol7、Symbol8、Symbol9、Symboll0、symboll1、

symbol12、symbol13、Symboll4，如图2.9所示。图2.9图库窗口（3）首先，选择元件symbol1，然后按住shift键，再选择元件symbo114，这时将连续选中所有的元件。最后将所有的元件拖入主编辑场景。（4）从“更改”菜单中选择Distributetolayers命令，将所有的元件分散到单独的层中。层有名称将是该层所包含元件的名称。（5）使用拖曳的方法移动帧，使层symbol1中元件占据第1帧，层symbol2中元件占据第2帧，层symbol3中元件占据第3帧，以此类推，直到层Symboll4结束。（6）在层Layer1第15帧插入空白关键帧，按F9键打开Ations面板输入语句“GotoAndplay（1）；”完成后的时间轴如图2.10所示。图2.10“行走的猛兽”完成后的时间轴状态（7）【Ctrl+Enter】快捷键预览影片效果。三、学生练习体验图层的使用四、教学反思第课时形变动画1教学目标：学会制作简单的形变动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解〖实例说明〗圆形和方形之间交互变形〖技术要点〗学习形状渐变的设置过程，掌握变形线索的放置方法；进一步了解绘图工具的使用技巧。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为500px×400px，影片背景为白色，单击“确定”按钮。（2）用椭圆工具画一个圆，填充色为绿色，这时是在图层1的第一帧画的，并且这一帧已被自动设成关键帧，标志：帧上有了一个黑点，如图3.1所示.图3.1画出的椭圆形（3）在第10帧，按F7插入一个空白关键帧。在舞台上用矩形工具画一个方形，10帧处也有一个黑点,如图3.2所示,这样就把动画的起始帧和结束帧做好了，中间过程就要交给flash处理了。图3.2画出的方形（4）返回到第1帧,在帧属性面板里，在“补间”下拉列表中选“形状”，如图3.3所示做好后的时间轴会变为淡绿色，并且在2个关键帧之间会有一个黑色箭头出现，同样方法在11-20帧制作方形变圆的过程，完成后的时间轴如图3.4所示。图3.3设置帧属性为“形状补间”图3.4“几何变形”完成后的时间轴状态（5）【Ctrl+Enter】快捷键预览影片效果。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时形变动画2教学目标：学会制作简单的形变动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解〖实例说明〗一串串气泡由小到大，由下至上运动直至消失。〖技术要点〗在形状渐变中，利用前后关键帧中的内容相对位置的不同，产生运动效果。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为600px×500px，影片背景为白色，单击“确定”按钮。（2）【Ctrl+F8】弹出“元件属性”对话框，命名为bladder，类型为“影片剪辑”如图3.5所示，单击“确定”进入电影剪辑编辑状态。图3.5设置元件属性为“影片剪辑”（3）选择“椭圆工具”，填充色设为“圆行渐增”，填充类型为“斜射线”，这里将渐变色设为灰白渐变。画一个圆形，用鼠标拖到编辑区的下方。（4）选中时间轴上第30帧，插入关键帧，第1帧内容会自动添加到该帧中，将图形选中拖到编辑区上方，返回到第1帧，用绘图工具条中的缩放工具把图形尽量缩小。（5）把1—30帧设置为“形状渐变”，单击时间轴上的图层栏，这时时间轴各帧为黑色，说明全被选中，在第1帧右击鼠标，选“复制”，新建一层，选中第5帧选“粘贴”完成第2个气泡的制作。再如法炮制几层，形成一串气泡上升的效果，完成后的时间轴上各帧的布置情况如图3.6所示。图3.6时间轴上各层帧的分布情况（6）单击场景1，回到主场景，选择“矩形工具”，填充色为蓝色和绿色相间的线性渐增，在舞台上画一个与画布大小相同的方形。（7）【Ctrl+L】打开图形库，将影片剪辑的实体拖入舞台树个，可任意放置，如图3.7所示.图3.7将图库的电影实体拖入到场景中（8）制作完成，【Ctrl+Enter】快捷键预览影片效果。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时形变动画3教学目标：学会制作简单的形变动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解〖实例说明〗英文字母F、L、A、S、H之间的字型和颜色，随时间变化相互平滑转换。〖技术要点〗通过字符的变形动画来认识形状渐变动画的作用。对于这类变形动画，只能用形状渐变来实现，掌握渐变过程中变形线索及状态提示点的设置和调整。〖制作步骤〗（1）启动Flash

MX2004，新建一个电影文件，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为100px×100px，影片背景为蓝色。（2）选择“文字工具”选择好字体、字号，并设定颜色为黄色，输入字母F，放大，如图3.8所示。按F8转换为图形元件。如法炮制字母L、A、S、H。图3.8字符F图3.9排列面板（3）选中F符号，在排列面板（图3.9所示）中依次单击、、图标将其与舞台中心对齐。（4）单击时间轴的第12帧，按F7插入空白帧，将字母L的元件拖入舞台，并与舞台中心对齐。用同样方法，分别在第24帧、36帧、48帧、60帧插入关键帧，并把相应的字母变成A、S、H、F的元件拖入。提示：把第1帧和第60帧都放上F的元件，目的是为了让变形能够产生循环。（5）因为要制作的是形状渐变动画，所以首先要把字符打散成形体。选择第1帧，按【Ctrl+B】键，把字母F打散。然后依次选择第12、24、36、48和60帧按【Ctrl+B】，把字母L、A、S、H和F分别打散。（6）在第1、12、24、36、48帧分别都设置成“形状补间”。完成后的时间轴状态如图3.10所示。图3.10“变幻的字符”完成后的时间轴状态（7）【Ctrl+Enter】快捷键预览影片效果。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时运动动画1教学目标：学会制作简单的运动动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、运动动画运动是动画制作中最常用的一种表现形式，如何通过运动动画把物体活灵活现地表现在舞台上，是学习运动动画的基本准则和根本目的。二、实例分解讲解〖实例说明〗一个小球从左到右运动，运动过程中小球渐隐于背景，随后从背景中渐出。〖技术要点〗理解移动渐变的意义，学会动作补间动画的创建。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为400px×100px，影片背景为蓝色，单击“确定”按钮。（2）【Ctrl+F8】创建一个“图形”元件，命名为“ball”，“确定”。进入图形元件编辑窗口，选择“椭圆工具”，填充色为红黑圆形渐增，画一个圆。（3）回到主场景，选择第1帧，【Ctrl+L】打开库，把元件实体拖入到舞台，如图4.1所示位置。图4.1（4）在第30帧，插入关键帧，把小球拖到另一端，选择第1帧，在帧属性里设置“动作补间”，如图4.2所示,我们看到第1帧到第30帧之间出现了一个实线箭头,且背景变成淡紫色,表示这两帧之间有一段动作补间动画。4.2完成动作补间动画的时间轴状态图4.3设置Alph（5）单击第15帧,插入关键帧,在帧属性里设置Alpha为50%,如图4.3所示。（6）【Ctrl+Enter】预览影片效果三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时运动动画2教学目标：学会制作简单的运动动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、运动动画运动是动画制作中最常用的一种表现形式，如何通过运动动画把物体活灵活现地表现在舞台上，是学习运动动画的基本准则和根本目的。二、实例分解讲解〖实例说明〗舞台上有两个小球，红球从上至下作自由落体垂直运动，当红球至最低点时，撞击绿色小球，绿色小球向远处滚动消失，而红色小球则侧向弹起。〖技术要点〗学会建立引导层和引导线及其应用；实现变速运动的方法。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为400px×300px，影片背景为蓝色，单击“确定”按钮。（2）【Ctrl+F8】，依次创建两个“图形”元件，分别命名为“ball1、ball2”进入图形元件编辑窗口，选择“椭圆工具”（3）回到主场景，【Ctrl+L】打开库，在第1帧把元件“ball1”的实体拖入到舞台的最上端，然后在第15帧插入一个关键帧，把小球从最上端拖到最下端，再选中第30帧插入一个关键帧，将小球实体拖到舞台外面左上角，如图4.4所示.图4.430帧红球的位置（4）分别单击第1帧和第15帧，在帧属性里设置“动作补间”，同时把第1帧的Ease参数值设为-100，把第15帧的Ease设为100。（5）新建一图层命名为“greenball”，在第15帧插入关键帧，把图库中“ball2”拖入舞台，如图4.5所示位置，在第30帧插入关键帧，把绿色小球移到画面右上角，选择“缩放工具”将图形调小，如图4.6所示.在第15帧设置“动作补间”图4.5ball2拖入的位置图4.6第30帧小球缩小后位置（6）选中红色小球所在层，单击时间轴下的引导层按钮，命名为“Guidelayer”，在该层用“铅笔工具”或“直线工具”画出一个V字行路径，再用“箭头工具”将左边的直线拖动，调成如图4.7样式，完成引导线的制作。图4.7引导线形状图4.8小球吸附在引导线上（7）在绘图工具条中，按下“吸附”按钮，分别拖动Redball层的第1帧、第15帧、第30帧中的小球实体，使其按图4.8所示位置布置,并且中心与引导线吸附。（8）完成后的时间轴状态如图4.9所示,按【Ctrl+Enter】预览影片效果。图4.9“按轨迹运动的球”完成后的时间轴状态提示：如果发现红色小球没有沿指定路线移动，表明关键帧中小球的位置没有处于路径的端点或者是小球的中心点没有吸附在引导线上，调整有问题部分的关键帧中红色小球的位置。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时运动动画3教学目标：学会制作简单的运动动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：一、运动动画运动是动画制作中最常用的一种表现形式，如何通过运动动画把物体活灵活现地表现在舞台上，是学习运动动画的基本准则和根本目的。二、实例分解讲解〖实例说明〗力的作用下，一个来回旋转的酒瓶。〖技术要点〗了解旋转动画的运动符号并不发生位置、尺寸上的变化而只发生角度的变化的意义。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为100px×300px，如图4.10所示。画面可以根据对象的大小进行设置，单击OK按钮返回舞台。（2）选择Insert→NewSymbol命令，转换成图形元件，在弹出的CreateNewSymbol对话框的Name文本框中输入符号的名称“酒瓶”，将该元件的属性设置为Graphic，并单击OK按钮，如图4.11所示。这时舞台为符号“酒瓶”的舞台。

图4.10

设定舞台的大小

图4.11

设定元件的属性（3）选择File→Import命令，导入一幅酒瓶的图片。在舞台中的“+”标记是符号的中心，要想使该球体围绕圆心转动，必须使该酒瓶中心的“+”号与符号绘制舞台的“+”符号重合，如图4.12所示。图4.12导入的酒瓶图片具体位置4.13

拖动“酒瓶”符号到舞台中央（4）回到主场景1,选择Window→Library命令，在弹出的Library面板中将“酒瓶”元件拖放到场景1的舞台中央，如图4.13所示。（5）在时间轴上第40帧,F6插入一个关键帧。在第1帧单击鼠标，选择Properties属性面板，在Tween下拉列表中选择Motion选项，在Rotate下拉列表中选择CW(顺时针转动)，将Times(转动次数)设置为3，如图4.14所示。图4.14

设定帧属性（6）动画完成,用户可选择Control→TestMovie命令或按【Ctrl+Enter】测试该动画，可以看到酒瓶将在用户指定的40帧中顺时针转动3周。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时遮罩动画1教学目标：学会制作简单的遮罩动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：遮罩是高级动画制作的必备技术，也是FLASH软件的重点技术。通过遮罩配合前面的动画制作技术，能制作出出神入化的动画作品。〖实例说明〗一个类似于打字机在屏幕上依次打出一行文字的动画效果。〖技术要点〗学习变形动画在遮罩中的应用技巧;对比运动与变形的本质区别。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为550px×400px，背景色为天蓝色，影片的播放速率设置为6fps，其它默认，单击确定按钮返回舞台。（2）单击文字工具，选黑体、49号、黄色字，在场景中输入文字“欢迎你的到来！”，如图5.1所示。在第15帧按F5键插入相同帧。图5.1第1层第1帧置入文字（3）为了实现文字的逐一出现，需要画一个会延伸的矩形用作遮罩，新建一图层2，用作遮罩层，在该层用矩形工具绘制一个黄颜色的矩形，其宽度刚好是一个文字的宽度，高度略高于一个文字的高度即可，如图5.2所示。图5.2第2层第1帧的方块位置（4）在矩形图层2的第15帧按F6插入关键帧，选这一帧上的矩形，用绘图工具条中的“缩放工具”拖动右面中间的手柄把矩形横向放大，使矩形刚刚好盖住全部文字，如图5.3所示。图5.3第2层第15帧的方块位置及形状（5）返回这一层的第1帧，在帧属性面板设置“形状补间”。（6）在时间轴窗口第2图层上单击右键，在弹出的菜单中选“遮蔽（Mask）命令，把这一层变为遮罩层。完成动画，这时的时间轴状态如图5.4所示。按【Ctrl+Enter】测试动画。图5.4“打字机效果”完成后的时间轴状态三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时遮罩动画2教学目标：学会制作简单的遮罩动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：遮罩是高级动画制作的必备技术，也是FLASH软件的重点技术。通过遮罩配合前面的动画制作技术，能制作出出神入化的动画作品。〖实例说明〗在文字区域里面，有类似电影播放的运动画面。〖技术要点〗学会用一个图层来遮蔽多个图层的方法。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为300px×150px，背景色为蓝色，其它默认，单击确定按钮返回舞台。（2）【Ctrl+R】调出“导入”对话框，选择预导入的图形所在的盘符和目录的位置，选择图象文件名，单击“打开”按钮。将一张画有树图案的400px×150px的GIF格式的图象导入到舞台中，如图5.5所示。图5.5导入的GIF图象样式（3）选中图象，按F8键将该图象设置为“图形”元件，命名为“图案1”。按【Ctrl+F8】键，再新建一个“图形”类元件，命名为“图案2”。按【Ctrl+L】键打开图库，把“图案1”的元件拖入到编辑区中，然后在复制一个图片，选中该图片在“修改”菜单中“转换”下的“水平翻转”命令，将复制的元件实体水平翻转，如图5.6所示.图5.6“图案2”（4）回到主场景,选择“文字工具”，在字符面板中选好字体、字号后，在舞台输入“绿色家园”4个字。用“缩放工具”调整文字大小与舞台相同，如图5.7所示.选中第30帧,按F5插入相同帧.图5.7“文字”层中输入的文字内容（5）新建一层，命名为“图1”，并将该新建层拖到“文字”层下面。按【Ctrl+L】键打开图库，将“图案1”拖到舞台中，调整其位置，如图5.8所示,第30帧插入关键帧，再将图形调整到如图5.9所示,再选中第一帧,设置“动作补间图5.8“图1”层中第1帧中“图案”图5.9“图1”层中第30帧中“图案”（6）在“文字”层和“图1”层之间，新建一层，命名为“图2”，选中该层的第19帧按F6插入关键帧，将“图库2”元件实体拖入舞台，调整其到“图1”层中第13帧里所显示的图形右侧边缘对齐的位置，如图5.10。在第30帧插关键帧，然后再将图形调整到如图5.11所示，再选中第13帧，设置“动作补间”。图5.10“图2”层中第13帧中“图案2图5.11“图2”层中第30帧中“图案2（7）鼠标移到时间轴的图层栏中，右击“文字”层，在弹出的菜单中选择“遮蔽”命令，这时“图2”层就变成了被遮蔽层。再右击“图1”层，在弹出的菜单中选“属性”命令，调出“图层属性”对话框，如图5.12所示,选“（Masked）已遮蔽”，确定。图5.12“图层属性”对话框（8）【Ctrl+Enter】测试该动画。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时遮罩动画3教学目标：学会制作简单的遮罩动画数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：遮罩是高级动画制作的必备技术，也是FLASH软件的重点技术。通过遮罩配合前面的动画制作技术，能制作出出神入化的动画作品。〖实例说明〗“嗖”一道白光迅速掠过一排文字。〖技术要点〗掌握遮罩的原理，熟练遮罩动画的制作，字体的二次打散。〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为550px×400px，背景色为黑色，其它默认，单击确定按钮返回舞台。（2）【Ctrl+F8】命令，新建一个图形元件，名称为“我要学做闪客”。单击工具箱中的【文字工具】，在场景中输入“我要学做闪客”六个字，在属性面板中，设置文字参数如图5.13所示。图5.13“我要学做闪客”文字（3）【Ctrl+B】把字体打散，再选择“颜料桶工具”，把字体中心填充成红色。各个步骤的文字效果如图5.14所示。

图5.14文字效果（4）【Ctrl+F8】新建一个图形元件，名称为“辉光”。执行“窗口”中“设计面板”命令，打开“混色器”面板，设置“填充样式”为线性，将三个色标全部设置为白色，第一和第三个的“Alpha”值为零，中间的为74%，设置完后，在场景中画一个无边矩形，大小为40×230，如图5-15所示。图5-15“混色器”面板和图形（5）单击时间轴右上角的“场景1”按钮，切换到主场景。将“图层1”重新命名为“底层文字”。从库里把“我要学做闪客”的元件拖到场景中，在第60帧处添加普通帧，这一层起显示文字的作用。（6）新建一个“辉光”图层，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。选择工具栏上的“任意变形工具”，单击“选项”中的“旋转与倾斜”按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光”元件实例产生一定的倾斜度。在第30、60帧处添加关键帧，在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第1帧和第30帧处建立动作补间动画，如图5-16所示。图5-16“辉光”元件在场景中的位置（7）新建一个“遮罩层”图层，复制“底层文字”层的第一帧中的元件实例，选择“遮罩层”的第1帧，执行“编辑”|“粘贴到当前位置”命令，用鼠标右键单击“遮罩层”，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。（8）【Ctrl+Enter】测试该动画。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时按钮1教学目标：学会制作简单的按钮数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：按钮是网页中的基本元素，通过本章的练习，你会掌握各种常用按钮的制作技术。〖实例说明〗一个点动开关。〖技术要点〗熟练图形编辑技巧，了解一般按钮的制作过程，理解按钮编辑器的时间轴上4个帧各自的意义和作用。〖制作步骤〗（1）新建一个文件，单击“插入”菜单中的“新建元件”命令。打开如图6.1所示的对话框。输入元件名称，并将其行为指定为按钮，再单击“确定”按钮。图6.1元件属性对话框（2）此时，FlashMX会自动在按钮的【弹起】帧上插入一个空白帧。在绘图工具栏中选择椭圆工具，单击填充色按钮，选择一种填充色，如图6.2所示。图6.3图6.2（3）绘制一个带填充色的圆形。如图6.3所示。（4）在“指针经过”帧上单击鼠标右键，从弹出的快捷菜单中选择【插入关键帧】命令。单击绘图工具栏中的颜料桶按钮，单击填充色按钮，选择红色填充色。（5）同样，在【按下】帧上插入一个关键帧，然后用如图6.4所示的蓝色填充按钮。图6.4填充面板图6.5“弹起”帧内容（6）单击“新建图层”按钮，添加一个新层，单击“弹起”帧，选择绘图工具栏中的文本工具按钮，然后输入文字：“单击”。如图6.5所示。（7）在“指针经过”帧按F6键，插入一个关键帧，将前面的“单击”文字改为“指针经过”。如图6.6所示。图6.6“指针经过”帧内容（8）在“按下”帧按F6键，插入一个关键帧，将文字“指针经过”改为“按下”。如图6.7所示。图6.7“按下”帧内容（9）单击“场景1”（10）单击“控制”菜单中的【启用简单按钮】命令。将鼠标指针移到按钮上，即可看到按钮会发生变化。（11）【Ctrl+Enter】测试该动画。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时按钮2教学目标：学会制作简单的按钮数字化资源：flashmx2004软件教学环境：宽带网络教室，投影仪，软件工具具备教学对象：高二学生教学过程：按钮是网页中的基本元素，通过本章的练习，你会掌握各种常用按钮的制作技术。〖实例说明〗本例制作的也是一个动画按钮，但和上例有所不同，是个画面会动的按钮。〖技术要点〗让按钮动画起来，只要在Button中再插入一个MovieClip就行了〖制作步骤〗（1）启动Flash

MX2004，在属性面板中选择【size】按钮，打开文件属性对话框，将影片的尺寸设置为400px×200px，背景色为黑色，其它默认，单击确定按钮返回舞台。（2）同上个例子一样，单击“插入”菜单中的“新建元件”命令。打开“创建新元件”对话框，输入元件名称“button”，并将其行为指定为按钮。这样我们就新建了一个按钮元件，同时,窗口切换到