2022年初中flash教案 2.pdf

《2022年初中flash教案 2.pdf》由会员分享，可在线阅读，更多相关《2022年初中flash教案 2.pdf（35页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、学习好资料欢迎下载1.1 初识 Flash 教学重点 1 、了解 Flash 软件 2 、了解 Flash 的工作环境教学难点Flash 工具箱的使用教学目标1、初步了解 Flash ，并对 Flash 动画产生兴趣2、掌握 Flash 软件启动与退出的方法 3、熟悉 Flash 的工作环境 4、会正确使用 Flash 工具箱绘制简单的动画对象计划课时1 课时教学过程一、新课导入展示几个非常有趣的Flash 动画，激发学生兴趣同学们我们本学期要学习的就是Flash 动画， 刚才这几个有趣的动画就是通过 Flash 软件制作出来的，那么首先我们就一起先来熟悉一下Flash软件。二、新授 1、Fl

2、ash 软件简介 Flash是一款矢量动画制作软件，该软件的应用领域相当广泛，它与Macromedia公司的另外两个产品 Dreamweaver和 Fireworks并称为“ 网页设计三剑客 ” ，足见它在网络中的重要地位。目前，几乎所有网站上都可以看到 Flash 动画的身影。作为一种颇受欢迎的新兴行业，其技术发展一日千里，也给许多人带来了实际利益。目前，一个优秀的商业Flash 动画价格可达 300 元/秒，面对这样的前景， 成为一名优秀的 “ 闪客” 便成为许多人奋斗的目标。学会 Flash 动画的制作后，你可以在以下行业中发挥一技之长。广告业：手机广告、化妆品广告、房地产广告、汽车广告

3、动态网页制作：企业网站、学校网站、个人网站MTV 制作：为网上流行歌曲制作动画场景游戏开发：益智类游戏、战略类游戏导航条： Flash 的按钮功能非常强大，是制作菜单的首选小游戏：利用 Flash 开发“ 迷你” 小游戏，在国外一些大公司比较流行，他们把网络广告和网络游戏结合起来，让观众参与其中大大增强了广告效果产品展示： 由于 Flash 有强大的交互功能， 所以一些大公司， 如 Dell 、三星等，都喜欢利用它来展示产品。 可以通过方向键选择产品， 再控制观看产品的功能、外观等，互动的展示比传统的展示方式更胜一筹2、启动与退出 Flash 软件（1）启动精选学习资料 - - - - - -

4、 - - - 名师归纳总结 - - - - - - -第 1 页，共 35 页学习好资料欢迎下载开始菜单选择程序再选择“ Flash 8.0”，或者双击桌面上的快捷方式图标（2）退出选择【文件】【关闭】命令。按【Ctrl+W 】键。单击舞台右上方的 “ 关闭” 按钮。3、Flash 的工作环境（1）与其它软件相同的部分标题栏、菜单栏、工具栏（2）与其它软件不同的地方时间轴面板左侧：图层控制区右侧：帧控制区属性面板舞台库面板工具箱重点工具介绍：铅笔工具：勾画图形的轮廓线条工具：绘制不同角度的直线椭圆工具：绘制正圆和椭圆矩形工具：绘制正方形、矩形和圆角矩形文本工具：为 Flash 添加文字油漆桶工

5、具：设置对象的填充色 4、示范制作（小蜜蜂）（1）设置文档属性属性面板：大小400*300 背景色 蓝色（2）绘制小蜜蜂使用工具：圆形工具、选择工具、油漆桶工具曲线的绘制：直线工具 + 选择工具任意变形工具和放大镜工具三、学生练习（1）运用工具箱绘制书第二页图1.1 左边的熊猫图（2）文档大小： 500*350 （3）正确保存文件至自己的作业文件夹中四、小结Flash 动画中的对象都要使用工具箱进行绘制请同学们多联系多实践多总结精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 2 页，共 35 页学习好资料欢迎下载五、课后反思本节课引课部分效果非常好

6、， 通过几个 Flash 动画的欣赏极大的调动了学生的兴趣， 介绍 Flash 工具箱时与 photoshop的工具箱相联系相对比，让学生在第一次接触Flash 软件时有时曾相识的感觉，掌握起来很快，本节课的不足之处在学生练习时还应进一步的加强指导，告诉学生操作的要点和易范的错误， 在绘制大熊猫时要让学生多一些耐心，细致的去绘制大熊猫而不能匆匆了事或者比例不对称。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 3 页，共 35 页学习好资料欢迎下载1.2 逐帧动画教学重点1、逐帧动画概念2、对关键帧的理解教学难点逐帧动画制作过程教学目标1、了解 F

