实验四 flash制作立体几何图形元件.doc

实验四 制作立体几何图形元件
实验要求：
◆ 进一步熟悉利用绘图工具绘制矢量图的方法
    ◆ 图形元件的创建方法
    ◆ 绘图辅助工具的使用方法
    ◆ 颜料桶工具的使用方法
    ◆ 对齐面板的使用方法
    ◆ 混色器面板的使用方法

制作步骤
    1 ．创建影片文档
    （ 1 ）新建影片文档。选择【文件】 | 【新建】命令或按快捷键 Ctrl+N ，新建一个 Flash 文档。
    （ 2 ）设置文档属性。选择【窗口】 | 【属性】命令，或按快捷键 Ctrl+F3 打开【属性】面板，设置文档属性。在【文档属性】对话框中，舞台大小设置为 500 × 350 像素，【背景色】选取为深蓝色，其它参数保持不变，单击【确定】按钮，完成舞台属性的设置，如图 1-2-2 所示。

图 1-2-2 设置文档属性
    2 ．绘制 “两个相交面”图形元件
    元件是 Flash 动画中的基本构成要素之一，它是可以反复使用的各种符号，包括图形、动画和声音等，多次使用不会明显增加动画文件的大小的特征。按功能和类型的不同，元件可分为：图形元件、按钮元件和电影剪辑元件。 Flash 之所以把各种动画元素做成元件，就是为了使文件的体积更小。
    图形元件是 Flash 最基本的一种元件类型。在制作 Flash 课件时，通常都是将一些静止的图形制作成图形元件，这样也便于重复使用。
    元件的创建有以下几种方法：
    a 将场景上的对象转换成元件。
    b 新建一个空白元件，然后在元件编辑状态下创建元件内容。
    c 将动画转换成元件。
    （ 1 ）创建“两个相交面”图形元件。选择【插入】 | 【新建元件】命令，弹出【新建元件】对话框，在【新建元件】对话框中，输入元件的【名称】为“背景”，选择【行为】为【图形】，如图 1-2-3 所示。

图 1-2-3 创建新元件对话框
    单击【确定】按钮，在【场景 1 】的名称右边出现一个“ 两个相交的面 ”图形元件名称，动画的制作环境由【场景 1 】转换到“两个相交面”图形元件编辑场景状态，如图 1-2-4 所示。

图 1-2-4 “两个相交的面”图形元件编辑场景
    （ 2 ）打开视图网格。舞台是动画的集中区域，对象在舞台上的位置非常重要，有时甚至需要精确把握。在 Flash 中提供了三种辅助工具用于测量、对齐和安排对象，即：辅助线、标尺和网格。其中，标尺可以精确测量对象的长和宽；网格便于对象的对齐；辅助线工具则便于拖动对象时的操作。
    选择【视图】 | 【网格】 | 【显示网格】命令，使网格线在场景中显示出来，如图 1-2-5 所示。

图 1-2-5 显示网格线
选择【视图】 | 【贴紧】 | 【贴紧至网格】命令，这样，在画直线的时候，直线的起点和终点都吸咐在网格的交叉点上。这样设置便于我们绘制一些规则图形。
  （ 3 ）绘制相交面。单击工具箱上的【线条工具】按钮，【笔触颜色】设置为黄色，在场景中画出如图 1-2-6 所示的图形。
图 1-2-8 设置线条属性
    这样，我们选中的两条线段就变成了虚线，效果如图 1-2-9 所示，最后再将相交面上的线段颜色改为绿色。

图 1-2-9 将实线变为虚线
    （ 4 ）填充颜色。单击工具箱上的【颜料桶工具 ，用【拾色器】 选取喜欢的颜色，这里选粉色和黄色，分别填充在两个面上，如图 1-2-10 所示。

图 1-2-10 给相交面填充颜色
说明 ：【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充 ，注意不能作用于线条。选择【颜料桶工具】后，在【工具箱】下边的【选项】中单击【空隙大小】按钮 , 会弹出四个选项，如图 1-2-11 所示。其中，【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在 Flash 中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。

如图 1-2-11 填充选项设置
    （ 5 ）组合图形。用【箭头工具】将图形全部选中，按 Ctrl+G 键，将其组合成一个群组对象，“两个相交面”图形元件创建完毕。
    3 ．绘制“球冠”图形
    下面，我们用“将场景上的对象转换成元件”的 方法创建“球冠”图形元件。
    （ 1 ）转换编辑场景。在如图 1-2-12 所示界面处，我们可以按【编辑场景】按钮 和【元件编辑】按钮 来转换编辑环境。

图 1-2-12 转换编辑环境
说明 ：如图 1-2-12 中，你还可以在右上角的显示比例下拉菜单中选择数值或自己输入数值，使对象在场景的显示效果放大或缩小。注意这里改变的只是对象的显示比例，并没有真正改变对象的大小，这样进行显示比例的设置，可以使你充分利用舞台的空间，便于对舞台上的对象进行编辑。
    单击【编辑场景】按钮 ，将编辑环境从图形元件编辑环境转换到【场景 1 】。
    （ 2 ）绘制“球冠”图形元件。在【工具箱】中选择【椭圆工具】 ，设置【笔触颜色】为黄色，【填充色】为无，按住 Shift 键，拖动鼠标在场景中央画一个圆。在工具箱中选择【线条工具】 ，按住 Shift 键，拖动鼠标在圆上画一直线，如图 1-2-13 所示。

