2022年高二flash教案 .pdf

学习好资料欢迎下载信息技术课教案FLASH 专题教学中宁一中王琴第课时 Flash基础精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 1 页，共 46 页学习好资料欢迎下载教学目标 : 认识 flash 2004的操作界面及其中的工具数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、启动Flash 在桌面找一个红色图标双击即可启动，也可以单击“开始”“程序”，在程序菜单中找到 Flash 或者 Macromedia 菜单选择Flash 项；启动 Flash 后会出现一个窗口，这是默认的开始页，供我们选择，找到中间一栏的“创建新项目”中的“Flash 文档”，单击选中它，进入到新建窗口当中，然后单击菜单栏中的“编辑”“首选参数”单击下边的“启动时”里的“新建文档”，这样每次直接进入新建页；二、认识flash mx 2004的操作界面我们来看一下新建窗口，动画制作就在这个窗口中，下面我们来看一下：1、标题栏窗口的最上面是蓝色的标题栏，当前影片自动给了一个名称 未命名 -1 ，在“保存”文件时要改为一个有意义的文件名称；精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 2 页，共 46 页学习好资料欢迎下载2、菜单栏标题栏下面是菜单栏，菜单是一组命令，我们操作计算机，就是向计算机提供指令，其中“文件”菜单，要求记住“保存”、“导入”命令，都跟文件操作有关；“插入”菜单中要记住“新建元件”命令，“修改”菜单的“组合”和“转换为元件”两个命令，“窗口”菜单中放着各种面板，要求记住“属性”面板；3、工具栏菜单栏下面是工具栏，工具栏中放的是最常用的菜单命令，而且是用图标来表示的，便于形象记忆，不过一般都隐藏起来了；4、编辑栏再下面是编辑栏，有文档的标题，左边显示当前的场景1，右边还有两个按钮，一个是场景按钮，一个是组件按钮，旁边是显示比例；5、工作区工具栏下面就是工作区了，在工作区的左边是工具箱，里面有许多的绘图和修改工具，跟 Windows中的画图差不多，要求记住黑“箭头”工具，它是用于选择图形的，里面还有两个瓶子，要区分开， 左边的“墨水瓶”工具是用来给铅笔和直线喷颜色，右边的“油漆桶”工具用来给圆和框内部填充颜色（必须要封闭），也给刷子喷色，使用时一定要多注意，不要搞反了，工具下边还有放大镜和手形双击手可以自动调整工作区；许多工具下边都有选项，可以完成不同的功能，比如颜色选项里有的给线条涂色的边框色，有的给内部里面喷色的填充色； 在工具箱旁边是时间轴面板分成了两块，左边是图层面板， 自动有一个黑色的“图层1”，黑色上面有三个按钮：一个眼睛一个小锁和一个方框，图层面板用来控制图层的添加、删除、 选中等操作，单击时间轴面板的标题栏可以折叠；精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 3 页，共 46 页学习好资料欢迎下载右边是时间轴，上面有许多的小格子，每个格子代表一帧，整数的帧上有数字序号，而且颜色也深一些，一帧可以放一幅图片，动画就是由许许多多帧组成的，帧上面有一个红色的线，这是时间指针，表示当前的帧位置，同时下面的时间轴状态栏也有一个数字表示第几帧；工作区的中央空白是场景，所有的画图和操作都在这个白色的区域中实现，也只有这个区域的图像才能在动画中播放出来；窗口的最下方是常用面板，单击可以展开和折叠，在上边的白色下拉按钮上单击一下可以折叠所有面板；在窗口右边还有一块“项目”区域，可以显示一些复杂的应用，暂时可以关闭， 以便腾出一些空间来，关闭的方法是，按F4 键关闭所有面板，再按Ctrl F2 调出工具箱；三、专题练习1、看一看下面的图形，说出Flash 窗口的各个组成部分和它们的用途：2、在编辑区内使用不同的工具做图，并试着改变图形的大小与颜色。四、教学反思精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页，共 46 页学习好资料欢迎下载第课时移动和旋转工具的使用教学目标：通过认识和使用“移动和旋转”工具，学会简单动画的设计，并在制作的过程中熟练基本操作数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、基本操作练习熟悉一下基本操作：F4 可以隐藏面板，Ctrl F2 可以显示工具箱，鼠标左键用于选择（单击），打开（双击）；右键用于命令菜单，鼠标在空白地方敲一下可以取消错误的操作；注意：动画包括移动、变形和旋转等几种，至少需要两个关键帧才能表现；二、通过实例讲解，学会“移动和旋转”工具的使用实例讲解：现在来练习制作一个简单的动画效果如下，“您好”两个字从上面落下来，“欢迎”从左边跑右边，再回来转圈；具体操作步骤：1、修改场景：1）启动 Flash ，将任务栏上的多余窗口关闭，留下Flash 和教程两个窗口最大化，每次在任务栏上切换（也可以让它们并排显示，Flash 的窗口要大一些，在标题栏上单击鼠标左键，切换两个窗口），Flash默认新建一个未命名-1 ，2）选择“修改”菜单“文档”，在弹出的对话框中的“背景颜色”选项上点一下颜色按钮，将背景色改成黑色，将“帧频”设为6，单击“确定”按钮，看一下变化；注意：强调介绍“文档属性”对话框精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 5 页，共 46 页学习好资料欢迎下载2、创建元件：1）选择“插入”菜单中的“新建元件”命令，弹出一个对话框；2）在“名称”选项中输入“您好”，在下面选择“图形”，检查正确后单击“确定”按钮，此时在编辑栏上出现一个标题为“您好”图标为红绿蓝方块 的按钮，现在是创建一个图形元件；3）输入文字：在工具箱中选择文本工具“A”，在工作区中央十字架附近点一下 鼠标左键（不能拖），工作区中出现一个闪动光标的小文本框 ，再单击工作区下边的属性标题，调出属性面板，在中间一栏中选择字体为楷体 -GB2312，尺寸为36，颜色为红色，检查无误后输入“您好”（如果 文本框没了再点一下），用 箭头 工具将文字拖到十字架的中心，这样第一个下落的元件就制做好了，单击编辑栏里的“场景 1”按钮回到场景中；4）同样再单击“插入”菜单选择“新建元件”，名称改为“欢迎”，选择“图形”，单击“确定”后，用“文本”工具，在工作区中央输入“欢迎进入Flash 世界”，用箭头工具将文字放在十字架的中央( 在“入”和“ F”之间），用键盘方向键仔细地移动到中央；5） 单击工作区左上方“欢迎 ”按钮旁边的“场景 1”按钮， 回到主场景工作区， 单击“文件”菜单中的“ 保存 ”命令，在弹出的对话框中的“保存在”中单击鼠标，找到自己的 文件夹（例如：在自己的文件夹中创建一个“ My Flash ”文件夹，保存到里头），用“欢迎 ”为文件名，保存文件到自己的 文件夹中；3、制作下落动画：1）绘制图形：单击“窗口”菜单选择“库”命令，我们刚才做的元件都在图库中，选中“您好”，用箭头工具把它拖到工作区里，再把它移到工作区外面 的正上方，文字这时在黑色上面的灰色里；2）插关键帧：在时间轴的第10 帧上，单击鼠标右键 ，选择“ 插入关键帧 ”命令（ 关键帧 是动画的起精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 6 页，共 46 页学习好资料欢迎下载点或者终点），用“箭头 ”工具，将第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，让动画精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 7 页，共 46 页学习好资料欢迎下载旋转一圈， 折叠 面板，单击“文件”菜单中的“保存”命令，保存 一下文件，这样我们就创建好了一个旋转动画，同样将图层1 加长 到 25 帧；课程拓展： 我们现在已经完成了动画的制作，按 Ctrl 回车键测试一下动画的效果，是不是很有特色？欣赏完按Ctrl W关闭返回，将“图层1”改为“您好”，“图层2”改为“欢迎”，保存 一下，再测试一下。三、学生操作练习：制作飞舞的文字，使用“移动和旋转“工具。四、教学反思：第课时绘制对象教学目标：通过在flash中绘制需要的图象，学会使用“椭圆、矩形、线条、颜色”等工具的使用。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 8 页，共 46 页学习好资料欢迎下载数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、基本理论知识：Flash 中的图形一般都是矢量图形 ，每个对象都有自己的属性 ，例如直线有颜色，线型，粗细等属性，可以在相应的“属性 ”面板中修改；二、通过实践操作讲解，使学生们掌握“椭圆、矩形、线条、颜色”等工具的使用。1、试着创建简单的图形1）启动 Flash ，按 三步曲 ，做好准备，然后在工具箱中单击 选中直线工具，在工具选项中的边框色（铅笔旁边的颜料盒）选择直线的颜色为红色，在“窗口 ”菜单选择“属性”命令，在面板中选择粗细改为3，“ 实线 ”不变；2）然后将 鼠标移到工作区，当鼠标指针变成十字型 时，按住左键 拖动 到直线终点，松开左键，就可以创建出一条直线，按住Shift键，可以画出笔直的线条，试着画出两条直线来；3）再插入 一个 空白关键帧 用直线工具绘出一个大的红色的“米”来, 用单击“文件”菜单中的“保存”命令以“图形对象 ”为文件名 保存文件 到自己的文件夹（在弹出的对话框中的“保存在”中单击鼠标找到自己的文件夹）；4）绘制矩形工具 的方法和绘制直线的方法类似，再插入一个空白关键帧 ，单击矩形工具，选择绿色边框色（旁边有个铅笔的颜料盒）和红色填充色（旁边有个油漆桶的颜料色），在“属性 ”面板中将边框线样式保持为实线，粗细设为2，在工作区中绘制一个矩形，再将 边框线样式设为虚线 ，粗细设为 5，绘制一个矩形，如果 选中工具后属性面板没有 显示，就用鼠标在工作区中单击 一下，激活工具属性，用“ 保存 ”命令保存一下文件；5）使用同样的 方法，在 下一帧 插入一个 空白关键帧 ，用椭圆工具在工作区中绘制一个黄边椭圆和正圆（绘制正圆要按住Shift键 ），用“ 保存 ”命令保存一下文件；2、怎样绘制 普通的曲线呢？使用铅笔工具，在下面的选项面板中单击按钮选择一种铅笔模式就可以随意绘画了，6）在 第四帧 插入一个空白关键帧，用铅笔工具下面的选项中的三种模式 （“直线化”、“平滑”、“墨水瓶”），分别在工作区中用铅笔工具写出绿色 、实线、粗细为1 的“ 美丽的校园 ”。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 9 页，共 46 页学习好资料欢迎下载比一下它们的不同之处，用“保存 ”命令保存一下文件，测试一下动画效果（在下面的动画上单击右键，将“ 播放 ”的勾去掉就可以停止动画）；三、拓展练习：使用“椭圆、矩形”工具在文档中绘制图形进行练习四、教学反思第课时缩放对象教学目标：通过实例讲解让学生学会如何使用Flash 工具缩放、旋转和倾斜对象；精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 10 页，共 46 页学习好资料欢迎下载数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、理论知识讲解：1在编辑图形 时，经常会调整图形的大小形状，方法是首先选中这个对象，然后选择“任意变形工具”，此时选中的对象周围会出现八个控制点 小黑块，控制点的方向拖动小块，即可缩放对象；2旋转操作 和缩放对象基本上差不多，鼠标移到四个角的控制点外面时，会出现一个弧线箭头，顺着箭头的方向拖动就可以旋转，旋转时要绕着中心拖动（中心也可以拖到一边去）；二、通过实例讲解，学会“缩放”工具的使用1. 在工作区中输入文字，选择文字工具，再在“窗口”菜单中单击选择“属性 ”，设定华文行楷、字号36 号、红色（如果没有属性，就先在工作区中点一下），输入“美丽 ”，用箭头工具选中，按住Ctrl键用箭头工具拖动对象，可以复制对象，我们一共复制8 个来；2. 其中 四个用任意变形工具，拖动控制点分别缩成瘦长形的、扁形的、放大的和缩小一倍的图形；3. 另外 四个用 旋转 的方向（在四个角控制点外面一点），分别旋转90 度、 180 度，以及倾斜（在边线上，变成双线时拖动）左、右45 度，4. 用“ 缩放对象 ”为文件名， 用“保存”命令保存文件 到自己的文件夹中,按 Ctrl 回车键（按住 Ctrl不松再敲一下回车键）测试影片，看一下效果，欣赏完按Ctrl W关闭返回；5. 精确的 变形要在面板中，输入数字来确定，方法是，选择一个对象，再使用“窗口”菜单中的“设计面板 ”里面的“变形”面板（Ctrl T），如下图所示：6. 看一下面板上的各个选项，两个双箭头表示横向和纵向的放大倍数 ， 默认 100%保持原样不放大，下面的旋转和倾斜选项，对应自由变换工具的两个操作，右下角有两个按钮，一个是“复制并应用转换”单击就可以按设定复制出 一个对象，另一个是“重置”按钮，可以让变形的对象恢复原样；精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 11 页，共 46 页学习好资料欢迎下载三、操作练习：1. 在时间轴上单击右键，插入空白关键帧，选择文本工具，在工作区中写上红色 24 号“千山万水”，选择箭头工具， 按住 Ctrl键拖一个放在旁边备用，选中第一个文字对象，打开“变形”面板，在“旋转”中输入度数90 后按 回车键 确定，看一下效果; 2. 再选中第二个文字对象，在“旋转”中输入90 后单击“ 复制并应用转换”按钮，比一下跟回车的不同效果，再单击一下“重置 ”复位按钮恢复原状，再输入45 连续单击三次“复制并应用”按钮，看一下对象的排列情况，保存 一下文件；3. 更改旋转中心一般旋转是绕着中心的，有时想改变对象的旋转中心 点， 就在选中对象后， 选择“任意变形工具”，对象中心会有一个小圈 ，用箭头工具拖动小圈就可以改变中心的位置；四、学生实践拓展练习：绘制一朵花，再接着插入一个空白关键帧，选择椭圆工具，用黑白渐变色，在工作区中竖着 画一个细长的椭圆， 这是一个花瓣， 用箭头工具选择椭圆的外边框（当鼠标后面拖一条弧线时单击选择）， 按 Delete键删除边框，选中椭圆，按Ctrl+G 键将图形群组一下，选择“任意变形工具”，将椭圆的中心点拖到椭圆下边的再下面大约2 毫米（中心点已经在椭圆外面 了），打开“变形”面板，在“旋转”中输入36（每次转36 度），连续单击“复制并应用转换”按钮，最终得到一朵花，用保存 命令保存一下文件；在“修改” 菜单中还有两个常用的“水平 翻转”和“ 垂直 翻转”，再插入一个空白 关键帧，输入“千军万马”，再 复制 一个，分别试一下这两个命令，看一下它的效果（在动画上单击右键，单击“播放 ”去掉对勾即可停止）。五、教学反思第课时关键帧动画1 教学目标：学会制作简单的动画，在制作的过程中认识关键帧精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 12 页，共 46 页学习好资料欢迎下载数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是动画动画是指物体在一定的时间内发生的变化过程，包括动作、位置、颜色、形状、角度等等的变化。帧：是构成Flash 作品的基本单位，帧中装载着Flash 作品的播放内容（图形、音频、嵌入对象等）。在时间线控制窗口中，每一帧都由一个小矩形方格表示。关键帧： Flah 中可以添加对象的帧（图中用小黑点表示），可以在关键帧间创建变形和运动动画。在电脑中用一幅幅的图片来表现这一段时间内物体的变化，每一幅图片称为一帧，当这些图片以一定的速度连续播放时，就会给人以动画的感觉，而静止的物体则用一幅幅相同的图片来表示，在电脑中只要告诉 Flash 动画的变化前第一帧和变化后最后一帧的图片，中间的过渡电脑会自动生成，大大减轻了我们创作动画的负担，使得动画创作由传统的手工制作，转变为电脑合成， 从而为动画制作开创一个新的天地。二、实例分解讲解实例 1 黄昏灯影实例说明夜幕降临时，楼宇窗户的灯光一个个都亮了起来。技术要点练习“直线工具”和“填充工具”的设置和使用；学会如何创建图形类“元件”，体会“帧”在Flash MX 2004 中的实际意义。制作步骤（ 1）启动 Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 550px400px ，影片背景为深蓝色，影片的播放速率设置为3 fps 。单击“确定”按钮。（2）选择“直线工具”，在舞台上拖画出楼宇轮廓。（保证各条直线端点很好地连接并形成闭合路径，为以后的添充工作做准备。（3）选择工具箱中“颜料桶工具”，把颜色设置为黑色，移动鼠标在所画闭合路径区域内填充颜色。（4）选择“矩形工具”，填充色为黄，在舞台上画一个小正方形，去掉4 条边线，选中正方形，按F8键，转换成名为“正方”的“图形”元件，如图所示，按此方法，再做一个名为“长方”的元件, 图 2.1所示 . 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 13 页，共 46 页学习好资料欢迎下载图 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 “黄昏灯影”完成后的时间轴状态三、学生练习：模仿制作黄昏灯影四、教学反思：精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 14 页，共 46 页学习好资料欢迎下载第课时关键帧动画2 教学目标：学会制作简单的动画，在制作的过程中认识关键帧数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是图层图层： Flash 中可以用多个图层来组合成一个动画，在播放时，画面上某一时刻显示的图像，由所有图层在播放指针所在位置的帧共同组合完成。双击图层名处可以给图层重命名二、实例分解讲解实例 2 小人跳舞实例说明一个小人在霓虹闪烁的灯下跳舞。技术要点练习各种绘图工具的使用，体会“帧”在flash mx 2004中的实际意义。制作步骤（ 1）启动 Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 550px400px ，影片的播放速率设置为6fps ，其它默认，单击“确定”按钮。（ 2）选择“矩形工具”，填充色为草绿色，单击颜色设置按钮，将描绘颜色设置无色。在舞台上画一个与舞台大小相同的方形，作为变色灯光背景。在第2 至 14 帧依次按F6插入关键帧，然后单击每一帧用填充颜色工具，分别修改其中方形颜色。（ 3）新建一个层，选择椭圆工具，设置蓝色边线、无填充色,属性面板中设置宽度为“5”的实线。（ 4）在舞台上拖出一个椭圆, 如图 2.4 所示 . 用旋转按钮转到适当角度, 作为小人的头部, 如图 2.5 。选择铅笔工具，同样在属性面板中设置宽度为“5”的实线，画出小人的身体和手脚，如图2.6 所示。图 2.4 画出的椭圆图 2.5 旋转椭圆图 2.6 画出的小人（5）从第 2 帧到第 14 帧, 依次按 F6 键插入关键帧, 用第 4 步的方法分别在各帧中画出不同动作的小人精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 15 页，共 46 页学习好资料欢迎下载如图 2.7 所示 . 图 2.7 第 2 - 14帧不同动作的小人（1）最终完成后的时间轴状态，如图 2.8所示。按【 Ctrl+Enter】预览效果。图 2.8 “小人跳舞”完成后的时间轴状态三、学生练习体验图层的使用四、教学反思第课时关键帧动画3 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 16 页，共 46 页学习好资料欢迎下载教学目标：学会制作简单的动画，在制作的过程中认识关键帧数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是图层图层： Flash 中可以用多个图层来组合成一个动画，在播放时，画面上某一时刻显示的图像，由所有图层在播放指针所在位置的帧共同组合完成。双击图层名处可以给图层重命名二、实例分解讲解实例说明黑夜的森林中走来一只猛狮，狮子边走边寻找食物。技术要点导入文件、连续选择多个符号、分散到层功能，以及关键帧动画的制作技巧。制作步骤（ 1）启动 Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 350px200px ，影片背景为黑色，影片的播放速率设置为12 fps 。单击“确定”按钮。（ 2）从菜单中选择File Import命令，打开导入文件对话框，连续导入14 幅图像。按DelL 键，打开库面板。导入文件将自动命名为 symbol 1、 symbol 2、 symbol 3、 symbol 4、 symbol 5、 Symbol 6、Symbol 7、Symbol 8、 Symbol 9、Symbol l0 、 symbol l1 、 symbol 12、symbol 13 、Symbol l4 ，如图 2.9 所示。图 2.9 图库窗口（3）首先，选择元件symbol 1 ，然后按住shift键，再选择元件 symbo114，这时将连续选中所有的元件。最后将所有的元件拖入主编辑场景。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 17 页，共 46 页学习好资料欢迎下载（ 4）从“更改”菜单中选择Distribute to layers 命令，将所有的元件分散到单独的层中。层有名称将是该层所包含元件的名称。（ 5）使用拖曳的方法移动帧，使层symbol 1 中元件占据第1帧，层 symbol 2 中元件占据第2 帧，层symbol 3 中元件占据第3 帧，以此类推，直到层Symbol l4 结束。（ 6）在层 Layer1 第 15 帧插入空白关键帧，按F9 键打开 Ations 面板输入语句“ GotoAndplay （1）；”完成后的时间轴如图2.10所示。图 2.10 “行走的猛兽”完成后的时间轴状态（7）【 Ctrl+Enter】快捷键预览影片效果。三、学生练习体验图层的使用四、教学反思精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 18 页，共 46 页学习好资料欢迎下载第课时形变动画1 教学目标：学会制作简单的形变动画数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解实例说明圆形和方形之间交互变形技术要点学习形状渐变的设置过程，掌握变形线索的放置方法；进一步了解绘图工具的使用技巧。制作步骤（1）启动Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 500px400px ，影片背景为白色，单击“确定”按钮。（2）用椭圆工具画一个圆，填充色为绿色，这时是在图层1 的第一帧画的，并且这一帧已被自动设成关键帧，标志：帧上有了一个黑点，如图3.1 所示 . 图 3.1 画出的椭圆形（3）在第 10 帧，按 F7 插入一个空白关键帧。在舞台上用矩形工具画一个方形，10 帧处也有一个黑点, 如图 3.2 所示 , 这样就把动画的起始帧和结束帧做好了，中间过程就要交给flash处理了。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 19 页，共 46 页学习好资料欢迎下载图 3.2 画出的方形（4）返回到第1 帧,在帧属性面板里，在“补间”下拉列表中选“形状”，如图 3.3 所示做好后的时间轴会变为淡绿色，并且在2 个 关键帧之间会有一个黑色箭头出现，同样方法在11-20 帧制作方形变圆的过程，完成后的时间轴如图3.4 所示。图 3.3 设置帧属性为“形状补间”图 3.4 “ 几何变形 ” 完成后的时间轴状态（5） 【Ctrl+Enter 】快捷键预览影片效果。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时形变动画2 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 20 页，共 46 页学习好资料欢迎下载教学目标：学会制作简单的形变动画数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解实例说明一串串气泡由小到大，由下至上运动直至消失。技术要点在形状渐变中，利用前后关键帧中的内容相对位置的不同，产生运动效果。制作步骤（1）启动Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 600px500px ，影片背景为白色，单击“确定”按钮。（2） 【 Ctrl+ F8】弹出“元件属性”对话框，命名为bladder ，类型为“影片剪辑”如图3.5 所示，单击“确定”进入电影剪辑编辑状态。图 3.5 设置元件属性为“影片剪辑”（3）选择“椭圆工具”，填充色设为“圆行渐增”，填充类型为“斜射线”，这里将渐变色设为灰白渐变。画一个圆形，用鼠标拖到编辑区的下方。（4）选中时间轴上第30 帧，插入关键帧，第1 帧内容会自动添加到该帧中，将图形选中拖到编辑区精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 21 页，共 46 页学习好资料欢迎下载上方，返回到第1 帧，用绘图工具条中的缩放工具把图形尽量缩小。（5）把 130 帧设置为“形状渐变” ，单击时间轴上的图层栏，这时时间轴各帧为黑色，说明全被选中，在第1 帧右击鼠标，选“复制”，新建一层，选中第5 帧选“粘贴”完成第 2 个气泡的制作。再如法炮制几层，形成一串气泡上升的效果，完成后的时间轴上各帧的布置情况如图3.6 所示。图 3.6 时间轴上各层帧的分布情况（ 6）单击场景1，回到主场景，选择“矩形工具”，填充色为蓝色和绿色相间的线性渐增，在舞台上画一个与画布大小相同的方形。（ 7） 【Ctrl+L 】打开图形库，将影片剪辑的实体拖入舞台树个，可任意放置，如图3.7 所示 . 图 3.7 将图库的电影实体拖入到场景中（8）制作完成， 【Ctrl+Enter】快捷键预览影片效果。三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时形变动画3 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 22 页，共 46 页学习好资料欢迎下载教学目标：学会制作简单的形变动画数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、什么是形变动画比如说将一个圆形变成一个矩形，它的形状发生了变化，因此叫形变动画。做变形动画过程是：先在起始帧确定好图形的初始状态，然后在末尾帧确定图形的终止状态，再在起始帧设置图形变形动画。二、实例分解讲解实例说明英文字母F、 L、A、S、H 之间的字型和颜色，随时间变化相互平滑转换。技术要点通过字符的变形动画来认识形状渐变动画的作用。对于这类变形动画，只能用形状渐变来实现，掌握渐变过程中变形线索及状态提示点的设置和调整。制作步骤（ 1）启动 Flash MX 2004，新建一个电影文件，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为100px 100px ，影片背景为蓝色。（ 2）选择“文字工具”选择好字体、字号，并设定颜色为黄色，输入字母F，放大，如图3.8 所示。按 F8 转换为图形元件。如法炮制字母L、A、S、H。图 3.8 字符 F 图 3.9 排列面板（ 3）选中 F符号，在排列面板（图3.9 所示）中依次单击、图标将其与舞台中心对齐。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 23 页，共 46 页学习好资料欢迎下载（ 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 教学目标：学会制作简单的运动动画精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 24 页，共 46 页学习好资料欢迎下载数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、运动动画运动是动画制作中最常用的一种表现形式，如何通过运动动画把物体活灵活现地表现在舞台上，是学习运动动画的基本准则和根本目的。二、实例分解讲解实例说明一个小球从左到右运动，运动过程中小球渐隐于背景，随后从背景中渐出。技术要点理解移动渐变的意义，学会动作补间动画的创建。制作步骤（ 1）启动 Flash MX 2004，在属性面板中选择【size 】按钮，打开文件属性对话框，将影片的尺寸设置为 400px100px ，影片背景为蓝色，单击“确定”按钮。（ 2）【 Ctrl+ F8】创建一个“图形”元件，命名为“ball ” ， “确定”。进入图形元件编辑窗口，选择“椭圆工具” ，填充色为红黑圆形渐增，画一个圆。（ 3）回到主场景，选择第1 帧， 【Ctrl+L 】打开库，把元件实体拖入到舞台，如图4.1 所示位置。图 4.1 （ 4）在第 30 帧，插入关键帧，把小球拖到另一端，选择第1 帧，在帧属性里设置“动作补间”，如图4.2 所示 , 我们看到第1 帧到第 30 帧之间出现了一个实线箭头, 且背景变成淡紫色, 表示这两帧之间有一段精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 25 页，共 46 页学习好资料欢迎下载动作补间动画。4.2 完成动作补间动画的时间轴状态图 4.3 设置 Alph （5）单击第 15 帧,插入关键帧 ,在帧属性里设置Alpha 为 50% ,如图 4.3 所示。（6） 【Ctrl+Enter】预览影片效果三、学生练习布置任务仿照老师讲解的实例制作动画四、教学反思第课时运动动画2 教学目标：学会制作简单的运动动画精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 26 页，共 46 页学习好资料欢迎下载数字化资源：flash mx 2004软件教学环境： 宽带网络教室，投影仪，软件工具具备教学对象： 高二学生教学过程：一、运动动画运动是动画制作中最常用的一种表现形式，如何通过运动动画把物体活灵活现地表现在舞台上，是学习运动动画的基本准则和根本目的。二、实例分解讲解实例说明舞台上有两个小球，红球从上至下作自由落