7、lash 中帧的类型清楚在什么情况下使用什么样的帧计划课时1 课时教学过程一、新课导入上节课大家制作了可爱的大熊猫，那么有没有同学能够告诉我大熊猫喜欢吃什么呢？【观看 Flash 动画】二、新授1、逐帧动画概念逐帧动画是指位于同一图层的多个连续关键帧组成的动画，制作者需要在动画的每一帧中创建不同的内容 2、逐帧动画的制作方法每个帧都定义为关键帧，然后给每个帧创建不同的图像3、Flash 中的动画类型分为以下两种：逐帧动画和补间动画4、Flash 中帧的类型 1、普通帧：【实例演示】（1）位置：往往跟在一个关键帧之后。（2）作用：起到延长关键帧的播放时间的效果。普通帧里的对象是静态的。（3）插入

8、方法：点击关键帧之后的帧， 在不松开左键的前提下，向后拉。这一步是想设置想插入普通帧的区域。松开左键，点击右键，在快捷菜单中点击 “ 插入帧 ” 。（4）讨论要想让一个画面保持一段时间而不是一闪即逝，就采用普通帧。 插入的普通帧越多， 在主时间轴上占用的时间越长，播放的时间也越长。 2 、关键帧：【实例演示】（1）插入方法：构思好要希望插入关键帧的位置，右键点击。在弹出的下拉菜单中点选“ 插入关键帧 ” 。（2）作用：关键帧是制作动画的基本元素。任何一段动画，都是在两个关键帧之间进行的。（3）应用：插入关键帧，目的就是创建动画。要想在两个关键帧之间创建动画， 可以在两个关键帧中间的任意一个帧上

9、，点击右键， 在弹出的下拉菜单中，选 “ 创建补间动画 ” ，这时创建的是动作类的动画。如果想创建“ 移动补间动画 ” 即“ 变形动画 ” ，必须在帧属性面板中的 “ 补间” 选项中，点向下精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 4 页，共 35 页学习好资料欢迎下载的箭头，在弹出的类型中选“ 移动” 。 3 、空白关键帧【实例演示】（1）插入方法：构思好要希望插入空白关键帧的位置，右键点击。在弹出的下拉菜单中点选“ 插入空白关键帧 ” 。（2）作用：与“ 关键帧 ” 刚好相反。通过空白关键帧，可以结束前面的关键帧，以便重打锣鼓另开张，为创

10、建下一段新的动画打基础。（3）应用：空白关键帧是一张白纸，需要画上新的图形或插入新的元件实例，才能发光。当在它上面创建了一些对象之后， 其实它又变成 “ 关键帧” 了，又可以创建新的动画了。 5、实例演示（一只吃掉的苹果）（1）在第一帧绘制一只完整的苹果（2）在第二帧插入关键帧使用橡皮擦工具擦去苹果的一部分（3）再次使用橡皮擦工具在原来的基础上再擦去一部分【提问】注意观察此动画有什么不妥之处？提示：吃的速度太快了解决方法：在相邻两帧间插入普通帧！插入帧可保持与前一帧一致的内容！(4) 调试完毕测试影片按回车键预览动画效果（5）测试完毕，保存动画“ 文件” 选项选择另存为，将文件保存三、学生练习

11、制作逐帧动画：熊猫喜爱竹子注意调整帧见的变换时长四、小结我们奇妙的 Flash 之旅就从逐帧动画处拉开了序曲，这将是一次新奇愉快的学习之旅，期待你的加入，让我们来一同感受Flash 动画为我们带来的乐趣吧！五、课后反思本节课内容有趣， 学生兴趣很高， 顺利的完成了本节课的教学目标，效果很好！这节课最成功的地方是整个教学过程的安排，记录如下：先观看苹果吃掉的效果让学生产生兴趣， 再介绍制作此动画的动画类型也是本节课学习的内容- 逐帧动画，讲解逐帧动画概念观看形象的翻书效果，在打开苹果源文件给学生讲哪个是关键帧（实心圆点），让学生观察每个关键帧中内容是否相同（不同），制作吃掉苹果的动画同时介绍帧面

12、板，并引入空白关键帧的概念，制作完毕后让学生自己发现问题（吃的太快），此时引精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 5 页，共 35 页学习好资料欢迎下载入普通帧， 最后做一拓展： 打字效果，让学生思考打字效果用逐帧动画怎样制作出来。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 6 页，共 35 页学习好资料欢迎下载1.3 多层动画教学重点1、Flash 中层的概念 2、Flash 中层的作用 3、Flash 中层的重要性教学难点对 Flash 中层的理解教学目标1、了解 Flash 中层的概

