北大青鸟flashCS3教案-第四章-元件、帧及实例使用技巧.doc

第四章 元件、帧和实例使用技巧
一、复习：
1、帧分哪几类？
2、如何插入不同类型的帧？
二、引入：
元件是Flash中创建动画和交互元素的重要部分，尤其是对于比较大的Flash动画，如果把所有的小动画都在一个时间轴上体现出来几乎是不可能的，只能借助元件，将一些小动画装入元件中，需要的时候再调用即可。下面讲解元件的基础知识和创建方法。
三、新课：
（一） 创建和编辑三种元件
1． 元件的类型
元件是动画中可以反复取出使用的一个小部件，它可以是图形、按钮或一个小动画，它可以独立于主动画进行播放。元件可以反复使用，因而不必反复制作相同的动画或素材，大大提高了工作效率，常见的元件类型有以下几种。
Ø 按钮元件：按钮元件用于创建动画的控制按钮，以响应鼠标的按下、单击等事件。按钮元件包括“弹起”、“指针经过”、“按下”和“点击”4种状态，在按钮元件的不同状态上创建不同的内容，可以使按钮对鼠标操作进行相应的响应。
Ø 图形元件：图形元件用于创建可反复使用的图形，它可以是静止图片，也可以是由多个帧组成的动画。它的特点是拥有相对独立的编辑区域，如果将其调用到场景中，会到受场景中帧的约束。
Ø 影片剪辑元件：影片剪辑元件本身也是一段动画，可以独立播放。当播放主动画时，影片元件也在循环播放，它不会受到场景中帧的约束。
2． 元件的创建方法
Ø 新建一个空白元件，在元件编辑状态中创建元件内容。
Ø 将场景中创建好的对象转换成元件。
Ø   将动画转换成图形元件或影片剪辑元件。
Ø 在元件库中复制元件。
创建图形元件
下面以创建一个简单的图形符号为例，说明图形元件的创建方法，其具体操作如下。
（1）新建一个文件，选择[插入]4[新建元件]菜单命令，或按【Ctrl+F8】键打开“创建新元件”对话框。
（2）在“名称”文本框中输入元件的名称，如“人”。
（3）在“行为”栏中根据需要选择不同的选项来创建不同的元件，如选中单选
项，如图所示。

（4）单击按钮，即可建立一个名为“人”的空白图形元件，并进入元件编辑区。在元件编辑区的上方有一个图形元件图标 ，其后显示图形元件的名称，单击“元件编辑” 按钮，在弹出的下拉列表中可看到已创建的图形元件名称，如图所示。

创建按钮元件
创建按钮元件的方法为：选择[插入]→[新建元件]菜单命令，或按【Ctrl+F8】键打开“创建新元件”对话框，在其中的“名称”文本框中输入元件的名称，在“行为”栏中选中单选项，单击 按钮即可进入按钮元件的编辑区，如图所示。其中包括4个帧“弹起”、“指针经过”、“按下”和“点击”。不同的帧代表不同的状态，各帧的含义如下。

弹起：在该帧中创建正常情况下按钮的状态。
指针经过：在该帧中创建鼠标光标移到按钮上时的状态，如将鼠标光标移到
按钮上时按钮会改变状态，如缩放、变色等。
按下：在该帧中创建按下鼠标左键时按钮的状态，如当按钮被按下时比未被
按下时小一些或者颜色变暗一些。
点击：在该帧中指定在哪个范围内鼠标单击时会影响到按钮，用来表示作用
范围，可以不对其进行设置，也可通过绘制一个图形（如圆形或矩形）
来创建响应范围。
创建影片剪辑元件
为了简化操作或减小文件大小，常常需要将一些小动画放到影片剪辑元件中
（二） 元件制作
1． 企鹅拍照

2． 动感导航

3． 悠悠的博客

（三） 实练案例的制作
1． 实练案例1—儿童网站主页
² 需求描述：
制作儿童网站主页
² 实现思路：
v 创建编辑图形、按钮和影片剪辑
v 使用矩形、颜料桶、部分选取和渐变变形工具
² 素材和效果

² 操作步骤（略）
四、小结,
重点：元件的类型和编辑方法，实练案例1案例2的制作。
难点：实练案例1案例2的制作
五、作业
理论：1. 帧分哪几类？如何插入不同类型的帧？
2. 元件有哪几种？举例说明某一类元件的制作方法。