第四课
图形元件的应用
教学设计
1教学目标
1、理解元件的概念及其作用，了解实例的意义。
2、通过制作动画作品中的角色元件，掌握创建元件、编辑元件和应用元件的方法。
3、在临摹手绘角色的过程中，熟练掌握线条工具，选择工具的配合使用，并能综合运用常用工具制作完整的角色元件。
2学情分析
经过几周的学习，学生们对flash有一定的了解，并且也很感兴趣，但是由于信息技术课程，每周一节，课时少，学生容易遗忘，因此每节课的练习时间至关重要。在练习任务的设计中，注重学习性和趣味性，能学生每节课都能充分地调动其积极性。
3重点难点
创建元件和应用元件的方法。
4教学过程
活动1【导入】情景导入
观看《喜羊羊与灰太狼》动画影片，初步介绍元件的概念。
活动2【讲授】二、元件的概念
（1）元件是一种能够被重复使用的素材。（习以为常的素材有音频素材，图片素材，视频素材，所以可以简单地把元件认同为和他们相似的某一素材）。
（2）元件的作用：在制作过程中，会有大量的素材被重复使用，简单的复制素材会导致资源的浪费，从而使制作过程变得缓慢。但是调用元件来达到素材重复使用的目的，使得占用内存资源较少。
（3）元件分为图形元件，按钮元件，影片剪辑元件。
图形元件：适用于创建静态的对象。
按钮元件：用于设置鼠标响应事件。
影片剪辑元件：适用于创建动态的对象。
1.播放《喜羊羊与灰太狼》动画中的某一片段，请学生回答出青蛙元件属于上述哪一类元件？
2.播放《声音数字化》flash短片，请学生回答出女孩元件属于哪个元件类型？
3.播放《信息数字化》flash短片，请学生回答出女孩元件属于哪个元件类型？
活动3【讲授】三、图形元件的创建
（1）图形元件的新建
1.打开“声音数字化2.fla”文件。
2.新建一个空白元件，单击菜单“插入”——“新建元件”，名称为“女孩”，类型为“图形”。
（2）将图形转化为元件
1.先编辑图形
2.选中图形，右键点击“转化为元件”。
活动4【讲授】四、图形元件的编辑
（1）进入元件编辑窗口
1.双击左键库面板中的元件进入。
2.双击左键场景中的实例进入。
（2）绘制“女孩”元件
1.打开库面板中名为“女孩”的图形元件。
2.导入一张女孩的临摹图。
3.添加名为“女孩”的新图层，用线条工具绘制。
4.用“颜料桶工具”进行填色。
5.删除临摹的图片的图层。
活动5【讲授】五、图形元件的应用
（1）图形元件的应用
1.单击“场景1”按钮，回到主场景工作区。
2.新加你一个图层，将图层名称改为“女孩”。
3.将库中的“女孩”元件拖动到舞台的适当位置，使之成为实例。
4.保存
活动6【练习】6.1随堂练习
（1）什么是元件？元件的作用是什么？
（2）Flash元件包括哪三种类型？
活动7【练习】6.2随堂练习
（1）将“电脑机箱”制作成元件，如图所示：(共16张PPT)
第四讲
图形元件的应用
目
录
CONTENTS
1
2
3
4
元件的基本概念,作用，类型
元件的创建
元件的应用与编辑
元件与实例的区别
1
1.1概念介绍
元件
元件是一种能够被重复使用的素材。
1
1.2作用介绍
元件
复制粘贴也可以实现素材的重复，但造成了素材的数量的增加，会大量的占用系统资源，使制作过程变缓慢。利用元件创建多个相同图形的时候却不会增加内存。
1
1.3元件的类型
元件
元件分为图形元件，按钮元件，影片剪辑元件
图形元件：适用于创建静态的对象。
按钮元件：
用于设置鼠标响应事件。
影片剪辑元件：适用于创建动态的对象。
元件的创建
2
问题
元件如何创建？
如何将位图文件变成元件？
将场景1中的元件删掉，元件会不会消失？
创建好的元件会存放在哪里？
2.1元件如何创建？
2
返回
1.在“插入”菜单中选择“新建元件”，弹出“创建新元件”对话框，如图所示
2.将元件名称修改为“女孩”类型选择为“图形”，单击“确定”按钮。
3.将“女孩”素材通过“文件”菜单导入到库。
4.将“女孩”素材从库中拖动到舞台
5.元件创建完成，回到“场景1”。
2.2如何将位图文件变成元件
2
返回
1.将导入到库的“女孩”素材，拖动到舞台，此时是位图而非元件。
2.选中舞台中的“女孩”素材，鼠标右键，在弹出的菜单中点击“转换为元件”。
3.在跳出的对话框中设置相关参数，如下图所示：
4.此时元件形成，并存在于“场景1”中。
2.3创建完成的元件会存放在哪里？
2
返回
1.创建完成的元件会自动存放在库面板中，属性为“图形”，如右图所示：
2.4将场景1中的元件删掉，元件会不会消失？
2
返回
对场景1中的元件进行任何的修改都不会影响到库中元件，因此删掉场景1中的元件不会导致库中的元件消失
注：区分修改实例和修改元件的差异
3.1元件的应用
3
工作区
1.回到场景1
工作区
2.添加名为“小女孩”的新图层。
3.选中“小女孩”图层的第1帧，将“库”的“女孩”元件拖放到舞台中的适当位置，如图所示：
3.2元件的编辑
2
方法一：双击场景1中的实例，进入“女孩”元件工作区，即可编辑元件。
方法二：在库中双击元件图标
，可直接进入元件编辑窗口。
4.1元件与实例的区别
4
元件
实例
存在于库面板中
应用于舞台场景中
5.1随堂练习
5
什么是元件？元件的作用是什么？
Flash元件包括哪三种类型？
5.2随堂练习
5
将“电脑机箱”制作成元件，如图所示：
THE
END
