82中职flash教案 高等教育出版社

动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第1课课题动画设计概述教法讲授课型新授教学目标认知认识FlashMX2004的历史、特点技能懂得安装FlashMX2004情感培养学生的学习兴趣，使学生主动学习教材分析重点安装FlashMX2004难点安装FlashMX2004关键安装FlashMX2004教具环节教师讲授指导内容学生活动时间开始部分：介绍这节课要讲的知识点：•1、FlashMX的历史•2、FlashMX的特点•3、FlashMX的安装展开部分：FlashMX概述1．1．1Flash的历史Flash的前身是美国一家电脑公司生产的一个很小的计算机软件，早期称为FutureSplash。从flash1.0发展到现在的flash9.0。我最常用的还是flashMX2004版本。1．1．2Flash的特点1．使用矢量图形和流式播放技术。2．通过使用关键帧和元件，使得所生成的.swf格式的动画文件非常小。3．将音乐、动画、声效融合在一起。这样使得越来越多的人把Flash作为网页动画设计的首选工具。4．拥有功能强大的ActionScript语言，有自己的ActionScript函数、属性和目标对象等，兼容并支持Flash低版本。另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。FlashMX的特点还有很多，需要我们在学习本教程的过程中，认真仔细的去体会。FlashMX安装1．2．1FlashMX的系统需求•600MHz英特尔奔腾Ш处理器或以上。•Windows98SE，Windows2000，或WindowsXP。•128MB内存（FlashMX较以前版本，占用内存较大，建议使用256MB内存）。•190MB可用硬盘空间。1．2．2FlashMX的安装过程现场展示安装过程。作业复习课堂知识。动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第2课课题动画设计概述教法讲授课型新授教学目标认知熟悉FlashMX2004的常用工具和面板技能能使用FlashMX2004的常用工具和面板情感培养学生的学习兴趣，使学生主动学习教材分析重点FlashMX2004的常用工具和面板难点FlashMX2004的常用工具和面板关键FlashMX2004的常用工具和面板教具环节教师讲授指导内容学生活动时间FlashMX的工作环境分别介绍以下几个知识点：1、标题栏：2、菜单栏：3、时间轴：4、工具箱：5、舞台：6、各种面板：1．3．3场景与舞台1．3．4时间轴窗口1．3．5工具栏1．3．6浮动面板•1、属性面板•2、混色器面板•3、颜色面板4、信息面板•5、变形面板6、动作面板•7、电影浏览器面板•8、库面板板书设计作业复习课堂知识。动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第3课课题逐帧动画教法讲授课型新授教学目标认知理解时间轴和帧的概念及操作技能懂得绘图工具的使用和图形颜色的编辑情感培养学生的学习兴趣，使学生主动学习教材分析重点逐帧动画的制作难点逐帧动画的生成关键逐帧动画的生成教具环节教师讲授指导内容学生活动时间开始部分：在了解FLASH的历史、特点，以及相应的工作环境后，心急的你一定想亲自动手制作动画了吧？展开部分：•绘图工具的使用动画里包含各种各样精彩的图形，使用工具箱里的基本画图工具就可以绘制出自己想要的图形。比较常用的有铅笔工具、钢笔工具、直线工具、椭圆工具、矩形工具等，尽管使用这些工具创建的矢量图形比较简单，但是这些简单的图形对象是创建复杂矢量图形的基础。下面我们通过一些简单实例来介绍如何使用这些工具创建矢量图形。实例剖析帧帧动画，也叫逐帧动画，是由若干个连续关键帧组成的动画序列，是和传统的动画制作方式类似的最为基础的动画制作方式。在制作这种动画时，需要对每一帧的内容进行逐个绘制，工作量非常大，但是其所产生的动画效果，也是相当强的。帧帧动画非常适合于制作复杂的动画场景，这样可以通过每一帧的内容来表现对象发生的微妙过程。但帧帧动画对于人员的绘图技巧有着较高的要求，而且文件的数据量也变得非常大。下面介绍其制作步骤。编辑帧帧动画的具体步骤如下：1．单击某个图层使其成为当前层；2．在该层上选择起始帧；3．把起始帧设置为关键帧；4．设置背景图；5．在起始帧建立动画内容；6．设置起始帧后的第2帧，将该帧设置为关键帧，然后编辑内容；7．重复第6步，设计其他的每一帧；8．执行【控制】菜单中的【测试影片】命令观看设计效果；9．关闭播放窗口，回到编辑舞台，如不满意重新编辑；10．重复第8、第9步，直到设计出满意的效果为止。作业习题动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第4课课题逐帧动画教法讲授课型新授教学目标认知理解时间轴和帧的概念及操作技能懂得绘图工具的使用和图形颜色的编辑情感培养学生的学习兴趣，使学生主动学习教材分析重点逐帧动画的制作难点逐帧动画的生成关键逐帧动画的生成教具环节教师讲授指导内容学生活动时间制作一个小跳动的秒表，具体操作步骤如下：⑴选择【文件】菜单中的【新建】命令，在弹出的【新建文档】对话框中选择“Flash文档”。⑵在文档【属性】对话框中将舞台大小设置为500*100像素，背景色为淡紫色，使用默认帧频12fps（帧/秒），如图2-27所示。实例剖析⑶在工具箱中选择文本工具，在舞台下边的【属性】面板中设置字体为ArialBlack，字体大小为60磅，字体颜色为黑色，如图2-28所示。⑷在舞台中间单击鼠标，看见文本输入标志，输入数值“01”，在上边的时间轴中可以看到第1帧出现了一个黑色圆点，表示已经建议了一个有内容的关键帧，如图2-29所示。⑸在时间轴上单击第2帧，按F6键，即插入一关键帧，可以看到第2帧的位置上出现了一个黑色圆点，表示第1帧的内容被完全复制到了第2帧上。选中第2帧，将原来的“01”删除，改成“02”，这样第2个关键帧所对应的内容为数字“02”，如图2-30所示。⑹按照第5步的方法继续下去，在第3帧上插入一个关键帧，将舞台上的数字改成“03”。在第4帧上插入一个关键帧，将舞台上的数字改成“04”……依次类推，到第10帧的数字为“10”，如图2-31所示。⑺用鼠标单击第一帧，指定第一帧为当前帧。执行【控制】菜单下的【测试影片】命令，可以观看到数字变化的过程。作业习题动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第5课课题补间动画教法讲授课型新授教学目标认知懂得图形工具的使用技能掌握形状动画和动作动画的制作情感培养学生的学习兴趣，使学生主动学习教材分析重点形状动画和动作动画的制作难点形状动画和动作动画的制作关键形状动画和动作动画的制作教具环节教师讲授指导内容学生活动时间在舞台上创建图形后，常常需要对其进行修改、编辑等操作。FlashMX2004提供了多种编辑矢量图形的工具，对于对象的处理方式也多种多样，包括选择对象、移动对象、对齐对象、组合和打散对象等，使用图形编辑工具对已经创建的矢量图形进行加工处理，是使基本的对象最终变得丰富多彩的必要手段。•一．选择对象•1、使用【箭头】工具选择对象•2、使用【套索】工具选择对象•二、删除、移动和复制对象•删除、移动和复制对象是编辑对象中最基本的操作，这些操作都很简单。•1、删除对象2、移动对象3、复制对象•三．改变对象的大小与形状•在FlashMX2004中，可以改变对象的大小与形状，如使用箭头工具可以任意改变对象的大小或进行缩放，使用菜单命令可以精确调整对象等等。•1、使用箭头工具任意改变对象的大小与形状•2．使用任意变形工具改变对象的形状•3．使用命令菜单精确调整对象•4、使用【变形】面板精确进行调整•5、使用【信息】面板进行精确调整动画设计2008.09高等教育出版社•四．对齐对象•在制作动画的过程中，用户需要借助许多辅助工具来布局、管理所制作的对象。其中【对齐】工具为用户控制对象的布局提供了很大的方便。•1．【对齐】面板2．对象间的分布与对齐3．对齐到场景•五．组合对象•在FlashMX2004中，经常用到对象的组合，它使用户更加轻松地将对象进行有机的结合，使操作更加合理、使用更加方便、绘图更加快捷。•1．建立组合对象2.编辑组合对象3．解散组合对象•六．分离对象•分离对象，也叫作打散对象。当需要分离对象时，执行【修改】菜单下的【分离】命令，即可将所选对象分离。分离命令用来将集合、文本块、实例、位图和OLE对象分成独立的可编辑的元素。它可以显著地减少输入图形的文件尺寸。作业动画设计2008.09高等教育出版社专业计算机学科动画设计班级08计算机时间第6课课题补间动画教法讲授课型新授教学目标认知懂得图形工具的使用技能掌握形状动画和动作动画的制作情感培养学生的学习兴趣，使学生主动学习教材分析重点形状动画和动作动画的制作难点形状动画和动作动画的制作关键形状动画和动作动画的制作教具环节教师讲授指导内容学生活动时间实例剖析•制作动画除了有逐帧动画外，还有一种补间动画方式。在补间动画中，又分为补间形状和补间动作两种类型。•形状渐变动画就是使图形对象在异端时间内由一种形态变成另一种形态。形态包括图形对象的外观样式、位置、大小和颜色等。形状渐变动画的对象只能是矢量图形。如果要对符号、文字或者位图图片进行变形动画的话，需要先将他们打散，让它们变成矢量图。•动作动画就是改变物体两帧之间的位置，令物体从一个位置移动到另一个位置的动画。动作动画的对象是组、符号（实例）、文本块和位图图形等。除了实现对象位置的移动外，还可以使对象产生大小、旋转和颜色的渐变效果等。动作动画是FlashMX2004中常用的一种动画制作方法。但动画制作也有局限性，如初学者经常在舞台上绘制一些矢量图形，在没有转换成元件之前，是不能创建动作动画的。•下面通过两个具体的例子来学习形状动画和动作动画。•3．2．1形状渐变动画——圆变化为正方形•如下步骤中我们制作一由圆变化为正方形的形状渐变动画。•（1）选择【文件】菜单下的【新建文件】，建立一flash文件。•（2）在工具箱中选择椭圆工具，关闭笔触颜色，选用绿色填充色。在舞台中画出一个正圆。•（3）选中时间轴上任一帧，如第15帧，单击鼠标右键，选择“插入空白关键帧”，如图3-62所示。•（4）在工具箱中选择矩形工具，在舞台中画出一个矩形，看到时间轴上第15帧变成有黑圆点的关键帧，如图3-63所示。•（5）在时间轴上单击第1帧，指定这一帧为当前帧。在“属性”栏“补间”下拉框中选择“形状”选项。看到时间轴上从变形起始帧到结束帧之间产生了一条带箭头的实线，如图3-64所示。动画设计2008.09高等教育出版社•（6）到此，形状渐变动画已经制作完毕。按回车键，可以看到起始帧的圆逐渐变成了结束帧的正方形。•3．2．1动作动画——颜色渐变的运动球•下面步骤我们制作一个运动的球，在运动过程中颜色从绿色到无色，再从无色到绿色。•（1）选择【文件】菜单下的【新建文件】，建立一flash文件。•（2）在工具箱中选择椭圆工具，关闭笔触颜色，选用绿色为填充色。在舞台中画出一个正圆。•（3）选中绘制的圆，将其转化为“图形元件”，名称为“球”。•（4）选中第1帧，将球拖放到舞台的最左边。•（5）选中第10帧，按F6键，复制一关键帧。选中球，将球拖放到舞台中间。在【属性】面板【颜色】选项中，选择“Alpha”，将其设置为“0%”。如图3-65所示。•（6）选中第20帧，按F6键，复制一关键帧。选中球，将球拖放到舞台最右边。在【属性】面板【颜色】选项中，选择“Alpha”，将其设置为“100%”。•（7）在时间轴上单击第1帧，指定这一帧为当前帧。在“属性”栏“补间”下拉框中选择“动作”选项。选种第10帧，做同样的设置。看到时间轴上从变形起始帧到结束帧之间产生了一条带箭头的实线，如图3-66所示。•（8）至此，动作动画已经制作完毕。按Ctrl+回车键测试影片。可以看到球从舞台的最左边运动到舞台的最右