13、念2、了解 Flash 中层的作用 3、掌握多层动画的制作方法教学方法演示法 任务驱动法归纳小结法计划课时1 课时教学过程一、复习旧知提问：怎样制作逐帧动画？复习：逐帧动画是指由位于同一图层的许多连续关键帧组成的动画，制作者需要在动画的每一帧中创建不同的内容。当动画播放时， Flash就会一帧一帧地显示每帧中的内容。一个逐帧动画， 动画中的每一帧都是关键帧。复习吃掉的苹果的制作方法。二、新课讲授1、什么是层一个层，就好比是一张透明的薄纸，每张纸上面画着一些图形和文字而一幅画就是由许多张这样的薄纸叠合在一起而成的 2、为什么要使用层（层的作用）最上面的一层看得到最下面的一层，而修改其中的任一层却

14、不会影响其余任何一层， 这是层的概念的核心， 又是层的作用所在， 较高的一层浮在较低的一层之上，却又没有完全挡住下面一层，这是因为：在每一层里，除了画有图形或文字的地方以外， 画布的其余部分是透明的。 这就是层的一个特点：层的相互独立性。 当我们只是修改其中的一个图层，其余的层丝毫也不会受到影响。在 Flash 中我们如果对动画中某一个层不满意时，可以随意地修改它而不必担心会影响已做好的其他层，从而大大提高效率 3、插入图层的方法【演示】方法一：单击时间轴底部的 插入图层 按钮方法二：选择 插入 时间轴 图层 方法三：右键单击时间轴中的一个层名称，然后从上下文菜单中选择 插入图层 4、图层的重

15、命名方法一：双击时间轴中层或文件夹的名称，然后输入新名称。方法二：右键单击层名称，然后从上下文菜单中选择属性。在名称 文本框中输入新名称，然后单击确定。5、实例演示【蜜蜂采蜜】精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 7 页，共 35 页学习好资料欢迎下载（1）新建文件并修改文档的属性使用“ 文件” -“ 新建” 命令，设置文档大小为300*300，背景颜色浅蓝色（2）绘制蜜蜂图层创建一个新图层更名为 “ 蜜蜂”【提问】观察书第 9 页图 2.1 中的蜜蜂， 回答应该用哪几种工具绘制蜜蜂？分别使用 “ 椭圆工具 ” 、 “ 直线工具 ” 、

16、“ 铅笔工具 ” 、 “ 油漆桶工具 ” 、“ 任意变形工具 ” 、“ 选择工具 ” 进行绘制【提问】曲线应该怎样绘制？“ 直线工具 ” +“选择工具 ”【提问】圆形如何绘制？ shift键+ 椭圆绘图工具【提问】图形大小如何调整？使用“ 任意变形工具 ”（3）绘制蜜蜂的翅膀插入两个图层分别用来绘制两个翅膀两个图层依次命名为： “ 翅膀-内侧” 和“ 翅膀-外侧”使用绘图工具分别在两个图层中绘制内侧和外侧翅膀 6、绘制云彩图层插入一个图层，命名为 “ 云彩” ，在此图层中绘制白色的云彩 7、绘制花朵图层插入一个图层，命名为 “ 花朵” ，在此图层中绘制花朵绘制过程中可采用复制粘贴操作三、学生练

17、习制作书第 9 页的图 2.1 蜜蜂采蜜四、小结今天我们学习了多层动画，图层的作用就像你整理一个堆满东西的房间一样。 给房间里面东西归类有序摆放。一个区域就相当于一个图层， 当你要找某个东西的时候，可以很快的找到你要的东西，不至于杂乱无章。五、课后反思层的使用在 Flash 中起着至关重要的作用， 本节课的目的就是要让学生了解层的作用， 并建立分层制作动画的概念， 渐渐养成分层制作动画的习惯。本节课不足之处： 学生练习的内容安排不是很好， 学生刚接触 Flash制作蜜蜂采蜜有一定的困难，换成小飞侠会略微的简单一些并且易于操作。精选学习资料 - - - - - - - - - 名师归纳总结 -

18、- - - - - -第 8 页，共 35 页学习好资料欢迎下载成功之处：用长方形、圆形和三角形同在一个图层时和分层时移动长方形作对比，让学生对层的作用一目了然并且很容易接受！精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 9 页，共 35 页学习好资料欢迎下载1.4 导入图像并修改教学重点1、图像导入方法 2 、分离图形的方法3、套索工具的使用教学难点图形分离的应用教学目标 1 、会导入图片素材2、会分离图形并进行正确的编辑 3 、会正确使用套索工具以及魔棒工具选取图形计划课时 1 课时一、新课导入在制作 Flash 动画的过程中， 常常需要用到

