Flash 80动画设计案例教程 第2章 Flash 80图形绘制.ppt

第2章 Flash 8.0图形绘制 制作者：伍福军　　张家瑞 知识点： 1. 基础知识 2. 绘制纸盒子 3. 五角星的制作 4. 绘制可爱的QQ图像 5. 八卦图制作 6. 齿轮的制作 7. 绘制展开的扇子 8. 绘制友情贺卡 9. 绘制小鸟 10. 绘制蝴蝶 11. 绘制漫画人物 12. 绘制美女 说明： 　　 本章主要通过11个案例讲解了Flash 8.0的基本绘图知识及浮动面板的设置和使用，前面几个例子比较简单，作为后面各章内容学习的基础，后面的几个例子有一些难度，为提高学生绘图能力，教师或学生可以根据自己的实际情况选择讲解或练习。 教学建议课时数： 一般情况下需12课时，其中理论4课时，实际操作8课时(根据特殊情况可做相应调整)。 2.1 基础知识 2.1.1 元件和实例 元件是指一个可以重复利用的图像、动画或按钮，它保存在库中； 实例是指出现在舞台上的元件或嵌套在其他元件中的元件。 下面介绍元件的作用。 (1) 元件的运用可以使电影的编辑更加容易，因为当我们需要对许多重复的元素进行修改时，只要对元件进行修改，Flash 8.0就会自动根据修改的内容对所有该元件的实例进行更新。 (2) 在电影中运用元件可以显著减少文件的大小；保存一个元件比保存每个出现的元素要节省更多的空间。如将一张静态的美丽背景转换成元件，就可以减少电影文件的大小。 (3) 可以加快电影的播放，因为在浏览器上一个元件只需要下载一次，这样就节约了时间。 提示： 这里所说的“元件”，在以前的Flash版本中称为“图符”。 2.1.2 元件类型介绍 打开“基础元件介绍”Flash文件， 选择[窗口（Ｗ）]→［库（Ｌ）］命令，弹 出【库】面板，在【库】面板中包含了三种类型 的元件，如图2.1所示。 2.1 基础知识 提示： 元件类型的区别主要看前面的图形标志， 代表图形元件； 代表影片剪辑元件； 代表按钮元件。 2.1.3 图形元件的建立 图形元件的建立有两种情况。 (1) 将当前图形转化为图形元件：在需要转化的图形上单击鼠标右键，在弹出的快捷菜单中选择 选项，此时将弹出如图2.2所示的【转换为元件】对话框，设置为如图2.2所示。单击 按钮，此时即可将图形转换为图形元件。 2.1 基础知识 (2) 新建图形元件：选择[插入（Ｓ）]→ ［新建元件（Ｎ）］命令，弹出【创建新元件】对话框，如图2.3所示。设置为如图2.3所示，单击［确定］按钮，进入图形元件创建状态，此时就可以进行图形元件的创建。创建完成后，单击时间轴左上角的　　　按钮，即可返回场景。 2.1 基础知识 2.1.4 按钮元件的建立 　　　　按钮是元件的一种，它可以根据按钮出现的状态显示不同的图像，并且会响应鼠标动作。在按钮中可以放入图形元件或影片剪辑元件，但是不能在一个按钮中放入另外一个按钮。 1. 按钮的状态 　　　　在特殊的编辑环境中，通过在时间轴上创建关键帧，可以指定不同的按钮状态，如图2.4所示。 【弹起】帧：表示鼠标指针不在按钮上的状态。 【指针经过】帧：表示鼠标指针在按钮上的状态。 【按下】帧：表示鼠标单击按钮时的状态。 【点击】帧：定义对鼠标做出反应的区域，这个反应区域在电影中是看不见的。 2.1 基础知识 2. 新建按钮元件 新建按钮的操作步骤如下。 (1) 通过下列任一操作开始创建新元件。 ① 选择[插入]→[新建元件]命令。 ② 单击【库】面板底部的按钮，或者由【库】面板的菜单栏中选择[新建元件]命令。 ③ 按【Ctrl+8】组合键。 (2) 在弹出的【创建新元件】对话框中，为新按钮取一个名字，在对话框中选择[按钮]作为元件类型。这时时间轴转变为由4帧组成的按钮编辑模式，如2.5所示。 2.1 基础知识 (4) 在【指针经过】帧上单击鼠标右键，在弹出的快捷菜单中选择[插入关键帧]命令，第一帧的图像就出现在舞台中，单击按钮图形，在右边的【混色器】中选择一种填充色，然后对其进行填充，来改变按钮的颜色，如图2.7所示。 2.1 基础知识 (6) 在【点击】帧上单击鼠标右键，在弹出的快捷菜单中选择[插入关键帧]命令，然后设置该帧中的图形，如图2.9所示。 (7) 完成后，单击时间轴左上方的[场景]按钮，返回场景，此时我们会发现库中出现了我们刚才制作的按钮。 (8) 如果要使用按钮，直接从【库】面板中将按钮拖到舞台中即可。如果对制作的按钮感觉不满意，可以双击按钮进入按钮的编辑状态对其进行编辑，方法同创建按钮时的方法一样。 2.1 基础知识 3. 启动按钮