师：同学们，今天我们一起来学习初三年级广州版信息技术第一章动画制作初步第四节元件的内容。本节课的学习目标是：一、知道元件的定义及其三种类型；二、通过影片样例的制作，掌握图形元件和影片剪辑元件的创建及应用方法；三、理解元件在动画制作中的应用优势；四、学会工具箱常用工具的使用。
本节课的课堂任务是制作影片样例《路边的木棉花》。看到这个画面，也许有同学会说：“老师，利用前三节课所学知识，我觉得我已经能够完成这个影片的制作。”我们一起来看看这位同学是怎么做的？
生：打开Flash软件，新建一个Flash文件，将背景图导入到舞台。添加图层，在木棉花图层的第一帧绘制一朵木棉花，调整大小和位置，创建旋转效果的补间动画。重复进行增加图层、复制花朵、创建补间动画的操作，添加更多的木棉花，完成影片效果。
师：非常不错。这位同学将前面所学的图层、补间动画等知识点综合运用起来，完成了影片的制作。但是回顾一下这位同学的操作过程，同学们有没有发现新增图层、复制花朵、创建补间动画这几个步骤是重复执行的？需要木棉花的数量越多，重复执行的次数也就越多。有没有什么办法可以简化操作呢？这一节课我们即将要学习的元件是不是可以帮我们解决这个问题呢？现在我们先来对元件的定义及种类做一个初步的了解。元件指的是Flash中的独立元素，可以是一段文字、一个图形、一个按钮、一段动画片段等等。如果把动画制作的过程比喻为一台演出活动，那么库面板中各个元件就好比候场室里各个类型的演员。元件的类型有三种：一、图形元件，我们常用它来创建静态图像，或是与时间轴同步的可重用动画片段；二、影片剪辑元件，多用它来创建独立于主时间轴的可重用动画片段；三、按钮元件，主要用来创建响应鼠标单击、指针经过或其他动作的交互式按钮。
对元件的定义和类型有了初步的了解后，现在我们再回过头来观察一下影片画面中有哪些独立元素，尤其是重复出现的元素呢？那么也许可以尝试将它转化为元件后，以重用的方式来简化操作。因此这个任务我们可以把它分解为两个主要步骤：一、创建元件；二、应用元件。在步骤一中，我们会将一朵木棉花的图形以及旋转的动画片段分别创建为图形元件和影片剪辑元件，完成后，在步骤二中把它们适当地应用到场景中实现动画效果。这两个步骤就好比演出中演员准备和演员上场两个环节，现在我们再逐个步骤来进行详细的学习。
步骤一，创建元件。首先我们先来制作图形元件木棉花，通过执行“插入 - 新建元件”的命令，把元件的名称命名为“木棉花”，类型选择“图形”，确定后，进入“木棉花”这一图形元件的编辑界面。在这里我们会使用工具箱中几个常用工具，结合变形面板和颜色面板上部分参数的设置，一起来完成一朵木棉花的绘制，现在我们一起来看看具体的操作过程。
设置好背景后，现在我们来进行创建图形元件的操作。执行菜单“插入 - 新建元件”的命令，将元件的名称命名为“木棉花”，类型设置为“图形”，点击确定后进入编辑模式。现在我们来进行木棉花的绘制。找到工具栏中的矩形工具，切换到椭圆工具，笔触设为灰色，填充颜色设为空。在中心点的上方画出一个椭圆，利用选择工具调整花瓣的外形，点击任意变形工具，把花瓣的中心点转移到下方。接下来打开变形窗口，旋转角度设为72度，点击下方“重置选区和变形”按钮，连续点击4次，便能得到一朵木棉花。然后使用橡皮擦工具，切换到水龙头模式，将花朵中间的多余线条逐个点击删除。我们来进行填色，打开颜色面板，类型选择“放射状”，把颜色调整完毕，用颜料桶工具把颜色填充到花朵中间，最后使用刷子工具，颜色设为黄色，在花朵中心处点上几笔作为花蕊。至此，我们已经完成木棉花的绘制，图形元件创建完毕，返回场景。
师：完成元件的创建后，同学们需要注意的是，此时它并不会直接出现在舞台上，而是保存在库面板中来进行管理的。要想在舞台上看到它，我们就需要把这位“演员”请上场，应用到场景中形成实例才可以实现相应的动画效果。那该如何应用呢？
生：只需在库面板中找到所需元件，点击拖曳到舞台上即可形成实例，实现元件的调用，然后再利用任意变形工具，根据画面效果的设计去调整每个实例大小、位置、角度等属性，使之与画面效果匹配。
师：我们来看看相应的操作过程。要实现元件的应用，只需在库面板中找到已创建完成的元件，可以在预览窗口中查看元件的内容。点击将其拖曳到舞台，这时该图形元件就已参与到动画画面，形成了一个实例，实现了应用。我们再利用任意变形工具调整木棉花的大小、位置、角度等，使之与画面效果匹配。接下来我们还需要继续添加第二、第三甚至更多的木棉花，需要再次去创建元件吗？
生：当然不需要。元件有一个非常重要的特点，就是元件一经创建可重复使用，因此我们可以重复拖曳的操作，再次应用元件形成第二个实例。新生成的实例可以有不同于其他实例的位置、大小、角度等属性，也可以对实例以复制粘贴的形式实现对元件的再一次调用。这样的操作不仅是对元件调用的复制，也是对该实例属性的复制。元件的这个特点使得我们所创建的元素可以以一当百地使用，提高了创作的效率。
师：学会了元件的基础应用后，我们来进行一个探究小任务：舞台上的实例除了大小、角度等能不能进行颜色的调整，这样画面的色彩效果会更加丰富。但是同时也有同学会担心这样的调整会不会影响到元件本身的内容，我们一起通过实践来看一看。
生：实例的属性值，其实不仅仅有位置、大小、角度等，点击某一个实例，打开它的属性面板，可以看到有若干个属性栏可以来设置。我们先来看看“色彩效果”这一项，在这里我们可以通过调整实例的亮度，使得每朵木棉花有明暗的区别，也可以通过色调的设置调整每朵木棉花的颜色，甚至是Alpha值，也就是透明度值，也可以做相关的设置。不同类型的元件，属性面板中还有不同的项目。
师：现在我们返回到库面板，双击打开图形元件“木棉花”的编辑界面，可以看到，虽然我们对实例的色彩效果做了调整，但是木棉花依旧是原来的样子，因此同学们可以根据画面效果的设计，大胆地对实例的相关属性项进行合适的设置，因为元件还有一个特点，它所形成的实例属性值的改变并不会影响元件本身的内容，这个特点也使得我们可以通过一个元件去变换出更多不同显示效果的“分身”。我们并不需要把每种颜色、每种亮度的相似元素都分别去创建元件后再来使用。
那如果元件被重新编辑后，对已生成的实例会产生什么样的影响吗？接下来我们来进行第二个探究任务。
元件应用后才发现内容需要调整，这是在动画制作中经常遇到的问题，选定需要修改的元件，双击预览窗口，进入编辑模式，对元件的内容重新编辑，即可完成修改。那么问题来了，修改后，原先我们对该元件已调用形成的实例怎么办呢？
生：回到场景会惊讶地发现，原先我们编辑的实例在返回场景的那一刻已经全部完成了更新。这样我们就不需要再逐个去调整或是重新执行应用。