初中flash教案[教学]

初中flash 教案 中职数学基础模块教案 下载北师大版¥1.2次方程的根与系数的关系的教案关于坚持的教案初中数学教案下载电子教案下载 [教学] 1.1,,,,,初识Flash,,,,, 教学重点,,,,, 1、了解Flash软件 ,,,,, 2、了解Flash的工作环境 教学难点 ,,,,,Flash工具箱的使用 教学目标 ,,,,,1、初步了解Flash，并对Flash动画产生兴趣 ,,,,,2、掌握Flash软件启动与退出的方法 3、熟悉Flash的工作环境 4、会正确使用Flash工具箱绘制简单的动画对象 计划 项目进度计划表范例计划下载计划下载计划下载课程教学计划下载 课时 ,,,,,1课时 教学过程 ,,,,,一、新课导入 ,,,,,展示几个非常有趣的Flash动画，激发学生兴趣 同学们我们本学期要学习的就是Flash动画，刚才这几个有趣的动画就是通过Flash软件制作出来的，那么首先我们就一起先来熟悉一下Flash软件。 二、新授 1、Flash软件简介 Flash是一款矢量动画制作软件，该软件的应用领域相当广泛，它与Macromedia公司的另外两个产品——Dreamweaver和Fireworks并称为“网页设计三剑客”，足见它在网络中的重要地位。目前，几乎所有网站上都可以看到Flash动画的身影。作为一种颇受欢迎的新兴行业，其技术发展一日千里，也给许多人带来了实际利益。目前，一个优秀的商业Flash动画价格可达300元/秒，面对这样的前景，成为一名优秀的“闪客”便成为许多人奋斗的目标。学会Flash动画的制作后，你可以在以下行业中发挥一技之长。 ,,,,,广告业:手机广告、化妆品广告、房地产广告、汽车广告 ,,,,,动态网页制作:企业网站、学校网站、个人网站 ,,,,, ,,,,,MTV制作:为网上流行歌曲制作动画场景 ,,,,,游戏开发:益智类游戏、战略类游戏 导航条:Flash的按钮功能非常强大，是制作菜单的首选 ,,,,,小游戏:利用Flash开发“迷你”小游戏，在国外一些大公司比较流行，他们把网络广告和网络游戏结合起来，让观众参与其中大大增强了广告效果 产品展示:由于Flash有强大的交互功能，所以一些大公司，如Dell、三星等，都喜欢利用它来展示产品。可以通过方向键选择产品，再控制观看产品的功能、外观等，互动的展示比传统的展示方式更胜一筹 ,,,,,2、启动与退出Flash软件 ,,,,,(1)启动 ,,,,,开始菜单选择程序再选择“Flash,,,,,8.0”，或者双击桌面上的快捷方式图标 (2)退出 ,,,,, ,,,,, 选择【文件】?【关闭】命令。 ,,,,, 按【Ctrl+W】键。 ,,,,, 单击舞台右上方的“关闭”按钮。 ,,,,,3、Flash的工作环境 ,,,,,(1)与其它软件相同的部分 ,,,,,标 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 栏、菜单栏、工具栏 ,,,,,(2)与其它软件不同的地方 ,,,,,?时间轴面板 ,,,,,左侧:图层控制区 ,,,,,右侧:帧控制区 ,,,,,?属性面板 ,,,,,?舞台 ,,,,,?库面板 ,,,,,?工具箱 重点工具介绍: ,,,,, ,,,,,铅笔工具:勾画图形的轮廓 ,,,,,线条工具:绘制不同角度的直线 ,,,,,椭圆工具:绘制正圆和椭圆 ,,,,,矩形工具:绘制正方形、矩形和圆角矩形 ,,,,, 文本工具:为Flash添加文字 油漆桶工具:设置对象的填充色 4、示范制作(小蜜蜂) (1)设置文档属性 ,,,,,属性面板:大小,,,,,400*300 背景色,,,,,蓝色 (2)绘制小蜜蜂 ,,,,,使用工具:圆形工具、选择工具、油漆桶工具 曲线的绘制:直线工具+选择工具 任意变形工具和放大镜工具 三、学生练习 ,,,,,(1)运用工具箱绘制书第二页图1.1左边的熊猫图 (2)文档大小:500*350 (3)正确保存文件至自己的作业文件夹中 四、小结 ,,,,,Flash动画中的对象都要使用工具箱进行绘制请同学们多联系多实践多总结 五、课后反思 ,,,,,本节课引课部分效果非常好，通过几个Flash动画的欣赏极大的调动了学生的兴趣，介绍Flash工具箱时与photoshop的工具箱相联系相对比，让学生在第一次接触Flash软件时有时曾相识的感觉，掌握起来很快，本节课的不足之处在学生练习时还应进一步的加强指导，告诉学生操作的要点和易范的错误，在绘制大熊猫时要让学生多一些耐心，细致的去绘制大熊猫而不能匆匆了事或者比例不对称。 1.2,,,,,逐帧动画,,,,, 教学重点 ,,,,,1、逐帧动画概念 ,,,,,2、对关键帧的理解 教学难点 ,,,,,逐帧动画制作过程 教学目标 ,,,,,1、了解Flash中帧的类型 ,,,,,清楚在什么情况下使用什么样的帧 计划课时 ,,,,,1课时 教学过程 ,,,,,一、新课导入 ,,,,,上节课大家制作了可爱的大熊猫，那么有没有同学能够告诉我大熊猫喜欢吃什么呢, 【观看Flash动画】 二、新授 ,,,,,1、逐帧动画概念 ,,,,,逐帧动画是指位于同一图层的多个连续关键帧组成的动画，制作者需要在动画的每一帧中创建不同的内容 2、逐帧动画的制作方法 ,,,,,每个帧都定义为关键帧，然后给每个帧创建不同的图像 ,,,,,3、Flash中的动画类型 分为以下两种:逐帧动画和补间动画 ,,,,,4、Flash中帧的类型 1、普通帧:【实例演示】 ,,,,,(1)位置:往往跟在一个关键帧之后。 ,,,,,(2)作用:起到延长关键帧的播放时间的效果。普通帧里的对象是静态的。 ,,,,, (3)插入方法:点击关键帧之后的帧，在不松开左键的前提下，向后拉。这一步是想设置想插入普通帧的区域。松开左键，点击右键，在快捷菜单中点击“插入帧”。 ,,,,,(4)讨论要想让一个画面保持一段时间而不是一闪即逝，就采用普通帧。插入的普通帧越多，在主时间轴上占用的时间越长，播放的时 间也越长。,,,,, ,,,,, 2、关键帧:,,,,,【实例演示】 ,,,,,(1)插入方法:构思好要希望插入关键帧的位置，右键点击。在弹出的下拉菜单中点选“插入关键帧”。,,,,, ,,,,, ,,,,,(2)作用:关键帧是制作动画的基本元素。任何一段动画，都是在两个关键帧之间进行的。,,,,, ,,,,, (3)应用:插入关键帧，目的就是创建动画。要想在两个关键帧之间创建动画，可以在两个关键帧中间的任意一个帧上，点击右键，在弹出的下拉菜单中，选“创建补间动画”，这时创建的是动作类的动画。如果想创建“移动补间动画”即“变形动画”，必须在帧属性面板中的“补间”选项中，点向下的箭头，在弹出的类型中选“移动”。,,,,, ,,,,, 3、空白关键帧 【实例演示】 (1)插入方法:构思好要希望插入空白关键帧的位置，右键点击。在弹出的下拉菜单中点选“插入空白关键帧”。 ,,,,,(2)作用:与“关键帧”刚好相反。通过空白关键帧，可以结束前面的关键帧，以便重打锣鼓另开张，为创建下一段新的动画打基础。 ,,,,,(3)应用:空白关键帧是一张白纸，需要画上新的图形或插入新的元件实例，才能发光。当在它上面创建了一些对象之后，其实它又变成“关键帧”了，又可以创建新的动画了。 5、实例演示(一只吃掉的苹果) (1)在第一帧绘制一只完整的苹果 (2)在第二帧插入关键帧 ,,,,,使用橡皮擦工具擦去苹果的一部分 (3)再次使用橡皮擦工具在原来的基础上再擦去一部分 【提问】注意观察此动画有什么不妥之处, ,,,,,提示:吃的速度太快了 解决方法:在相邻两帧间插入普通帧～ 插入帧可保持与前一帧一致的内容～ ,,,,,(4)调试完毕测试影片 ,,,,,按回车键预览动画效果 (5)测试完毕，保存动画 ,,,,,“文件”选项选择另存为，将文件保存 三、学生练习 制作逐帧动画:熊猫喜爱竹子 注意调整帧见的变换时长 ,,,,,四、小结 ,,,,,我们奇妙的Flash之旅就从逐帧动画处拉开了序曲，这将是一次新奇愉快的学习之旅，期待你的加入，让我们来一同感受Flash动画为我们带来的乐趣吧～ 五、课后反思 本节课内容有趣，学生兴趣很高，顺利的完成了本节课的教学目标，效果很好～ 这节课最成功的地方是整个教学过程的安排， 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 如下: ,,,,,先观看苹果吃掉的效果让学生产生兴趣，再介绍制作此动画的动画类型也是本节课学习的内容---逐帧动画，讲解逐帧动画概念观看形象的翻书效果，在打开苹果源文件给学生讲哪个是关键帧(实心圆点)，让学生观察每个关键帧中内容是否相同(不同)，制作吃掉苹果的动画同时介绍帧面板，并引入空白关键帧的概念，制作完毕后让学生自己发现问题(吃的太快)，此时引入普通帧，最后做一拓展:打字效果，让学生思考打字效果用逐帧动画怎样制作出来。 1.3,,,,,多层动画,,,,, 教学重点 ,,,,,1、Flash中层的概念 2、Flash中层的作用 3、Flash中层的重要性 教学难点 ,,,,,对Flash中层的理解 教学目标 ,,,,,1、了解Flash中层的概念 ,,,,,2、了解Flash中层的作用 3、掌握多层动画的制作方法 教学方法 ,,,,,演示法,,,,,任务驱动法,,,,,归纳小结法 计划课时 ,,,,,1课时 教学过程 ,,,,,一、复习旧知 ,,,,,提问:怎样制作逐帧动画, 复习:逐帧动画是指由位于同一图层的许多连续关键帧组成的动画，制作者需要在动 ,,,,,画的每一帧中创建不同的内容。当动画播放时，Flash就会一帧一帧地显示每帧中的内容。一个逐帧动画，动画中的每一帧都是关键帧。复习吃掉的苹果的制作方法。 ,,,,,二、新课讲授 ,,,,,1、什么是层 一个层，就好比是一张透明的薄纸，每张纸上面画着一些图形和文字而一幅画就是由许多张这样的薄纸叠合在一起而成的 2、为什么要使用层(层的作用) 最上面的一层看得到最下面的一层，而修改其中的任一层却不会影响其余任何一层，这是层的概念的核心，又是层的作用所在，较高的一层浮在较低的一层之上，却又没有完全挡住下面一层，这是因为:在每一层里，除了画有图形或文字的地方以外，画布的其余部分是透明的。这就是层的一个特点:层的相互独立性。当我们只是修改其中的一个图层，其余的层丝毫也不会受到影响。在Flash中我们如果对动画中某一个层不满意时，可以随意地修改它而不必担心会影响已做好的其他层，从而大大提高效率 3、插入图层的方法【演示】 ,,,,,方法一:单击时间轴底部的"插入图层"按钮,,,,, 方法二:选择"插入">"时间轴">"图层" 方法三:右键单击,,,,,时间轴中的一个层名称，然后从上下文菜单中选择"插入图层",,,,, 4、图层的重命名 ,,,,, ,,,,,方法一:双击时间轴中层或文件夹的名称，然后输入新名称。,,,,, ,,,,,方法二:右键单击层名称，然后从上下文菜单中选择"属性"。在"名称"文本框中输入新名称，然后单击"确定"。,,,,, ,,,,,5、实例演示【蜜蜂采蜜】 (1)新建文件并修改文档的属性 ,,,,,使用“文件”->“新建”命令，设置文档大小为300*300，背景颜色浅蓝色 (2)绘制蜜蜂图层 创建一个新图层更名为“蜜蜂” 【提问】观察书第9页图2.1中的蜜蜂，回答应该用哪几种工具绘制蜜蜂, 分别使用“椭圆工具”、“直线工具”、“铅笔工具”、“油漆桶工具”、“任意变形工具”、“选择工具”进行绘制 【提问】曲线应该怎样绘制, “直线工具”+“选择工具” 【提问】圆形如何绘制, ,,,,, shift键+椭圆绘图工具 ,,,,,【提问】图形大小如何调整, ,,,,, 使用“任意变形工具” (3)绘制蜜蜂的翅膀 ,,,,,插入两个图层分别用来绘制两个翅膀 两个图层依次命名为:“翅膀-内侧”和“翅膀-外侧” 使用绘图工具分别在两个图层中绘制内侧和外侧翅膀 6、绘制云彩图层 插入一个图层，命名为“云彩”，在此图层中绘制白色的云彩 7、绘制花朵图层 ,,,,,插入一个图层，命名为“花朵”，在此图层中绘制花朵 绘制过程中可采用复制粘贴操作 三、学生练习 ,,,,,制作书第9页的图2.1蜜蜂采蜜 四、小结 ,,,,,今天我们学习了多层动画，图层的作用就像你整理一个堆满东西的房间一样。给房间里面东西归类有序摆放。一个区域就相当于一个图层，当你要找某个东西的时候，可以很快的找到你要的东西，不至于杂乱无章。 五、课后反思 层的使用在Flash中起着至关重要的作用，本节课的目的就是要让学生了解层的作用，并建立分层制作动画的概念，渐渐养成分层制作动画的习惯。 ,,,,,本节课不足之处:学生练习的内容安排不是很好，学生刚接触Flash制作蜜蜂采蜜有一定的困难，换成小飞侠会略微的简单一些并且易于操作。 成功之处:用长方形、圆形和三角形同在一个图层时和分层时移动长方形作对比，让学生对层的作用一目了然并且很容易接受～ 1.4,,,,,导入图像并修改,,,,, 教学重点 1、图像导入方法 ,,,,,2、分离图形的方法 ,,,,, 3、套索工具的使用 教学难点 ,,,,,图形分离的应用 教学目标 ,,,,,1、会导入图片素材 ,,,,, 2、会分离图形并进行正确的编辑 ,,,,,3、会正确使用套索工具以及魔棒工具选取图形 计划课时 ,,,,,1课时 一、新课导入 ,,,,,在制作Flash动画的过程中，常常需要用到不同类型的素材，如图片、声音、视频文件等，学会利用已有的素材制作Flash动画，不但可以节省手工绘图的时间，提高工作效率，还可以提高动画的质量，导入素材是制作Flash动画的基本操作，导入好的素材会使Flash作品更加生动，画面更加美观。 二、新课讲授 ,,,,,1、导入图片素材 ,,,,,在Flash中不但可以手工绘制图形，还可将外部的图片导入。在Flash中，导入图片的具体操作如下: ,,,,,(1)选择【文件】?【导入】?【导入到舞台】命令，打开【导入】对话框。 ,,,,, (2)在【查找范围】下拉列表框中选择要导入的图片位置，再在列表框中选中要导入的图片。 ,,,,, (3)单击“打开”按钮将图片导入到Flash场景中。 ,,,,,2、编辑图片素材 ,,,,,(1)在制作不同的动画时，可能需要不同格式的素材，所以需要对素材进行编辑。 ,,,,,转换位图为矢量图 ,,,,,位图通常比较复杂，而且文件较大，为了减小Flash动画的大小或便于操作，常常需要将位图转换为矢量图。选择"修改'?"位图"?"转换位图为矢量图"命令，可打开"转换位图为矢量图"对话框。 (2)将图片中多余的部分除去----分离 ,,,,,在Flash中许多操作(改变位图的局部色彩或形状，进行位图的变形过渡动画制作)是针对矢量图形进行的，位图就不可以操作了。位图必须经过分离也叫做打碎才能够操作和编辑。 ,,,,,操作步骤:选中一个位图再单击“修改”->“分离”命令将位图分离 ,,,,,(3)套索工具的使用 ,,,,,套索工具是一种选取工具，使用的时候不是很多，主要用在处理位图。选择套索工具后，会在选项中出现魔术棒及其选项和多边形模式，在场景里随意画一图形，选择套索工具，在选项里单击多边形模式，按你的需要单击鼠标，当得到你需要的选择区域时，双击鼠标自动封闭图形。任意导入Flash中一个位图图像，执行修改->分离命令，或者按快捷Ctrl+B，将位图分离，用魔术棒单击你需要选择的色彩部分，利用上面叙述的方法可以将导入Flash中的位图图像的背景去掉。具体方法是，将位图图像打散，用魔术棒选取位图背景，然后按下Delete键将背景删除。 3、实例演示:熊熊之家 ,,,,,?修改文档属性:600*180 ,,,,,?导入背景图像 ,,,,,现将图层1命名为:背景，执行“文件”->“导入”->“导入到舞台”命令，将蓝色背景图片导入，使用任意变形工具调整图片大小 ,,,,,?制作边框 ,,,,,首先新建图层:边框-深色，在使用长方形工具绘制一个橘红色的长方形，使用选择工具调整图形形状以及大小，再使用同样方法制作边框-浅色图层 ,,,,,?导入小熊图像并去除背景图像【重点演示】 ,,,,,执行“文件”->“导入”->“导入到舞台”命令，将小熊图片导入，选中图片，执行“修改”->“分离”命令，使用套索工具将白云选中，按Delete键删除多余的部分(魔术棒工具也可以达到此效果) ,,,,,?录入文字部分 ,,,,,熊熊之家 制作要点提示:多个图层，图片的导入以及图片的分离～ 补充:位图和矢量图 何谓矢量图像?,,,,, 矢量图像，也称为面向对象的图像或绘图图像，矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯曲度的同时，多次移动和改变它的属性，而不会影响图例中的其它对象。这意味着它们可以按最高分辨率显示到输出设备上。,,,,, 何谓位图图像? ,,,,, ,,,,,位图图像，亦称为点阵图像或绘制图像，是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时可以看见无数单个方块。扩大位图尺寸时线条和形状显得参差不齐，缩小位图尺寸也会使原图变形，简单的说位图图像是指放大后能看见锯齿状的边缘，而矢量图放大后看不见锯齿状的边缘。 三、学生练习 ,,,,,制作熊熊之家动画，体会图片导入及图片分离效果的制作要点 ,,,,,注意:动画分层制作并将每个图层命名 四、小结 ,,,,,很多人在制作Flash的过程中都会遇到这样的问题，把图片导入FLASH后为什么都有背景的一块白色,FLASH不支持透明图层吗,怎么去掉背景色啊,相信在学习了我们今天的内容之后，大家再遇到这样的问题就一定迎刃而解了～ 五、课后反思 ,,,,,在Flash中导入图片在Flash动画的制作中是一个很常用的操作，本节课在关键步骤的讲解时放慢了速度，在最后进行了学生作品展示讲评进一步加深了对易错点的理解并提高了学习的兴趣 1.5,,,,,形状补间动画,,,,, 教学重点 ,,,,,1、形状补间动画的概念 ,,,,,2、形状补间动画的制作方法 教学难点 ,,,,,形状补间动画的应用 教学目标 ,,,,,1、进一步掌握关键帧和普通帧的使用 ,,,,,2、会 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 简单的形状补间动画的例子 ,,,,, ,,,,,3、会正确制作简单的形状补间动画 计划课时 ,,,,,1课时 教学过程 ,,,,, 一、新课导入 观看形状补间动画实例(进度条、礼花绽放) 二、新授 ,,,,,1、什么是形状补间动画 ,,,,,“形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离 2、如何创建形状补间动画 创建形状补间动画方法:,,,,, ,,,,,在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。 ,,,,,3、实例制作【演示】进度条 (1)图层1命名为“框”，编辑内容:一个进度条的框和文字loading (2)新建一个图层“颜色”，内容:画一个颜色条长宽刚好和框的大小一致 (3)用鼠标点颜色图层在出现的属性栏选项里选择动画效果为:形状补间 并把颜色条的宽度在属性面板里调整为:3 (4)在第50帧处插入关键帧，将颜色跳的宽度在属性面板里调整为:430 ,,,,,(5)测试整个动画效果，保存文件 三、学生练习 ,,,,,练习1:制作进度条 拓展练习:制作礼花绽放效果 四、小结 ,,,,,今天我们学习了形状补间动画中的图形变形动画，下节课我们要学习另外一种文字变形动画，希望同学们在制作的过程中多总结多反思，制作出更多更好的动画效果～ 五、效果反思 本节课是学生第一次接触补间动画，总体效果不错，礼花绽放效果极大的调动了学生的积极性，学生基本上全部都完成了动画效果，但是还存在以下问题需要对学生再次强调: ,,,,, 1、制作动画是要动、静分开制作，动的和不动的要放在不同的图层上，这一点非常重要，并且一个图层上只能放置一个动画对象 例如:礼花绽放效果，炮筒放在图层1，绽放的礼花效果放在图层2 ,,,,,2、要充分激发学生思维，把前后所学的知识充分的结合起来 ,,,,,例如:在制作炮筒图层时，如何使炮筒一直显示到最后一帧,结合前面所学的内容(吃掉的苹果)，应该一直插入普通帧至最后一帧，可使用简单的方法，不用一帧一帧的插，直接在最后一帧插入普通帧，中间会自动全部插入普通帧 ,,,,,3、补间动画是在属性面板里进行选择完成的 1.6,,,,,文字变形动画,,,,, 教学目标 ,,,,,1、学习变形动画的制作方法 ,,,,,2、熟悉时间轴的功能 ,,,,,3、掌握帧，层的概念 ,,,,,4、掌握文字变形动画的制作 教学重点 ,,,,,文字变形动画的制作 教学难点 ,,,,,形状提示点的应用 计划课时 ,,,,,1课时 教学过程,,,,, 一、新课导入 ,,,,,形状补间动画是在Flash的时间帧面板上，在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状或绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头;构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散后才可以做形状补间动画。上节课我们讲了对于图形如何最形状补间动画，这节课我们来一起学习对文字做补间动画。【演示实例】 ,,,,,二、新课讲授 ,,,,, ,,,,, ,,,,,1、文字变形动画 文字在Flash中是一个组合的对象，不能直接设置变形动画，首先必须将它“分离”，把它转变为分散状态后才能设置变形动画，分离是通过【修改】菜单-->【分离】实现的。,,,,, ,,,,,2、实例制作(A->C->O)【演示】 ,,,,,制作过程: ,,,,,(1)新建一个文件，在空白舞台中输入字母“A”，在属性面板中设置好A的字体，颜色为橙色，大小为100。然后通过【修改】-->【分离】将A打散 ,,,,,(2)然后在时间轴上的第10帧(此数值自定)的位置插入一个“空白关键帧”，用同样的方法输入第二个字母“C”，并将它分离掉。接下来我们就可以在时间轴上设置“形状”动画了。这样就完成了由"A"变化为"C"的动画效果 ,,,,,(3)再在时间轴上的第20帧(此数值自定)的位置插入一个“空白关键帧”，用同样的方法输入第二个字母“O”，并将它分离掉。接下来我们就可以在时间轴上设置“形状”动画了。这样就完成了由"C"变化为"O"的动画效果 (4)测试动画，保存 注意: 添加形状提示的命令只针对一个起始帧和一个结束帧，如果下一个关键帧要和前面的结束帧产生添加形状提示的形状补间动画，需要给前面的结束帧重新添加新的形状提示才有效 ,,,,, 三、学生练习 ,,,,,制作文字变形动画:A->C->O 四、小结 ,,,,,文字变形动画在我们日常生活中很常用，通过我们今天的学习相信同学们一定已经掌握了文字变形动画的制作方法，希望大家多思考多总结做出更多更好的文字变形动画～ 五、课后反思 ,,,,,本节课在上节课的基础上重点突出，较好的完成了教学目标，学生制作效果好，但在制作中学生也出现如下的问题:一、背景颜色的添加还是不准确;二、没有选择相应图层的对应的关键帧,而是凭感觉随意制作，结果导致需要有关键帧的地方没有对应的内容;三、个别同学总是忘记打碎相应的文字 ,,,,,要解决以上的问题，除了教师在巡视过程中要给予指导外，教师在讲解时应事先预料到学生可能遇到的问题而突出讲解的重点，让学生加深印象 1.7,,,,,简单的动作补间动画,,,,, 分类:,,,,,八年级电子教案,,,,,2010-10-12,,,,,11:18 教学目标,,,,,1、了解Flash中的三种元件及其和舞台的关系 ,,,,,2、知道动作补间动画的制作原理 ,,,,,3、会正确制作动作补间动画 教学重点 ,,,,,1、属性面板中补间选项的设置 ,,,,,2、动作补间动画的制作方法 教学难点 ,,,,,正确制作动作补间动画 计划课时 ,,,,,1课时 教学过程 一、新课导入 ,,,,,同学们在我们的Flash中场景相当于一个舞台，舞台需要演员演出时，演员从后台出来，这个后台我们叫做库，演员分工不同，在Flash中出现三种演员:图形元件、影片剪辑元件和按钮。【展示图片】 ,,,,,那么我们今天开始我们就要依次就要让这些演员出场了。 二、新授 1、动画的概念 ,,,,, 动作补间动画是在两个关键帧上分别定义不同的属性，如对象的大小、位置、角度等，然后在两个关键帧之间建立一种运动渐变关系，这就是制作动作补间动画的过程。 2、,,,,,动作补间动画的特点,,,,, (1)不需要手工创建每个帧的内容，只需要创建两个关键帧的内容，两个关键帧之间的所有动画都由Flash创建，制作更加简便。 (2)由手工控制，帧与帧之间的过渡可能不自然、连贯;而补间动画除两个关键帧由手工控制外，中间的帧都由Flash自动生成，因此渐变过程更为连贯。 (3)文件小，是一种应用较多的动画制作方式。 3、,,,,,动作补间动画制作方法,,,,, 动作补间动画就是在两个关键帧之间建立了一种运动补间关系。该类型动画渐变过程很连贯，制作过程也比较简单，只需建立动画的第一个画面和最后一个画面。其具体操作如下: (1)在动画的起始帧插入关键帧，并编辑起始帧中的内容。 (2)选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项。 ,,,,,4、,,,,,实例演示 ,,,,,(1)打开“快乐猫咪背景”文件 ,,,,,(2)插入新图层，命名为“眼睛”，将“眼睛”元件拖动到舞台上，调整第一帧处眼睛的位置 (3)再插入一个新图层，命名为“蜻蜓”，将“蜻蜓”元件拖动到舞台上，调整第一帧处眼睛的位置 ,,,,,(4)选中“眼睛”图层，在第15帧处插入关键帧，调整眼睛的位置 (5)选中“蜻蜓”图层，在第15帧处插入关键帧，调整蜻蜓的位置 (6)选中“眼睛”图层，在第30帧处插入关键帧，调整眼睛的位置 (7)选中“蜻蜓”图层，在第30帧处插入关键帧，调整蜻蜓的位置 ,,,,,(8)选中“眼睛”图层，在第40帧处插入关键帧，调整眼睛的位置 (9)选中“蜻蜓”图层，在第40帧处插入关键帧，调整蜻蜓的位置 ,,,,,(10)创建补间动画 ,,,,,(11)测试保存影片 三、学生练习 ,,,,,制作书42页的节约用水动画效果 ,,,,,注意:分层制作分为文字层、水龙头层和水滴层 四、作品互评，小结 ,,,,,今天我们学习了简单的动作补间动画，制作了第一动作补间动画:节约用水，以后我们还会接触到更多生活实例，可以通过我们的补间动画来完成，希望同学们再接再厉充分应用我们所学的知识，为我们的学习和生活服务～ 五、课后反思 ,,,,,本节课的内容是动画补间动画，和前两节课讲的形状补间动画类似，只是补间选项的选取不同，学生掌握的很快，完成的效果也很好 ,,,,,需要改进之处: ,,,,,本节课的关键之处是要让学生了解什么是动画补间动画，什么样的动画可以用动画补间去做，有些学生习惯性的在选择补间类型时选择了形状，最终造成动画效果的错误，因此最好把两种补间动画放在一起比较一下:形状变形动画是在动画对象的形状发生变化时使用的，而动作补间动画是在对象的大小位置发生变化时候使用的 1.8,,,,,多变的动画补间动画,,,,, 教学目标,,,,,(1)理解动作补间动画的工作原理及图层的含义 ,,,,,(2)掌握动作补间动画的制作方法; ,,,,,(3)能够灵活运用所学动画制作技巧，创作动画作品 ,,,,,教学重点 ,,,,,动画对象的分层，及不同图层上补间动画的制作 教学难点 ,,,,,多图层补间动画的实际制作 计划课时 ,,,,,1课时 教学过程 ,,,,, 一、导入 ,,,,,茂盛的树林中，小熊驾车驶来，穿过树林，他们这是要去哪里呢,【播放实例】，本节课，我们就通过制作由远及近的汽车快速行驶的动画效果，巩固动画补间动画的制作方法。 二、新授 1、动画补间动画制作方法的再回顾 ,,,,,(1)在动画的起始帧插入关键帧，并编辑起始帧中的内容,,,,, (2)选择起始帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，或在【属性】面板的【补间】下拉列表框中选择【动作】选项 ,,,,,2、【提问】如果要制作小车行驶的动画效果应该从何处入口, ,,,,,提示:(1)背景不动，小车由小至大变化 ,,,,,(2)小车不动，背景往后倒退 (3)背景后退，小车由小至大前进 3、实例演示:穿越森林 【制作重点】分层制作(共三层，背景、小车和文字) ,,,,,背景图层:用动作补间动画制作背景后退效果 ,,,,,小车图层:用动作补间动画制作小车由小变大由近至远效果 ,,,,,文字图层:用动作不见动画制作文字渐变和旋转效果 演示方法: (1)将图层1命名为“背景”，将背景元件拖至图层中，调整大小及位置 (2)在第60帧出插入关键帧，改变背景的大小和位置 (3)在“属性”面板中的补间类型设置为“动画” (4)插入图层2命名为“小车”，将汽车元件拖至图层中，调整大小及位置 注意:远距离的物体看起来要比近距离的物体运动的慢一些，可以在“属性”面板中设置缓动值为-80，补间动画将由慢变快，以制作出汽车驶来的逼真效果 (5)第60帧处插入关键帧，调整汽车的大小以及位置 (6)在属性面板中设置补间类型为“动画”，缓动值设置为-80 (7)插入图层3命名为“文字”，将文字元件拖至图层中，调整文字的大小以及位置，在属性面板中调整文字颜色 (8)在第45帧出插入关键帧，调整文字的大小以及位置 (9)在属性面板中设置补间类型为“动画”，并设置旋转方向为顺时针 三、学生练习 ,,,,,制作穿越森林动画，注意动画的分层制作，以及补间动画类型的设置 四、小结 ,,,,,经过两节课的学习和巩固，我们已经将补间动画中的两种动画给大家介绍完毕，他们分别是:形状变形动画和动画补间动画，形状变形动画是动画对象的形状发生变形的动画效果，而动画补间动画是指动画对象的位置发生变化的动画效果，同学们大家都学会了吗, 五、课后反思 ,,,,,汽车行驶的动画乍一看十分复杂，但是制作起来确是十分简单，本节课在看完了动画演示后，采取让学生分析的方法，如果要制作小车行驶的动画效果应该从何处入口，大部分学生对答如流，是背景后退，汽车由远及近由小变大，在制作的时候应该使用动作补间动画制作，这对后面的制作起了至关重要的作用，在掌握了动画原理之后制作起来就非常容易了，本节课顺利完成了教学目标，学生掌握效果很好 ,,,,,但对在制作中个别学生出现的如下问题还应再强调几下几点: 1、背景在后退的过程中出现了向左或向右的偏移 ,,,,,以数轴的方式来看，路面一定是沿着y轴往后退的 ，x轴方向不能有任何的偏移 2、不注意汽车起始行驶的位置导致小汽车从天而降 ,,,,,在制作汽车图层时一定要注意汽车必须是放在路面上的 3、在制作补间动画时插入了多个关键帧 ,,,,,如果动画对象是直线运动的，那么只需要首尾两个关键帧即可 1.9,,,,,影片剪辑元件的应用,,,,, 教学目标 ,,,,,1、让学生掌握元件的一类--影片剪辑元件 ,,,,,2、明白何种对象要制作成影片剪辑元件 ,,,,, 3、会制作简单的影片剪辑元件 教学重点 ,,,,,1、对影片剪辑元件的理解 ,,,,,2、影片剪辑元件的制作方法 教学难点 ,,,,,如何正确应用影片剪辑元件 计划课时 ,,,,,1课时 教学过程 一、导入 ,,,,,提问:如果要制作成这样的满天星效果应该怎么做呢,,,,,, ,,,,,生:一个图层制作一个闪烁的星星。。 ,,,,,师:要是有100颗星星呢,分100个图层去做吗,做100颗星星, ,,,,,引出本节课的内容:影片剪辑元件 ,,,,,师:譬如满天星效果，我们就可以只制作一个影片剪辑元件---闪烁的星星，然后将它不断的拖动到舞台上改变位置和大小就可以完成满天星的动画，【演示操作】，大家说方便吗, 二、新授 ,,,,,1、如何制作影片剪辑元件, ,,,,, ,,,,,(1)执行“插入->新建元件”命令，打开“新建元件”对话框,,,,, ,,,,,(2)在名称后面输入元件的名称，在类型中选择元件的类型为“影片剪辑”，最后单击“确定”按钮直接进入到该元件的编辑区状态 ,,,,,(3)在编辑区内部创建动画片段,,,,, ,,,,,(4)最后单击时间轴左上角的场景按钮返回到主场景的舞台上面 2、如何使用影片剪辑元件 ,,,,,直接将影片剪辑元件从库中拖动到舞台上即可 3、【实例演示】满天星 ,,,,,(1)新建一个图形元件，起名为[星星] (2)选择多边形工具，设置边数为5，然后画一个适当大小的星形 (3)回到场景中，新建一个影片剪辑的元件，起名为“闪烁的星星” (4)将刚才制作的“星星”元件加入到影片剪辑元件中，然后制作星星一闪一闪的动画 ,,,,,第1帧星星变小变透明，第10帧的星星变半透明大一些，第20帧星星变小变稍微透明些【透明度调整Alpha值】 (5)制作好后将“闪烁的星星”影片剪辑元件拖动到舞台上，即可 三、学生练习 ,,,,,任务一、制作“转动的大风车” 提示:风车的扇叶应做成影片剪辑元件，转动效果在属性面板里面旋转项中进行设置(顺时针、逆时针均可) 拓展练习 ,,,,,任务二:制作满天星动画 四、小结 ,,,,,提问:什么情况下我们需要制作影片剪辑元件, ,,,,,当有些动画对象我们要重复使用需要把这个对象制作成影片剪辑元件，然后就可以无限次的使用它了～ 五、课后反思 ,,,,,观看Flash动画，结合之前讲过的内容动静分开制作，要用6个图层，5个图层是重复操作，那么有没有什么简单的方法不做这么多重复的工作呢,使用元件～ ,,,,,备注:在制作之前应最好先复习一下动作补间动画的基本操作步骤，明确一下我们这节课主要是制作元件，在元件里用动作补间动画将扇叶转动起来～ ,,,,,制作时还应多让学生观察，场景1里只有1帧，2个图层，减少不必要 的错误 1.10,,,,,引导层动画,,,,, 教学目标 知识与技能:1、理解引导层、引导线的作用 2、掌握制作运动对象沿任意指定路径运动的动画 3、增强学生的观察、总结能力 方法与过程:学生通过观察思考，交流合作，探索操作完成对知识的理解和掌握 情感态度价值观:1、体验动画制作的乐趣，养成自主学习的习惯 2、感受动画制作的奇妙，培养学生的合作、探究精神 教学重点:1、将外部素材导入到舞台、库 2、引导层动画的创建 3、图层的编辑 教学难点:1、运用引导层，制作曲线运动动画 2、运动对象与引导线的吸附操作 计划课时 ,,,,,1课时 教学过程 一、导入 展示两个动画效果(普通动作补间动画和引导层动画)，请学生说出两个运动对象运动效果的异同(一个是点到点的直线运动，一个是曲线运动)，引出本节课的内容:引导层动画 二、新授 1、 ,,,,,什么是引导层动画 引导层动画又叫轨迹动画，是让我们的动画对象按照一定的运动路径即轨迹进行运动的动画效果 2、 ,,,,,引导层动画的组构成 师:比较引导层动画和普通的动作补间动画有什么不同,【展示源文件】 生:多了一个图层并且画有动画对象运动的轨迹 师:轨迹动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导层用于放置运动的对象 3、 引导层动画的制作方法: (1)在普通层中创建一个对象。,,,,, (2)单击按钮，在普通层上层新建一个引导层，普通层自动变为被引导层。,,,,, (3)在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。,,,,, (4)在被引导层中将对象的中心控制点移动到路径的起点。,,,,, (5)在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点。,,,,, (6)在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成。 引导层动画制作要点: (1)一般将要移动的对象单独放在一个层，作为被引导层，在此层上面添加引导层。 (2)引导层一定要在被引导层的上方。 (3)引导层中只绘制运动路径，在被引导层中设置动作补间动画。 (4)启用“紧贴至对象”工具指向元件的中心点,拖动对象吸附到引导线的起点和终点 (5)要使对象沿着路径旋转，需在被引导层的起始帧属性中，设置“调整到路径”。 制作引导线的注意事项: (1)引导线不能是封闭的曲线，要有起点和终点,,,,, (2)起点和终点之间的线条必须是连续的，不能间断，可以是任何形状,,,,, (3)引导线转折处的线条弯转不宜过急、过多，否则Flash无法准确判定对象的运动路径,,,,, (4)被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于引导线上，否则被引导对象将无法沿引导路径运动,,,,, (5)引导线在最终生成动画时是不可见的 4、制作蝴蝶飞舞动画【演示】 (1)打开背景文件 (2)在风车扇叶图层上插入新图层，重命名为“蝴蝶”，将影片剪辑元件“蝴蝶”拖放到舞台上 (3)在时间轴上单击“添加运动引导层”按钮，在图层“蝴蝶”上新建一个运动引导层 (4)使用“铅笔工具”在引导层上绘制出“蝴蝶”运动的平滑曲线 (5)选中图层“蝴蝶”，分别在第20、35、50帧插入关键帧，改变蝴蝶在舞 台上的位置(注意是蝴蝶紧贴引导线) (6)按Ctrl+Enter键测试影片 三、学生练习 ,,,,,制作蝴蝶飞舞动画，至少有三只蝴蝶对象 ,,,,,提示:在制作完第一只蝴蝶的引导动画后在其上插入新图层做第二只蝴蝶的引导动画，在插入图层做第三只蝴蝶的引导动画 四、小结 通过今天的学习大家对引导层动画都有了很深刻的认识，今后如果再遇到这样的例子大家都会做吗,譬如说树叶飘落、小鸟飞翔、形体运动等 五、课后反思 ,,,,,本课内容对学生的要求较高,结合了之前讲过的多种动画类型，虽然大部分学生都成功制作出了引导层动画，但在具体操作过程中仍然出现了一些问题:比如部分学生对知识理解不透彻，把引导层和被引导层做反了，还有动画对象没有按照设定的引导线去运动，而是直线运动，其实原因很简单，就是在放置动画对象的过程中没有与引导线粘合对齐，导致效果无法出现。因此在制 作中还应该加强指导，对于关键步骤的操作要放慢速度一点一点的去讲。需要注意的地方: 1、引导层要放置在被引导层的上面 2、运动的对象在图层中制作动作补间动画 3、引导层上制作引导线，注意线一定要是连续的不能间断 4、动画对象一定要对在引导线上 1.11,,,,,遮罩动画,,,,, 教学目标 知识与技能:1、使学生理解遮罩动画中遮罩的含义及原理 2、学会遮罩图层的建立和遮罩效果的实现方法 3、能够独立制作遮罩动画 方法与过程:提问调动学生思维，观察动画原理，再通过实例演示教学，让学生了解制作原理充分发挥自己的创意 情感态度价值观:1、感受用Flash制作作品的乐趣，激发学生兴趣 2、感受动画制作的奇妙，培养学生的合作、探究精神 教学重点:遮罩的含义以及遮罩效果的制作方法 教学难点:理解遮罩层与被遮罩层之间的关系 计划课时 ,,,,,1课时 教学过程 一、导入 播放遮罩动画实例(探照灯、画卷、水中倒影) 二、新授 1、提问 打开探照灯源文件，让学生主要观察遮罩层和被遮罩层回答问题 师:通过观察源文件你发现什么没有, 生:光图层的探照灯经过的地方文字亮图层的内容显示，其余部分不显示～ 师:回答的很好～这就是我们这节课要讲的动画效果---遮罩动画 2、遮罩的原理: 遮罩层好比黑夜中的一支手电筒，照在哪儿(指被遮罩层)哪儿就显现。遮罩层决定形状，被遮罩层决定显示的内容～,,,,, 遮罩层与被遮罩层: (1)遮罩层:图形 (2)被遮罩层:被挡住的图片或文字(最终看到的内容) 3、实例制作---探照灯效果【演示】 (1)运行Flash，设置文档属性，背景黑色 (2)把图层1命名为“文字亮”图层，在第1帧键入静态文本“欢迎学习遮罩动画”，文本颜色白色，并拷贝,,,,, (3)新建图层“文字暗”，单击右键【粘贴到当前位置】命令，把欢迎学习遮罩动画粘贴到原来位置。并改变文本颜色为深灰 (4)新建一个图形元件，命名为“光”。在编辑区里面画一个放射状填充的圆形,,,,, (5)返回到场景1，新建图层“遮罩”层。把“光”图形元件拖动到第1帧，调整其在场景中的位置,,,,, (6)在“遮罩”图层的第70帧插入关键帧，并调整场景中“光”图形元件的位置。,,,,, (7)创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面，在“文字亮”图层创建遮罩,,,,, (8)测试影片 4、实例制作----展开画卷【由学生思考回答】 (1)新建flash文档，在“画”图层第1帧制作自己喜欢的画面(制作完成后最好转换为元件)，并延续至50帧左右 (2)在“矩形”图层第,帧上制作一纵向能覆盖画卷的矩形(如图2中暗红色矩形 (3)在“矩形”图层的第40帧上插入关键帧(此时该帧内容现第1帧的相同)，并用“任意变形工具”将该小矩形变形为如图3所示，并在第1帧和第40帧之间做形状补间，延续至50帧: (4)在“右轴”图层第1帧上制作自己喜爱的画卷卷轴，制作完成后转换为元件，延续至50帧， (5)在“左轴”图层第1帧上从库中拖入卷轴元件 (6)在“左轴”图层第40帧上插入关键帧(此时该帧内容也为卷轴)，将该卷轴移动到如图6所示左边位置，并在第1帧和第40帧之间做动作补间，延续至50帧 (7)设置“矩形”图层为遮罩层，“画”图层为被遮罩图层，如图7所示，测试影片。 实例制作—水中倒影 ,,,,,分析动画: 观察生活中的水中倒影可以看出，水波波动时，水里物体的影像会向外扩散，产生比真实物体放大的效果 (1)制作倒影层 ,,,,,?在图层“背景”和“小熊”的第80帧插入帧 ?新建图层，重命名为“水中倒影”，在第50帧插入关键帧 ?复制“背景”层上的倒影图案，粘贴在“水中倒影”图层的第50帧位置，使用“任意变形工具”将图像适当放大 (2)制作水波遮罩 ?新建图层，重命名为“水波” ?在第50帧处插入关键帧，使用“刷子工具”绘制圆环图案 ?在“水波”层的第80帧处插入关键帧，使用“任意变形工具”将水波图案放大 ?在“水波”层的第50帧至80帧之间创建形状补间动画 ?右击图层“水波”，选择“遮罩层”命令，测试影片 应用遮罩时的技巧 1、要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。,,,,, 2、不能用一个遮罩层试图遮蔽另一个遮罩层。,,,,, 3、遮罩可以应用在gif动画上。,,,,, 4、在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。,,,,, 三、学生练习 练习一:制作探照灯效果 文字内容自定，探照灯形状自定 拓展练习:制作水中倒影特效 四、小结 1、 ,,,,,制作遮罩动画之前，先要明确遮罩层和被遮罩层的对象 2、 ,,,,,注意遮罩层与被遮罩层的图层顺序 3、 ,,,,,一种遮罩效果的实现可以有多种方法 五、效果反思 1.12,,,,,按钮元件,,,,, 教学目标: 知识与技能:1、知道按钮元件的功能并了解按钮元件的制作原理 ,,,,, 2、会制作按钮元件并能够正确的定义按钮元件的四个基本状态 3、能够给按钮添加简单的动作 方法与过程:演示、任务驱动 情感态度价值观:1、激发学生对Flash的学习兴趣，使学生保持主动学习和动手实践的热情 ,,,,,2、培养学生在学习中克服困难的意志品质及小组协作精神，通过完成作品，体验成功的快乐 ,,,,, 教学重点:1、编辑按钮元件 ,,,,,2、为按钮元件添加制定的动作 教学难点:在按钮元件中编辑添加动画，并设置正确的动作 教学方法:提问，演示，任务驱动 计划课时:1课时 教学过程: 一、导入: 动画展示:用按钮来控制一段动画的播放。 师:在前面我们所做的动画的基础上，我们可以考虑加上一个按钮，简单的来控制一下它的播放，按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象,今天我们就来讲讲有关按钮元件的制作。 二、新授 1、师:首先请同学们阅读书P100——101“信息快递”的内容，回答如下问题:,,,,, ,,,,,(1)按钮有哪三种状态, ,,,,,生:初始状态、鼠标经过状态和按下时的状态 ,,,,,(2)按钮的四个关键帧各有什么作用, 生:当为元件选择按钮行为时，Flash会创建一个四帧的时间轴,对应按钮的四种状态 ,,,,, 按钮元件的时间轴上的每一帧都有一个特定的功能:,,,,, ,,,,, 第一帧是弹起状态，代表指针没有滑过按钮时该按钮的外观 ,,,,, 第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观,,,,, ,,,,, 第三帧是按下状态，代表单击按钮时，该按钮的外观 ,,,,, 第四帧是点击状态，定义将响应鼠标单击的区域 ,,,,,师:现在我们打开源文件，观察一下我们实例当中的按钮四种状态是怎样的 2、制作简单按钮【实例演示】 ,,,,,(1)插入菜单下的新建元件命令，在打开的新建对话框中的行为选项选中按钮 ,,,,,(2),,,,,在按钮元件编辑区的时间轴上我们可以看到自动分为四个部分分别为:弹起;鼠标经过;按下;点击 ,,,,,(3)在弹起状态，新建一矩形黑色 ,,,,,在指针经过状态插入关键帧，将矩形颜色改为红色 ,,,,,在按下状态插入关键帧，将矩形改为青色 ,,,,,最后在点击状态插入关键帧，因为这一状态只是区域标示，因此在动画播放过程中不会显示这一状态的图形，因此无须更改颜色 ,,,,,想一想:如果我要给我的按钮添加一些文字，比如说播放、暂停，我应该怎么去操作呢, ,,,,,提示:插入一个新的图层，输入文字，别忘了每个状态文字的颜色是不一样的～ 想一想:你会制作文字按钮吗, (1)新建一个名字为“播放”的按钮元件。 (2)进入按钮元件编辑区的弹起状态，在弹起状态，利用文字工具输入“播放” (3)在指针经过状态插入关键帧，并将字体颜色设置为红色 (4)在按下状态插入关键帧，将字体颜色设置为蓝色。 (5)在点击状态插入关键帧，并画一个矩形，完全覆盖文字。 3、基本动作控制命令介绍 (1),,,,,停止命令格式;,,,,,stop(); 说明动作;停止播放头的移动 (2)播放命令 格式;play(); 说明动作;在时间轴中向前移动播放头。 (3),,,,,转移命令gotoAndPlay(scene,,,,,,frame) 参数scene,,,,,播放头将转到的场景的名称。frame,,,,,播放头将转到的帧的 编号或标签。 动作;将播放头转到场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。以上三个命令是动作脚本中最常用的基本动作,它们通过对时间轴上播放头的控制实现的特定功能 4、为按钮添加相应的动作【演示】 (1)在按钮元件上单击鼠标右键，选择“动作” (2)在“动作”面板中，单击“脚本助手”，启用“脚本助手”，如果不使用脚本助手就自己动手输入 (3)在左侧全局函数中选择“时间轴控制”—>“play” (4)在编辑面板中会出现如下语句: on,,,,,(release),,,,,{ ,,,,, ,,,,, Play(); } (意思为单击按钮后播放) 想一想:如果我要再插入一个按钮，让我的影片在单击此按钮之后停止，应该怎样做, ,,,,, 应该选择哪一个语句, ,,,,,如果再插入一个按钮，当我单击时它就从头开始播放，应该怎样做,应该选择哪一个语句, 三、学生练习 在下发的文件中，添加三个按钮:播放和停止和重新开始 功能分别为:点击播放按钮时影片播放，单击停止按钮时影片停止 ,,,,,单击重新开始按钮时影片从头开始播放 四、小结 按钮的插入让我们的Flash更加新颖，互动性也随之增强，希望同学们继续努力，做出更多更好的Flash作品～ 五、课后反思 1.13,,,,,多场景及声音的应用,,,,, 教学目标 知识与技能 ,,,,,1、了解场景的概念 2、认识多场景动画的优势 3、会使用goto,,,,,and,,,,,play语句 过程与方法 ,,,,,提问、演示、任务驱动 情感态度价值观 ,,,,,培养学生对Flash动画的兴趣 教学重点 ,,,,,多场景动画的跳转 教学难点 ,,,,,对场景跳转的设置 计划课时 ,,,,,1课时 教学过程 一、导入 多场景动画是Flash中重要的一课，通过多场景的变换增强Flash动画的表现力，减轻制作上的繁琐程序，这节课我们通过制作一个非常有趣的动画“猜猜我是谁”来学习一下多场景动画的制作方法。【播放动画】 二、新授 师:首先我们先学习一下场景的一些基本操作【演示操作】 (1)如何添加场景 单击面板右下方的添加场景按钮 (2)如何修改场景的名称 双击场景名称进行修改 (3)如何调整场景的顺序 单击选中需要调整的场景，按住鼠标左键进行拖动 (4)如何删除场景 在flash工具栏上点“窗口”,“其它面板”,“场景”。,,,,,如果删除，选中要删除的场景，点垃圾箱按钮删除场景 师:接下来我们就一起来实际制作一下我们这节课的“猜猜我是谁”【演示操作】 1、制作场景，命名为“封面” (1)输入文字“猜猜我是谁”(使用逐帧动画制作) 简单复习逐帧动画的制作方法【提问】 插入不同的关键帧，在其中输入每一个关键帧的内容～ (2)制作三个按钮，实现单击按钮进行相应的跳转 ,,,,,添加新图层，命名为“按钮1” ,,,,,第50帧处插入关键帧，放置“人物1”按钮 ,,,,,添加新图层，命名为“按钮2” ,,,,,第50帧处插入关键帧，放置“人物2”按钮 ,,,,,添加新图层，命名为“按钮3” ,,,,,第50帧处插入关键帧，放置“人物3”按钮 师:接下来我们就要实现按钮的跳转了，首先我们要对场景控制的语句做一个简单的了解 Goto,,,,,And,,,,,Play(“场景名称”，,,,,,“帧数”),,,,,-------跳转到哪一个场景的哪一帧 师:好，那么下面我们就要一起思考一下了，单击这些不同的按钮应该相应的跳到哪个场景的哪一帧呢,【提问】 单击按钮1跳转到人物1场景的第1帧 单击按钮2跳转到人物2场景的第1帧 单击按钮3跳转到人物3场景的第1帧 师:分析完了之后我们应该如何用场景控制语句去实现呢,【提问】【演示操作】 按钮1:on,,,,,(release){ goto,,,,,and,,,,,play(“人物1”,,,,,,“1”) } 按钮2:on,,,,,(release){ goto,,,,,and,,,,,play(“人物2”,,,,,,“1”) } 按钮3:on,,,,,(release){ goto,,,,,and,,,,,play(“人物3”,,,,,,“1”) } 师:下面我们就一起制作我们“人物1”、“人物2”、“人物3”这三个不同场景里面的内容【演示操作】 ,,,,,简单复习遮罩动画的制作方法: ,,,,,遮罩层:图形 被遮罩层:被挡住的图片或文字(最终看到的内容) ,,,,,制作场景“人物1”(遮罩动画) ,,,,,(1)图层1中导入人物图片，40帧处插入帧 ,,,,,(2)图层2制作矩形元件由窄变宽的补间动画，设置图层2,,,,,为遮罩层 ,,,,,制作场景“人物2”(遮罩动画) ,,,,,(1)图层1中导入人物图片，40帧处插入帧 ,,,,,(2)图层2制作圆形元件由小变大的补间动画，设置图层2,,,,,为遮罩层 ,,,,,制作场景“人物3”(遮罩动画) ,,,,,(1)图层1中导入人物图片，40帧处插入帧 ,,,,,(2)图层2制作矩形元件由窄变宽的补间动画，设置图层2,,,,,为遮罩层 三、学生练习 ,,,,,制作“猜猜我是谁”动画，体会多场景动画的制作方法 ,,,,,图片素材可以和老师使用的一样，也可以从网上自己找，动画效果也可以自己创新 四、小结 多场景在复杂动画中经常会用到，就像在话剧表演中要使用多幕一样，我们可以根据需要，将动画中不同主题的内容设置为不同场景，在切换的同时展示丰富多彩的动画效果～ 五、课后反思