6dok快乐猫咪.docVIP

6.快乐猫咪 教学目标： 1.让学生学会制作图形元件 2.学会编辑图形元件. 3.学会创建制作补间动画的方法 知识与技能：通过学习本课让学生了解简单动画效果的制作过程。 过程与方法：让学生通过书本与老师讲授的方法来学习本节课。 情感态度与价值观：培养学生对计算机的兴趣，培养学生动手能力和思维能力。 教学重点： 1.让学生学会制作图形元件 2.学会编辑图形元件. 教学难点： 1.学会编辑图形元件. 2.学会创建制作补间动画的方法 教学方法： 实例法、讲述法 教学过程： 导入新课： 快乐的猫咪看着可爱的蜻蜓飞来飞去，心里一定很羡慕，如果自己也能飞 该有多好! 本课，我们要在库面板中新建图形元件，并将图形元件制作成传统补间动 画的效果。制作完成的动画画面如图6.1所示。 讲授新课： 1.设置文档属性 新建动画文件，修改“文档设置”的背景颜色为“蓝色”。 2.制作图形元件 在“库”面板中制作的“图形元件”虽然也有很多图层，但在场景中却是 一个整体，这个整体可以随意地摆放到场景的舞台中，还可以像印章一样重复使用。 (1)新建图形元件 步骤i:执行“窗口”一“库”命令，弹出“库”面板。 步骤2:单击“库”面板下方的“新建元件”按钮，弹出“创建新元件” 对话框，更改元件名称为“猫”，元件类型为“图形”元件，单击“确定”按 钮。此时“库”面板中出现“猫”的图形元件，并进人图形元件的编辑状态， 如图6.2所示。 (2)制作“猫”图形元件 步骤1:在‘。猫”图形元件的编辑状态下，将“图层I”重命名为“猫”， 如图6.3所示 步骤.2:进人图形元件的编辑状态.界面中间出现的十字形表示为图形元 件舞台的中央，从这里开始绘制图形便于今后调整元件的位!，使用上具面板 中的·椭圆工具.、‘线条工具.绘制猫的外形.使用’选择下其.将直线 调整为弧线.并填充颜色.如图6.4所示。 步骤3:新建图层，重命名为“领结”，使用“线条工具”绘制领结，并填 充颜色，如图6.6所示。 使用制作“猫”图形元件的方法，在‘·库”面板中分别新建“背 景”、“蜻蜓”、“眼睛”的图形元件，，并使用“刷子工具”、“线条 工具”、“铅笔工具”等分别制作各元件，如图6.7所示。 (3)制作花朵点缀背景元件 步骤1:在背景元件中新建图层，命名为“花朵”。 步骤2:选择工具面板中的“Dec。工具”必，调整“属性”面板中的“绘 制效果”为“花刷子”、“高级选项”为“玫瑰”。 步骤3:选择“花朵”图层，在背景恰当的位置单击鼠标或拖曳鼠标，即 可出现“Dec。工具”预设好的玫瑰花，并根据画面需要使用“任意变形工具” 调整大小、角度、位置等，如图6.8所示。 3.制作动画效果 将图形元件分别放置在场景1的舞台中，制作出小猫眼睛随蜻蜓转动的 效果。 (1)将图形元件拖放至舞台中并调整 步骤1:在“场景1，的编辑状态，将“图层1”重命名为“静态， C 步骤2:井‘荤”面菠功砂“背景”元件和猫分别拖到一场景1 ”的“静态”图层中，如图6.9所示 (2)制作蜻蜓的传统补间动画 步骤1:在“静态图层的第45帧插人帧 步骤2:在“蜻蜓图层的第15.30.45帧插人关键帧，分别移动蜻蜓位置 .模拟蜻蜓从画面的右侧飞到左侧的效果如图6.10所示。 步骤3:在“蜻蜓”图层第1-15帧中的任何一帧上右击，选择“创建传统 补间”，此时“蜻蜓”图层面板中的第卜巧帧间用淡紫色背景与实线箭头表 示。分别给第15-30帧，第30-45帧“创建传统补间”，制作完成后的帧面板 如图6.11所示。 4.保存文件 将动画源文件以“快乐猫咪”为文件名保存，并测试生成swf格式的文件。 应用提高： 元件在Flash中的使用率非常高，它是一种可重复使用的对象， 而且反复使用不会增加文件的大小。元件还简化了文档的编辑，当 编辑元件时.重复使用的该元件全部被更新。元件作为一个整体出 现在舞台中，这个整体在“库”中完成制作，这样可以很好地避免直接在舞台 中制作而导致的图层过多，容易混乱的问题。 将元件从库中拖放到场景或其他元件中后，就变成了元件的实例。实例之 间是独立的，对某一个实例的编样不会影响其他同元件的实例。元件和实例之 间既保持一定的联系，又具有一定的独立性。 创建元件后，可以在文档中重复使用它的实例。可以修改单个实例的颜 色、缩放比例、旋转、Alpha透明度、亮度、色调、高度、宽度和位置等实例 属性，而不会影响其他实例或原始元件。 元件包括图形元件、影片剪辑元件和按钮元件3种类型。图形元件适用 于静态图像的