图 1-2-13 绘制圆和直线
    用【箭头工具】选中多余的线条，并将其删除，这样图形变成一段圆弧形状，如图 1-2-14 所示。

图 1-2-14 删除多余线条
    选择工具箱中的【椭圆工具】 ，再画一个小一些的椭圆，如图 1-2-15 所示。

图 1-2-15 绘制小椭圆
    用【箭头工具】选中场景中的全部对象，然后选择【窗口】 | 【对齐】命令，打开【对齐】面板，如图 1-2-16 所示。

图 1-2-16 【对齐】面板
说明 ：在 Flash 中有许多浮动面板，比如第 1 节里的【变形】面板、【工具】面板、【属性】面板等，用户可以根据自己的需要来打开或关闭这些面板。【对齐】面板可以将舞台上的对象进行对齐、分布、匹配大小和间隔等进行调整，是调整对象位置时常用的面板。
    单击【匹配大小】中的【匹配宽度】按钮 ，使两个图形的宽度相等。用【箭头工具】选中椭圆，将其与半圆组合，如图 1-2-17 所示。

图 1-2-17 组合图形
    （ 2 ）填充颜色。单击工具箱上的【颜料桶工具】 ，执行 【窗口】 | 【混色器】命令，打开【混色器】面板，在【填充样式】下拉菜单中，选择【放射状】选项，将填充颜色选取为黄色和黑色，如图 1-2-18 所示。

图 1-2-18 【混色器】面板
说明 ：【混色器】面板是一个调配颜色的面板，在【混色器】面板里，可以对外框的颜色和填充颜色进行调配，可设置颜色值和透明度；在填充样式中，有无、纯色、线性、放射状和位图等填充样式。另外，当选择线性和放射状填充样式时，还可以通过增加墨水瓶来增加填充色，墨水瓶最多能增加到十五个。
    将鼠标指针移动到场景中，用【颜料桶 】 分别单击“球冠”的顶部和底部，完成后的效果如图 1-2-19 所示。

图 1-2-19 填充颜色后的球冠
    选择工具箱中的【填充变形工具】 ，单击“球冠”底部，底部出现四个控制点，如图 1-2-20 所示。

图 1-2-20 填充变形控制点
    将光标移动到中间控制点上，将高光部分往右拖放。将光标移动到小方块上并拖动，调整颜色的间距，如图 1-2-21 所示。

图 1-2-21 调整高光点和颜色间距
    拖动方块下方的小圆圈，调整颜色的范围，如图 1-2-22 所示。

图 1-2-22 调整颜色范围

图 1-2-6 绘制两个相交的面
    按住 Shift 键，用【箭头工具】选中按照透视关系被遮住的两个线段，如图 1-2-7 所示。我们要将这两个线段设置为虚线，这样可以更真实的表现立体图形。

图 1-2-7 用【箭头工具】选中线段
    打开【属性】面板，在【笔触样式】下拉菜单中，选择虚线，如图 1-2-8 所示。

调整后使“球冠”看上去更具有立体感。用同样的方法调整“球冠”的顶部，调整后的效果如图 1-2-23 所示。

图 1-2-23 调整后的“球冠”图形
    最后，选中全部“球冠”图形，按 Ctrl+G 键，将其组合成一个群组对象。
    （ 3 ）转换成图形元件。保持“球冠”图形处在选中状态，选择【插入】 | 【转换为元件】命令，弹出【转换为符号】对话框，在【转换为符号】对话框中，在【名称】中输入“球冠”，选择【行为】为【图形】，如图 1-2-24 所示。

图 1-2-24 【转换为元件】对话框
    单击【确定】按钮，至此，“球冠”图形元件的创建全部完成。选择【窗口】 | 【库】命令，或按 F11 打开【库】面板，可以看到“球冠”图形元件已经保存在【库】中，如图 1-2-25 所示。

图 1-2-25 【库】面板
[NextPage]
    4 ．创建棱锥图形元件
    （ 1 ）新建棱锥图形元件。选择【插入】 | 【新建元件】命令，弹出【新建元件】对话框，在【新建元件】对话框中，输入元件的【名称】为“棱锥”，选择【行为】为【图形】，单击【确定】按钮，现在处于“棱锥”图形元件编辑环境中。
    （ 2 ）绘制平行四边形。单击工具箱上的【线条工具】按钮，【笔触颜色】设置为淡蓝色，在场景中画出如图 1-2-26 所示的平行四边形。在绘制这个图形时，要注意利用网格的交叉点。

图 1-2-26 绘制平行四边形
    （ 3 ）绘制锥体。保持【线条工具】被选中，画出平行四边形的两条对角线，从对角线的交点再画一条垂线，这条垂线即是棱锥的高，如图 1-2-27 所示。

图 1-2-27 绘制棱锥的高
    画四条直线分别将高与平行四边形的四个顶点接起来。然后按住 Shift 键，将平形四边形被遮住的两条边和高选中，打开【属性】面板，选择【笔触样式】为虚线，将四边形被遮住的两条边和高改为虚线，删除对角线，将表示高的线条改为红色，最后效果如图 1-2-28 所示。

图 1-2-28 删除多余线段
    （ 4 ）填充颜色。选择工具箱上的【颜料桶工具 ，用【拾色器】 选取褐色，单击“棱锥”的底面给其填充颜色，如图 1-2-29 所示

图 1-2-29 “棱锥”图形