计算机动画设计Flash02 教案 项目5 元件、实例与库.doc

《计算机动画设计Flash02 教案 项目5 元件、实例与库.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目5元件、实例与库一、教学目标1.理解元件和实例的概念；2.掌握元件的创建、编辑方法；3.掌握三种类型元件的使用；4.理解库的概念并掌握库的相关操作。二、课时分配本项目共5个任务，安排4课时。三、教学重点本章介绍了Flash元件和实例的基本概念、元件类型和创建、编辑方法以及“库”面板的管理和使用方法。在制作Flash作品时，要根据作品需要先制作各种元件，再利用元件完成作品。 四、教学难点1.元件的创建、编辑方法。2.三种类型元件的使用。3.合理使用“库”面板中的对象，并能对其进行查看、编辑和管理。五、教学内容任务一元件和实例的概念利

2、用Flash制作动画时，使用元件和实例，可以明显减小文件大小，也可以避免对同一对象的重复设计，提高工作效率。实例是位于舞台上或嵌套在另一个元件内的元件副本，实例可以与它的元件的颜色、大小和功能上差别很大，编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。（一）元件元件是Flash作品中的一个基本单位，指Flash中由用户创建的图形、按钮或者影片剪辑。元件会自动保存为库中的一部分，即使被多次引用，在动画中每个元件也都只存储一次。如果对元件进行了修改，则所有引用元件的实例都会被修改。元件一旦创建。就可以在Flash中反

3、复使用，而原始数据只需要保存一次，这一特性可以减小文件的大小。可重用使影片的制作事半功倍，特别是在处理一组相同或者相似功能的元素时，更体现出使用元件的优势。元件也是构成交互电影的不可缺少的部分，用户可以利用元件的实例在电影中创建交互。（二）实例实例是元件在场景中的应用，它是位于舞台上或者嵌套在另一个元件内的元件副本。元件和实例的关系就好像是规则和按照规则的参与的关系。例如，元件好比是制作电脑的规则方法，它是一个宏观意义的概念，而实例好比是按照这个规则制作的电脑。在制作动画时，会反复用到元件和实例。任务二元件的创建在FlashCS5中创

4、建元件时，既可以从场景中选择若干对象，将它们转换成元件，也可以直接创建一个空白元件，进入元件编辑模式，创建和编辑元件的内容。本任务主要介绍如何创建元件。（一）创建新元件创建元件的方法有三种：第一种是菜单创建，选择菜单栏的“插入”→“创建新元件”选项即可完成对元件的创建；第二种是利用“库”面板的图标，单击该图标选择“新建元件”，出现创建元件对话框，单击“确定”按钮可完成对元件的创建；第三种是快捷键创建。创建元件的快捷键是Ctrl+F8。在创建元件时，可以选择创建的元件类型有三种：图形元件、影片剪辑元件和按钮元件。（二）创建图形元件在弹出

5、的“创建新元件”对话框的“类型”下拉菜单中选择“图形”，单击“确定”按钮就可以新建图形元件。创建图形元件的对象可以是导入的位图图像、矢量图像、文本对象，以及用Flash工具创建的线条图形等。图形元件可以包含图形元素或者其他图形元件，它接受Flash中大部分变换操作，如大小、位置、颜色设置以及动作变形。（三）创建按钮元件在弹出的“创建新元件”对话框中的“类型”，选择“按钮”。按钮元件除了拥有图形元件的全部变形功能外，其特殊性还在于它具有4个状态帧。如图5-4所示。4个状态帧的解释如下：·弹起：该帧代表当没有经过该按钮时，该按钮的状态。·

6、指针经过：该帧代表当指针滑过该按钮时，该按钮的外观。·按下：该帧代表单击该按钮时，该按钮的外观。·单击：该帧用于定义响应单击区域，此区域在SWF文件中是不可见的。（四）创建影片剪辑元件影片剪辑元件就是平常说的MC（MovieClip）。通常任何可以看到的对象都可以创建为一个影片剪辑，影片剪辑中也可以嵌套着影片剪辑，还可以将一段动画（逐帧动画）转换成影片剪辑元件。Flash中创建影片剪辑元件的方法同图形元件的创建方法类似，不同的地方是在“创建新元件”对话框的“类型”下拉选项中选择“影片剪辑”。任务三编辑元件已经创建的元件，还可以对其进行

7、编辑，但当对元件进行编辑时，舞台上所有该对象的实例都会发生相应的变化；反之，当对某一实例进行编辑时，仅仅该实例发生变化，该实例的元件不会发生变化。本任务主要介绍如何编辑已经创建的元件。（一）复制元件在介绍编辑元件之前，先介绍一下复制元件的方法。复制元件也可以看做是创建元件的一种方法，只不过该方法是以现有元件为基础的。复制元价的方法有以下三种。1.使用“库”面板复制元件在“库”面板中选择一个要复制的元件，单击“库”面板右上角的图标，弹出快捷菜单，选择“直接复制”，如图5-10所示，弹出“直接复制元件”对话框，在该对话框中输入新建的复制元

8、件的名称和类型，单击“确定”按钮，所选的元件即被复制，而且原来元件的实例也被复制元件的实例代替。2.直接对元件操作右击要被复制的元件，在弹出的对话框中选择“直接复制”选项，如图5-11所示，也可以实现对元件的复制。3.通