19、不同类型的素材， 如图片、声音、视频文件等， 学会利用已有的素材制作Flash 动画，不但可以节省手工绘图的时间，提高工作效率，还可以提高动画的质量，导入素材是制作Flash动画的基本操作，导入好的素材会使Flash 作品更加生动，画面更加美观。二、新课讲授 1 、导入图片素材在 Flash 中不但可以手工绘制图形， 还可将外部的图片导入。 在 Flash中，导入图片的具体操作如下： (1 ）选择【文件】【导入】【导入到舞台】命令，打开【导入】对话框。(2 ）在【查找范围】下拉列表框中选择要导入的图片位置，再在列表框中选中要导入的图片。(3 ）单击“打开”按钮将图片导入到Flash 场景中。

20、2 、编辑图片素材（1）在制作不同的动画时，可能需要不同格式的素材，所以需要对素材进行编辑。转换位图为矢量图位图通常比较复杂，而且文件较大，为了减小Flash 动画的大小或便于操作，常常需要将位图转换为矢量图。选择 修改 位图转换位图为矢量图 命令，可打开 转换位图为矢量图 对话框。（2）将图片中多余的部分除去-分离在 Flash 中许多操作（改变位图的局部色彩或形状，进行位图的变形过渡动画制作） 是针对矢量图形进行的， 位图就不可以操作了。 位图必须经过分离也叫做打碎才能够操作和编辑。操作步骤：选中一个位图再单击“修改”- “分离”命令将位图分离（3）套索工具的使用套索工具是一种选取工具，使

21、用的时候不是很多，主要用在处理位图。选择套索工具后，会在选项中出现魔术棒及其选项和多边形模式，精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 10 页，共 35 页学习好资料欢迎下载在场景里随意画一图形， 选择套索工具， 在选项里单击多边形模式， 按你的需要单击鼠标， 当得到你需要的选择区域时， 双击鼠标自动封闭图形。 任意导入Flash 中一个位图图像， 执行修改 -分离命令， 或者按快捷 Ctrl+B ，将位图分离，用魔术棒单击你需要选择的色彩部分，利用上面叙述的方法可以将导入Flash 中的位图图像的背景去掉。具体方法是，将位图图像打散，用魔

22、术棒选取位图背景，然后按下Delete 键将背景删除。 3 、实例演示：熊熊之家修改文档属性： 600*180 导入背景图像现将图层 1 命名为：背景，执行“ 文件” -“ 导入” -“ 导入到舞台 ” 命令，将蓝色背景图片导入，使用任意变形工具调整图片大小制作边框首先新建图层：边框 -深色，在使用长方形工具绘制一个橘红色的长方形，使用选择工具调整图形形状以及大小，再使用同样方法制作边框-浅色图层导入小熊图像并去除背景图像【重点演示】执行“ 文件” -“ 导入” -“ 导入到舞台 ” 命令，将小熊图片导入，选中图片，执行 “ 修改” -“分离” 命令，使用套索工具将白云选中，按Delete键删

23、除多余的部分（魔术棒工具也可以达到此效果）录入文字部分熊熊之家制作要点提示：多个图层，图片的导入以及图片的分离！补充：位图和矢量图何谓矢量图像 ? 矢量图像，也称为面向对象的图像或绘图图像，矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。 既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时， 多次移动和改变它的属性， 而不会影响图例中的其它对象。这意味着它们可以按最高分辨率显示到输出设备上。何谓位图图像 ? 位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。 这些点可以进行不同的排列和

24、染色以构成图样。当放大位图时可以看见无数单个方块。 扩大位图尺寸时线条和形状显得参差不齐，缩小位图尺寸也会使原图变形，简单的说位图图像是指放大后能看见锯齿状的边缘，而矢量图放大后看不见锯齿状的边缘。三、学生练习制作熊熊之家动画，体会图片导入及图片分离效果的制作要点注意：动画分层制作并将每个图层命名四、小结精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 11 页，共 35 页学习好资料欢迎下载很多人在制作 Flash 的过程中都会遇到这样的问题，把图片导入FLASH后为什么都有背景的一块白色？FLASH 不支持透明图层吗？怎么去掉背景色啊？相信在学习

25、了我们今天的内容之后，大家再遇到这样的问题就一定迎刃而解了！五、课后反思在 Flash 中导入图片在 Flash 动画的制作中是一个很常用的操作，本节课在关键步骤的讲解时放慢了速度， 在最后进行了学生作品展示讲评进一步加深了对易错点的理解并提高了学习的兴趣精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 12 页，共 35 页学习好资料欢迎下载1.5 形状补间动画教学重点1、形状补间动画的概念2、形状补间动画的制作方法教学难点形状补间动画的应用教学目标1、进一步掌握关键帧和普通帧的使用2、会分析简单的形状补间动画的例子3、会正确制作简单的形状补间动画

26、计划课时1 课时教学过程一、新课导入观看形状补间动画实例（进度条、礼花绽放）二、新授1、什么是形状补间动画“形状补间动画” 是补间动画的一种。 在改变一个矢量图形的形状、 颜色、位置， 或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash 通过计算机自动完成。 在创建形状补间动画时， 如果需要对组、 实例或位图图像应用形状补间，则必须首先将这些元素进行分离 2、如何创建形状补间动画创建形状补间动画方法：在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形， 一般一帧中以一个对象为好， 在动画

27、结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧， 在“ 属性” 面板上单击 “ 补间” 旁边的小三角，在弹出的菜单中选择“ 形状” ，此时，可以看到时间轴上发生了变化淡绿色背景和箭头， 一个形状补间动画即创建完成。如果出现虚线， 看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。3、实例制作【演示】进度条（1）图层 1 命名为 “ 框” ，编辑内容：一个进度条的框和文字loading （2）新建一个图层 “ 颜色” ，内容：画一个颜色条长宽刚好和框的大小一致（3）用鼠标点颜色图层在出现的属性栏选项里选择动画效果为：形状补间并把颜色条的宽度在属性面板里调整为：3 （4）在第

28、 50 帧处插入关键帧，将颜色跳的宽度在属性面板里调整为：430 （5）测试整个动画效果，保存文件三、学生练习练习 1：制作进度条拓展练习：制作礼花绽放效果精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 13 页，共 35 页学习好资料欢迎下载四、小结今天我们学习了形状补间动画中的图形变形动画，下节课我们要学习另外一种文字变形动画， 希望同学们在制作的过程中多总结多反思，制作出更多更好的动画效果！五、效果反思本节课是学生第一次接触补间动画，总体效果不错，礼花绽放效果极大的调动了学生的积极性， 学生基本上全部都完成了动画效果，但是还存在以下问题需要对

29、学生再次强调： 1 、制作动画是要动、静分开制作，动的和不动的要放在不同的图层上，这一点非常重要，并且一个图层上只能放置一个动画对象例如：礼花绽放效果，炮筒放在图层1，绽放的礼花效果放在图层2 2、要充分激发学生思维，把前后所学的知识充分的结合起来例如：在制作炮筒图层时，如何使炮筒一直显示到最后一帧？结合前面所学的内容（吃掉的苹果），应该一直插入普通帧至最后一帧，可使用简单的方法，不用一帧一帧的插， 直接在最后一帧插入普通帧， 中间会自动全部插入普通帧3、补间动画是在属性面板里进行选择完成的精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 14 页，

30、共 35 页学习好资料欢迎下载1.6 文字变形动画教学目标1、学习变形动画的制作方法2、熟悉时间轴的功能3、掌握帧，层的概念4、掌握文字变形动画的制作教学重点文字变形动画的制作教学难点形状提示点的应用计划课时1 课时教学过程一、新课导入形状补间动画是在 Flash 的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash 将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。 形状补间动画建立后， 时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头；构成形状补间动画的元素多为用鼠标

31、或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散后才可以做形状补间动画。上节课我们讲了对于图形如何最形状补间动画， 这节课我们来一起学习对文字做补间动画。【演示实例】二、新课讲授1、文字变形动画文字在 Flash 中是一个组合的对象，不能直接设置变形动画，首先必须将它“ 分离” ，把它转变为分散状态后才能设置变形动画，分离是通过【修改】菜单- 【分离】实现的。2、实例制作（ A-C-O）【演示】制作过程：（1）新建一个文件，在空白舞台中输入字母“A”，在属性面板中设置好 A 的字体，颜色为橙色，大小为100 。然后通过【修改】 - 【分离】将 A

32、打散（2） 然后在时间轴上的第10 帧 （此数值自定）的位置插入一个 “ 空白关键帧 ” ，用同样的方法输入第二个字母“C ”，并将它分离掉。接下来我们就可以在时间轴上设置 “ 形状” 动画了。这样就完成了由 A 变化为 C 的动画效果（3）再在时间轴上的第20 帧（此数值自定）的位置插入一个“ 空白关键帧” ，用同样的方法输入第二个字母“O ” ，并将它分离掉。接下来我们就可以在时间轴上设置 “ 形状” 动画了。这样就完成了由 C 变化为 O 的动画效果精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 15 页，共 35 页学习好资料欢迎下载（4）

33、测试动画，保存注意：添加形状提示的命令只针对一个起始帧和一个结束帧，如果下一个关键帧要和前面的结束帧产生添加形状提示的形状补间动画，需要给前面的结束帧重新添加新的形状提示才有效三、学生练习制作文字变形动画： A-C-O 四、小结文字变形动画在我们日常生活中很常用，通过我们今天的学习相信同学们一定已经掌握了文字变形动画的制作方法，希望大家多思考多总结做出更多更好的文字变形动画！五、课后反思本节课在上节课的基础上重点突出，较好的完成了教学目标，学生制作效果好，但在制作中学生也出现如下的问题：一、背景颜色的添加还是不准确；二、没有选择相应图层的对应的关键帧,而是凭感觉随意制作，结果导致需要有关键帧的

34、地方没有对应的内容；三、个别同学总是忘记打碎相应的文字要解决以上的问题，除了教师在巡视过程中要给予指导外，教师在讲解时应事先预料到学生可能遇到的问题而突出讲解的重点，让学生加深印象精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 16 页，共 35 页学习好资料欢迎下载1.7 简单的动作补间动画分类： 八年级电子教案2010-10-12 11:18 教学目标1、了解 Flash 中的三种元件及其和舞台的关系2、知道动作补间动画的制作原理3、会正确制作动作补间动画教学重点1、属性面板中补间选项的设置2、动作补间动画的制作方法教学难点正确制作动作补间动画

35、计划课时1 课时教学过程一、新课导入同学们在我们的 Flash 中场景相当于一个舞台，舞台需要演员演出时，演员从后台出来，这个后台我们叫做库，演员分工不同，在Flash 中出现三种演员：图形元件、影片剪辑元件和按钮。【展示图片】那么我们今天开始我们就要依次就要让这些演员出场了。二、新授 1 、动画的概念动作补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、角度等，然后在两个关键帧之间建立一种运动渐变关系，这就是制作动作补间动画的过程。 2 、 动作补间动画的特点（1）不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个关键帧之间的所有动画都由Flash 创建，制作更加简便

36、。精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 17 页，共 35 页学习好资料欢迎下载（2）由手工控制，帧与帧之间的过渡可能不自然、连贯；而补间动画除两个关键帧由手工控制外，中间的帧都由Flash 自动生成，因此渐变过程更为连贯。（3）文件小，是一种应用较多的动画制作方式。 3 、 动作补间动画制作方法动作补间动画就是在两个关键帧之间建立了一种运动补间关系。该类型动画渐变过程很连贯， 制作过程也比较简单， 只需建立动画的第一个画面和最后一个画面。其具体操作如下： (1）在动画的起始帧插入关键帧，并编辑起始帧中的内容。 (2）选择起始帧，单击鼠标

37、右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项。4、 实例演示（1）打开 “ 快乐猫咪背景 ” 文件（2）插入新图层，命名为 “ 眼睛” ，将“ 眼睛” 元件拖动到舞台上，调整第一帧处眼睛的位置（3）再插入一个新图层，命名为“ 蜻蜓” ，将“ 蜻蜓” 元件拖动到舞台上，调整第一帧处眼睛的位置（4）选中 “ 眼睛” 图层，在第 15 帧处插入关键帧，调整眼睛的位置（5）选中“ 蜻蜓” 图层，在第 15 帧处插入关键帧，调整蜻蜓的位置（6）选中“ 眼睛” 图层，在第 30 帧处插入关键帧，调整眼睛的位置（7）选中“ 蜻蜓” 图层，在第 30

38、 帧处插入关键帧，调整蜻蜓的位置（8）选中 “ 眼睛” 图层，在第 40 帧处插入关键帧，调整眼睛的位置（9）选中“ 蜻蜓” 图层，在第 40 帧处插入关键帧，调整蜻蜓的位置（10 ）创建补间动画（11 ）测试保存影片三、学生练习制作书 42 页的节约用水动画效果注意：分层制作分为文字层、水龙头层和水滴层四、作品互评，小结今天我们学习了简单的动作补间动画，制作了第一动作补间动画：节约用水，以后我们还会接触到更多生活实例，可以通过我们的补间动画来完成，希望同学们再接再厉充分应用我们所学的知识，为我们的学习和生活服务！五、课后反思本节课的内容是动画补间动画，和前两节课讲的形状补间动画类似，只是补间

39、选项的选取不同，学生掌握的很快，完成的效果也很好需要改进之处：本节课的关键之处是要让学生了解什么是动画补间动画，什么样的动画可以用动画补间去做， 有些学生习惯性的在选择补间类型时选择了形状，最终造成动画效果的错误， 因此最好把两种补间动画放在一起比较一下：形状变形动精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 18 页，共 35 页学习好资料欢迎下载画是在动画对象的形状发生变化时使用的，而动作补间动画是在对象的大小位置发生变化时候使用的精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 19 页，共 35

40、 页学习好资料欢迎下载1.8 多变的动画补间动画教学目标（1）理解动作补间动画的工作原理及图层的含义（2）掌握动作补间动画的制作方法；（3）能够灵活运用所学动画制作技巧，创作动画作品教学重点动画对象的分层，及不同图层上补间动画的制作教学难点多图层补间动画的实际制作计划课时1 课时教学过程一、导入茂盛的树林中，小熊驾车驶来，穿过树林，他们这是要去哪里呢？【播放实例】，本节课，我们就通过制作由远及近的汽车快速行驶的动画效果，巩固动画补间动画的制作方法。二、新授 1 、动画补间动画制作方法的再回顾(1 ）在动画的起始帧插入关键帧，并编辑起始帧中的内容 (2 ）选择起始帧，单击鼠标右键，在弹出的快捷菜

41、单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项2、【提问】如果要制作小车行驶的动画效果应该从何处入口？提示：（ 1）背景不动，小车由小至大变化（2）小车不动，背景往后倒退（3）背景后退，小车由小至大前进 3 、实例演示：穿越森林【制作重点】分层制作（共三层，背景、小车和文字）背景图层：用动作补间动画制作背景后退效果小车图层：用动作补间动画制作小车由小变大由近至远效果文字图层：用动作不见动画制作文字渐变和旋转效果演示方法：（1）将图层 1 命名为 “ 背景” ，将背景元件拖至图层中，调整大小及位置（2）在第 60 帧出插入关键帧，改变背景的大小和位置（3）在

42、“ 属性” 面板中的补间类型设置为 “ 动画”（4）插入图层 2 命名为 “ 小车” ，将汽车元件拖至图层中，调整大小及位置注意： 远距离的物体看起来要比近距离的物体运动的慢一些，可以在 “ 属性”面板中设置缓动值为 -80 ，补间动画将由慢变快，以制作出汽车驶来的逼真效果（5）第 60 帧处插入关键帧，调整汽车的大小以及位置（6）在属性面板中设置补间类型为“ 动画” ，缓动值设置为 -80 精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 20 页，共 35 页学习好资料欢迎下载（7）插入图层 3 命名为 “ 文字” ，将文字元件拖至图层中，调整文

43、字的大小以及位置，在属性面板中调整文字颜色（8）在第 45 帧出插入关键帧，调整文字的大小以及位置（9）在属性面板中设置补间类型为“ 动画” ，并设置旋转方向为顺时针三、学生练习制作穿越森林动画，注意动画的分层制作，以及补间动画类型的设置四、小结经过两节课的学习和巩固，我们已经将补间动画中的两种动画给大家介绍完毕，他们分别是： 形状变形动画和动画补间动画，形状变形动画是动画对象的形状发生变形的动画效果， 而动画补间动画是指动画对象的位置发生变化的动画效果，同学们大家都学会了吗？五、课后反思汽车行驶的动画乍一看十分复杂，但是制作起来确是十分简单，本节课在看完了动画演示后， 采取让学生分析的方法，

44、 如果要制作小车行驶的动画效果应该从何处入口， 大部分学生对答如流， 是背景后退，汽车由远及近由小变大，在制作的时候应该使用动作补间动画制作，这对后面的制作起了至关重要的作用，在掌握了动画原理之后制作起来就非常容易了，本节课顺利完成了教学目标，学生掌握效果很好但对在制作中个别学生出现的如下问题还应再强调几下几点：1、背景在后退的过程中出现了向左或向右的偏移以数轴的方式来看，路面一定是沿着y 轴往后退的 ，x 轴方向不能有任何的偏移2、不注意汽车起始行驶的位置导致小汽车从天而降在制作汽车图层时一定要注意汽车必须是放在路面上的3、在制作补间动画时插入了多个关键帧如果动画对象是直线运动的，那么只需要

45、首尾两个关键帧即可精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 21 页，共 35 页学习好资料欢迎下载1.9 影片剪辑元件的应用教学目标1、让学生掌握元件的一类 - 影片剪辑元件2、明白何种对象要制作成影片剪辑元件 3 、会制作简单的影片剪辑元件教学重点1、对影片剪辑元件的理解2、影片剪辑元件的制作方法教学难点如何正确应用影片剪辑元件计划课时1 课时教学过程一、导入提问：如果要制作成这样的满天星效果应该怎么做呢？生：一个图层制作一个闪烁的星星。师：要是有 100 颗星星呢？分 100 个图层去做吗？做100 颗星星？引出本节课的内容：影片剪辑元

46、件师：譬如满天星效果， 我们就可以只制作一个影片剪辑元件- 闪烁的星星，然后将它不断的拖动到舞台上改变位置和大小就可以完成满天星的动画，【演示操作】，大家说方便吗？二、新授1、如何制作影片剪辑元件？（1）执行 “ 插入- 新建元件 ” 命令，打开 “ 新建元件 ” 对话框（2）在名称后面输入元件的名称， 在类型中选择元件的类型为“ 影片剪辑 ” ，最后单击 “ 确定” 按钮直接进入到该元件的编辑区状态（3）在编辑区内部创建动画片段（4）最后单击时间轴左上角的场景按钮返回到主场景的舞台上面 2 、如何使用影片剪辑元件直接将影片剪辑元件从库中拖动到舞台上即可 3 、【实例演示】满天星（1) 新建一

47、个图形元件，起名为 星星 （2) 选择多边形工具，设置边数为5，然后画一个适当大小的星形（3）回到场景中，新建一个影片剪辑的元件，起名为“ 闪烁的星星 ”（4）将刚才制作的 “ 星星” 元件加入到影片剪辑元件中， 然后制作星星一闪一闪的动画第 1 帧星星变小变透明，第10 帧的星星变半透明大一些，第20 帧星星变小变稍微透明些【透明度调整Alpha 值】（5）制作好后将 “ 闪烁的星星 ” 影片剪辑元件拖动到舞台上，即可三、学生练习任务一、制作 “ 转动的大风车 ”提示：风车的扇叶应做成影片剪辑元件，转动效果在属性面板里面旋转项中进行设置（顺时针、逆时针均可）精选学习资料 - - - - -

48、- - - - 名师归纳总结 - - - - - - -第 22 页，共 35 页学习好资料欢迎下载拓展练习任务二：制作满天星动画四、小结提问：什么情况下我们需要制作影片剪辑元件？当有些动画对象我们要重复使用需要把这个对象制作成影片剪辑元件，然后就可以无限次的使用它了！五、课后反思观看 Flash 动画，结合之前讲过的内容动静分开制作，要用6 个图层， 5个图层是重复操作，那么有没有什么简单的方法不做这么多重复的工作呢？使用元件！备注：在制作之前应最好先复习一下动作补间动画的基本操作步骤，明确一下我们这节课主要是制作元件，在元件里用动作补间动画将扇叶转动起来！制作时还应多让学生观察，场景1 里

49、只有 1 帧，2 个图层，减少不必要的错误精选学习资料 - - - - - - - - - 名师归纳总结 - - - - - - -第 23 页，共 35 页学习好资料欢迎下载1.10 引导层动画教学目标知识与技能： 1、理解引导层、引导线的作用2、掌握制作运动对象沿任意指定路径运动的动画3、增强学生的观察、总结能力方法与过程： 学生通过观察思考， 交流合作，探索操作完成对知识的理解和掌握情感态度价值观： 1、体验动画制作的乐趣，养成自主学习的习惯2、感受动画制作的奇妙，培养学生的合作、探究精神教学重点： 1、将外部素材导入到舞台、库2、引导层动画的创建3、图层的编辑教学难点： 1、运用引导层

50、，制作曲线运动动画2、运动对象与引导线的吸附操作计划课时1 课时教学过程一、导入展示两个动画效果 （普通动作补间动画和引导层动画），请学生说出两个运动对象运动效果的异同（一个是点到点的直线运动，一个是曲线运动），引出本节课的内容：引导层动画二、新授1、什么是引导层动画引导层动画又叫轨迹动画， 是让我们的动画对象按照一定的运动路径即轨迹进行运动的动画效果2、引导层动画的组构成师：比较引导层动画和普通的动作补间动画有什么不同？【展示源文件】生：多了一个图层并且画有动画对象运动的轨迹师：轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导层用于放置运动的对象3、 引导层动画的制作方法