动画——红星闪闪.doc

遮罩动画红星闪闪一、教学内容分析在日常生活中我们经常会看到很多眩目神奇的效果，如水波、万花筒、百页窗、放大镜、望远镜等等，而这些效果就是用最简单的“遮罩”完成的。Flash中的遮罩和遮罩层是紧密联系在一起的，在遮罩层中的任何填充区域都是完全透明的，而任何非填充区域都不是透明的。在本课Flash教学中，除了给学生简单介绍“遮罩”的基本知识外，还结合实际经验介绍一些“遮罩”的应用技巧。最后，让学生用补间动画的方法进行实例操作，达到加深对“遮罩”原理的理解。二、学生情况分析本节课教学对象是六年级学生，他们已经初步掌握了Flash的基本知识，能够制作简单的补间动画以及引导层动画。并在前几课他们已经了解了有关“遮罩”动画的相关概念。本课主要是综合运用工具箱中的各种工具，利用补间动画制作“遮罩”动画。三、教学方法本课以引导启发、探究学习为主，以观察比较、分析结构、讨论合作的方法，让学生在掌握知识、主动探究、提高能力的同时驱动完成任务。四、教学准备百叶窗、放大镜、万花筒等静态图片。百叶窗、放大镜、万花筒等遮罩动画演示课件。五、教学目标1、灵活运用工具箱中的各种工具。2、学习使用橡皮工具中的“水笼头”工具和擦除线条。3、遮罩动画的制作。六、教学重难点重点：将线条转化为填充，制作遮罩动画。难点：使用变形面板，任意变形工具中“中心点”的应用。七、教学过程阶段教 师 活 动学生活动设置意图创设情境1、图片欣赏：教师出示百叶窗、放大镜、万花筒等静态图片，请同学们欣赏。2、动画欣赏：教师出示百叶窗、放大镜、万花筒等遮罩动画演示课件，请同学们欣赏。3、总结：通过观察、比较，让学生产生好奇，从而激发学生求知欲望，引入课题。讨论：分别请同学们说一说两种效果的视觉感觉有什么异同。如：静态图片就是按照一定规则在平面上组合成图案的，而仅仅是对人的视觉形成幻觉空间。动态图片可以使整个画面生动、活泼，表现力强，增加动感。通过观察、比较，让学生产生好奇，从而激发学生求知欲。新授新授新授新授新授新授1、出示成品动画闪闪红星请同学们欣赏。2、创建影片文档 （1）、设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*400象素，【背景色】为黑色。（在教程中，我们为了更好的显示场景中的内容，背景色设为了深蓝色），如图（一）所示。图（一） 文档【属性】面板3、创建元件 （1）、 创建“闪光线条”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具栏上的直线工具，在场景中画一直线，在【属性】面板上作如图（二）设置。图（二） 闪光线条的【属性】面板参数设置 （2）、 创建“闪光线条组合”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图（三）所示。图（三）创建闪光线条元件从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中，在X轴上的位置为-200，Y轴为20。然后单击工具栏上的任意变形工具，此时元件的中心会出现一个小白点，它就是对象的“中心点”，用鼠标左键按住它，拖到场景的中心处松手。图（四）中的“1”显示的是中心点在元件的中心时的情形，“2”显示的是中心点已拖到场景中心时的情形。图（四）移动中心点到场景的中心然后执行【窗口】|【设计面板】|【变形】命令，打开变形面板，选中【旋转】，角度为15度，连续按下【复制并应用变形】按钮，在场景中复制出的效果如图（五）所示。图（五）变形面板及复制好的元件在时间轴的关键帧上点一下，选中全部图形，执行【修改】|【分散】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。（3）、创建“闪光”元件执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“闪光”，如图（六）所示。图（六） 创建“闪光”元件单击【确定】后进行“新元件编辑窗口”，接着把库里名为“闪光线条组合”的元件拖到场景中，对齐中心点，复制此元件，在第30帧处加关键帧，再回到第1帧中建立补间动作动画，【属性】面板上设置顺时针旋转一周。然后新建一层，在第1帧中执行【编辑】|【粘贴到当前位置】命令，使二层中的“闪光线条组合”完全重合，再执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层的线条方向相反，在场景中形成交叉的图形。在第30帧处建立关键帧，在第1帧中建立动作补间动画，【属性】面板上设置逆时针旋转一周，最后将此层设为遮罩层，如图（七）所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。图（七）“闪光”元件编辑界面（4）、 创建“红星”元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“红星”。我们要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的画法，图（八）中的“1-9”的数字表示这九个步骤。图（八）红星的九步画法第一步，按住shift键，从场景中心向上画一根黄色的线条，如图（八）中的“1”所示。第二步，选择工具箱中的任意变形工具,在画好的线条上点一下，这里，线条的中心出现一个白色的小园点，我们叫它“中心点”。如图（八）中的“2”所示。第三步，鼠标左键按住这个小白点，拖到线条的最下端，这是因为我们要让线条要以下端为中心旋转复制。如图（八）中“3”所示。第四步，执行【窗口】|【设计面板】|【变形】，打开变形面板，各参数设置如图（九）。按下【复制并应用变形】按钮四次，就会在场景中每隔72度复制出一根线条，五个线条的顶端构成五角星的五个顶点。如图（八）中的“4”所示。图（九）变形面板第五步，用绿色线条分别连接五根线条的顶端，五角星的模样已经出来了，如图（八）中“5”所示。第六步，用白色线条分别连接五角星中心和上一步连线的中点，如图（八）中“6”所示。第七步，选择工具栏上的橡皮工具 ，在工具栏下面的选项中选择“水笼头”工具，在多余的线段上点一下，去除线段，修整好的五角星如图（八）中的“7”所示。第八步，用油漆筒工具给五角星上色，每个角的左右颜色可略有区别，增加立体感，如图（八）中的“8”所示。第九步：再选择橡皮工具，点开旁边的小三角，在“擦除线条”前打勾，如图（十）所示。图（十） 擦除线条用橡皮工具擦去红星上的线条，一颗漂亮的红星就做成了，如图（八）中“9”所示。技巧：在Flash中，还可以用更简单的方法画红星，选择工具栏上的多角星形工具，如图（十一）。图（十一） 多角星形工具图（十二） 多角星形工具选项设置面板4、创建动画 回到主场景中，把“闪光”元件拖入第二层，新建二层，第三层中拖入“红星”元件，在场景的下方写下白色的“红星闪闪”的文字，完成后的时间帧面板及场景如图（十三）所示。图（十三） 时间轴及场景按Ctrl+Enter组合键，测试动画。此时，你欣赏着自己亲手做的“闪闪红星”动画，心中再回想一下“遮罩”在动画中的作用，是否已经感受到“遮罩”这一功能的神奇？请同学们分析结构：这个动画分为哪几部分？（背景、闪光、文字、五角星）静态的是哪几部分？（背景、文字、五角星）动态的是哪部分？（闪光）也是我们这节课学习的重点。看演示、学方法。同时培养学生观察力。线条属性可以让学生自由设置，体现学生自主。让学生自己学做闪光线条组合。提示学生“中心点”的位置安排，不同位置，效果不同。灵活运用【设计面板】，培养自信，激发学习兴趣。演示几种元件：理解各元件意义。熟练运用菜单命令，增强自信心。强调【粘贴到当前位置】命令。学生自主探究红星的制作方法。提示“中心点”的位置，运用放大工具。通过大胆尝试，培养学生解决问题，分析问题的能力。练习【混色器】，学生自主运用。自主探究“水龙头”，以及其他方法。让学生之间讨论其他方法。【属性】设置不同，产生的效果不同。激发欲望。学生自由组合，演示效果。同学之间相互欣赏、评价。体验成功。激发想完成任务的愿望。直观引导学生明确学习任务。自主探究、尝试。为学生提供展示平台。让学生大胆尝试各种效果。自主探究。为学生提供练习平台。多上机操作。比较、模仿。体现学生自主探究。激发兴趣。学生之间可以相互讨论。通过实际问题培养学生学习兴趣。通过实际操作解决问题。比较不同效果。学生讨论交流制作体会。通过相互观察、比较、评价进一步培养求知欲。八、教学反思1、本课教学通过学生在操作实践中主动参与、主动实践，体现教学过程以人为本的教学思想。教学的效果体现在学生完成任务上，同事也体现了教师是组织者、引导者，学生是学习的主体。在教学过程中，让学生在操作实践中学习、领悟，从而体验探究过程，完成任务。2、课堂教学不应拘泥