1.4 利用图层技术制作复杂图形课件

本节是一个用Flash绘制矢量图的综合实例，通过学习，你可以进一步的了解和掌握绘制图形的方法和技巧，熟悉和巩固绘图工具的使用。另外，你将学习运用一个新的绘图工具——钢笔工具，并且本节还要进一步讨论图层在绘图时的应用。

课件简介

本课件是一个化学乙烯实验装置图。化学实验设备以及正确的装置设备是学习化学实验的一个重点内容。在化学课件中，通过一些实验装置图可以形象直观的将化学实验设备展示给学生，如图1-4-1所示是这个课件运行时的效果。

 
图1-4-1 课件运行效果

知识要点

制作步骤

1．  创建“铁架台”图形元件
（1）创建影片文档。新建一个影片文档。舞台背景色设置为淡蓝色，其它参数保持默认值。
（2）新建图形元件。选择【插入】|【新建元件】命令，新建一个名称为“铁架台”的图形元件，如图1-4-2所示。

 
  图1-4-2 新建图形元件

   （3）设置矩形圆角半径。选择【查看】|【网格】|【显示网格线】命令，在编辑环境中显示网格线，便于绘图。选单击工具箱中的【矩形工具】按钮，将【笔触颜色】设置为黑色，线型粗细设置为“2”，【填充色】设置为深灰色。单击【选项】中的【圆角矩形半径】按钮，弹出 【矩形设置】对话框，在【角半径】文本框中，输入“10”，将矩形的角半径设置为“10磅”，如图1-4-3所示。

 
   图1-4-3 设置圆角半径

   （4）绘制底座。将鼠标指针移到场景中的适当位置，绘制两个大小不等的圆角矩形。然后将小矩形叠放在大矩形上面，如图1-4-4所示

   图1-4-4 叠放两个矩形

 用【箭头工具】选中多余部分并删除，然后选中所有图形，按Ctrl+G组合，如图1-4-5所示。

 
    图1-4-5 绘制完的底座

 说明：前面的步骤中，我们通过两个图形的切割构造了一个底座图形。在Flash中绘图时，图形切割是一个重要的技巧和方法，利用这个方法可以构造复杂的图形形状。但是这里要提醒你注意的是，利用图形切割的方法构造图形必须在同一个图层上完成。另外，如果用不带边框的图形进行切割，图形之间应该用不同的颜色。
     （5）绘制支架并组合铁架台。用工具箱中的【矩形工具】画一根细长的矩形作为支架，将支架与底座组装，按Ctrl+G组合，如图1-4-6所示。

 
  图1-4-6 绘制完成的铁架台

 2．创建“烧瓶”图形元件
     （1）新建图形元件。选择【插入】|【新建元件】命令，新建一个名称为“烧瓶”的图形元件。
     （2）绘制烧瓶。单击工具箱中的【椭圆工具】按钮，将填充色设置为无色，在场景中绘制一个大小适中的圆。再选择【矩形工具】，将【圆角半径】设置为“0”，在场景中画一个矩形，如图1-4-7所示。

 
   图1-4-7 绘制圆和矩形

    选中矩形，用鼠标将其拖动到圆形处与圆形部分重合，删除多余部份，按Ctrl+G组合，如图1-4-8所示。

  图1-4-8 组合图形

    画一个小矩形作为“烧瓶”的瓶口，按Ctrl+G组合，如图1-4-9所示。

 
图1-4-9 绘制瓶口并组合

    （3）填充颜色。为了让“烧瓶”看上去更逼真，下面对其进行颜色填充和调整。打开【混色器】面板，将填充色选为浅绿色到白线的线性渐变色，单击【Alpha】（透明度）处的小黑三角，分别将绿色和白色的透明度改为“20％”，如图1-4-10所示。

 
  图1-4-10 设置颜色透明度

    用【颜料桶工具】给“烧瓶”填充颜色，并用【填充变形工具】调整填充色，最后得到如图1-4-11所示效果。

 
图1-4-11 绘制完成的烧瓶

   （4）绘制软木塞。将显示比例放大到200％，选择工具箱中的【钢笔工具】，在【属性】面板中，将【笔触颜色】设置为黑色，粗细设置为“2”，【填充色】设置为深黄色，然后将鼠标指针移动到场景中，光标变成钢笔尖形状。在场景中的网格线交叉点上单击一下，出现一个节点，再在下方适当位置单击一下，两节点间出现一条路径，如图1-4-12所示。

 
    图1-4-12 用【钢笔工具】绘制路径

   说明：【钢笔工具】不但可以用来绘制直线、曲线、不规则图形，还可以编辑路径的节点（增加或减少节点）以改变图形形状。在用【钢笔工具】绘制图形时，如果单击一点，并拖动鼠标，将得到以该点为中心的延伸线。如果连续单击两点将绘制出来一条直线。如果连续在不同的方向单击将得到不规则图形。如果先单击一点，然后在这个点的附近再单击一点并拖动鼠标将会得到一条曲线。如果你对绘制出来的图形不满意，还可以通过编辑节点来更改图形的形状。
    软木塞的形状是个梯形，为了绘制它，用【钢笔工具】依次在场景中单击，最后将鼠标指针移动到起始点，闭合路径，如图1-4-13所示。按Ctrl+G组合图形。

    
   图1-4-13 用【钢笔工具】绘制梯形

   将“软木塞”移到烧瓶口，调整大小使软木塞与瓶口吻合，按Ctrl+G组合，“烧瓶”图形元件创建完毕。如图1-4-14所示。

 
     图1-4-14 完成后的“烧瓶”

 5．创建“酒精灯”图形元件
    （1）绘制酒精灯基本轮廓。新建一个名为“酒精灯”的图形元件。选择【钢笔工具】，按照上面绘制软木塞的方法绘制酒精灯轮廓，如图1-4-15所示。

 
  图1-4-15 绘制酒精灯轮廓

    （2）增加节点并调整弧线。选择【箭头工具】将酒精灯灯身上面的两条直线调整为弧线，如图1-4-16所示。

 
  图1-4-16 调整为弧线

   用【钢笔工具】单击酒精灯轮廓，出现一些节点，将鼠标指针移到弧线处，光标变成带+号的钢笔尖，如图1-4-17所示。

 
图1-4-17 增加节点光标状态

    说明：钢笔工具不能给绝对直线增加节点，如果要为直线增加节点，我们必须先将绝对直线调整为带有一定弧度的线条，然后再增加节点。
    在线条要增加节点的位置上单击，给两条弧线各增加一个节点，如图1-4-18所示。

 
   图1-4-18 增加节点

    用【箭头工具】再仔细的调整两条边的弧度，使其更接近酒精灯的样子，调整完成后，如图1-4-19所示。

 
图1-4-19 调整后的酒精灯

    说明：绘制酒精灯轮廓的方法并不只是这一种，这里只是为了让读者掌握更多的绘制方法。读者可以根据情况选择最方便简捷实用的方法来进行绘制。

（3）填充颜色。打开【混色器】面板，增加一个墨水瓶，将填充色设置为两边浅绿色中间白色的线性渐变色，单击【Alpha】（透明度）处的小黑三角，分别将绿色和白色的透明度改为“50％”，如图1-4-20所示。

 
  图1-4-20 设置填充色

    用【油漆桶】给酒精灯填充颜色，然后用【填充变形工具】调整填充颜色，使酒精灯的效果更逼真，如图1-4-21所示，左边是刚填充好的效果，右边是调整以后的效果。

    
  图1-4-21 填充并调整颜色

 （4）绘制火焰。将显示比例放大到200％，用【线条工具】绘制外焰轮廓，然后将图形填充为深红色到白色的线性渐变色，最后删除轮廓线，用【填充变形工具】调整渐变色，效果如图1-4-22所示。

 
    图1-4-22 绘制火焰外焰

   选择【铅笔工具】，将【铅笔模式】选择为【平滑】，在场景中再分别绘制一个火焰内焰和一个火焰中焰图形，填充合适的颜色，然后将它们和火焰外焰图形组合在一起，效果如图1-4-23所示。

 
    图1-4-23 绘制完成的火焰

   （5）组合酒精灯。调整火焰与酒精灯的位置，将图形组合，用【缩放】工具调整图形大小，完成酒精灯的绘制，如图1-4-24所示。

 
    图1-4-24 酒精灯效果图

6．创建其他图形元件
    （1）创建“试管夹”图形元件。新建一个名为“试管夹”的图形元件。选择【矩形工具】，将【填充色】设置为深灰色，绘制两个细长矩形，再选择【椭圆工具】绘制小圆，调整大小与位置，并将所有图形组合，如图1-4-25所示。

 
     图1-4-25 绘制试管夹

    （2）创建“温度计”图形元件。新建“温度计”图形元件，选择【矩形工具】，将【圆角半径】设置为“10”，填充色设置为无，在【笔触样式】下拉菜单中选择【极细】选项，在场景中画一个细长矩形。
      将填充色改为红色，在场景中画一小椭圆（可将显示比例放大，这样便于绘制）。然后将小红椭圆移动到矩形下端，调整大小到合适程度，按Ctrl+G组合图形，完成后效果如图1-4-26所示。

 
   图1-4-26 绘制温度计

    （3）绘制水槽。新建一个名为“水槽”的图形元件。选择【矩形工具】，将【圆角半径】设置为10，填充色设置为无，线条粗细设置为“2”，在场景中画一个矩形，再用【线条工具】在矩形上部四分之一处画一条直线，如图1-4-27所示。

 
   图1-4-27 绘制矩形

     删除矩形上部多余线条，使图形形状象一个水槽模样。下面我们要将“水槽”填充上与“烧瓶”相同的颜色。
      双击【库】面板中的烧瓶图形元件，场景转换到【烧瓶图形元件】编辑场景中，双击“烧瓶”，直到它变成形状编辑状态。选择工具箱中的【滴管工具】，光标变成了滴管模样，将鼠标指针移动到烧瓶上单击，这时，工具箱中【填充色】就变成了和“烧瓶”填充色一样的颜色，同时光标变成了【油漆桶】。转回到“水槽”图形元件编辑环境中，用【油漆桶】单击水槽图形，给水槽填充颜色。再用【填充变形工具】调整渐变色，完成后效果如图1-4-28所示。

 
  图1-4-28 给水槽填色

 说明：【滴管工具】的作用是拾取工作区中已经存在的颜色及样式属性并将其应用于别的对象中。这个工具没有参数选项，使用也非常简单，只需把滴管移动到需要取色的线条或图形中单击即可。注意当你选中这个工具时，在空白工作区、线条和图形内部时光标的形状各不相同。在空白工作区时，该工具无效；单击线条后会立即进入墨水瓶填色状态；单击图形内部会立即进入颜料桶状态。【滴管工具】还可以让用户进行位图取样，并以此属性填充线条或图形。
   7．在主场景组装实验装置
     （1）新建图层。从元件编辑场景转换到【场景1】。目前主场景中有一个【图层1】，在这个图层上面新建7个图层。并对所有的图层重新命名名字，如图1-4-29所示。

 
   图1-4-29 新建图层

     新建这么多图层干什么？原因很简单，我们要把前面创建的那些图形元件分别放置在不同的图层上。可能你要问，放在一个图层不可以吗？为什么这么复杂？这样处理的原因主要有两个：一是我们要组装的对象比较复杂，包括的图形元件比较多，并且这些图形元件大多要重叠放置，这样就有一个图形遮挡的问题，哪个图形在前，哪个图形在后，对最终的图形效果有很大影响。我们把它们分别放在不同的图层，通过改变图层顺序可以很容易调整图形元件的前后次序。二是将不同的元件放在不同的图层上，是一个良好的习惯，这样便于你对元件进行管理和编辑。
      （2）放置和组装图形元件。打开【库】面板，按照时间轴上的图层名称，将其中的图形元件分别拖放到相应的图层上。这里要提醒你注意两点：一是在放置图形元件前，应先把相应的图层激活（单击相应图层），然后再拖放图形元件，这样图形元件就不会放置错误。二是图层一定要按照图1-4-29所示的顺序进行排放，如果不符合就应该移动调整过来。这样处理完以后场景的效果如图1-4-30所示。

 
  图1-4-30 放置和组装图形元件

       （3）完善“水槽”图形元件。经过前面的步骤，实验装置图基本完成，现在还缺少一个插入水槽中的导管。下面我们在“水槽”图形元件中来完成它的绘制。也就是说我们需要重新编辑“水槽”图形元件，在它里面添加一个合适的导管图形。
        在主场景中，双击“水槽”图形元件，这样便可以进入“水槽”图形元件的编辑场景中，这时场景中的其他图形元件并没有消失，如图1-4-31所示。

 
   图1-4-31 转换到“水槽”图形元件编辑场景

   说明：在很多情况下，为了使图形之间的连接能更好的吻合，我们可先布局场景，再在整个场景中双击该元件来进行编辑绘制。这样可以使你将要编辑的元件有其他参照图形，绘制出来的图形也就具备整体效果了。
       在“水槽”图形元件编辑场景中，绘制一个导管和一些直线，完成以后的效果如图1-4-32所示。

 
  图1-4-32 编辑好的“水槽”图形元件

8．创建填充字课件标题
     （1）创建“标题”图形元件。新建名字为“标题”的图形元件，选择【文本工具】，然后在【属性】面板中设置文本属性，如图1-4-33所示。

 
    图1-4-33 设置文本属性

     在场景中输入“乙烯实验室装置”7个文字，并将文字分离，如图1-4-34所示。

 
  图1-4-34 分离文字

      将【笔触颜色】设置为黑色，用【墨水瓶工具】给文字加边框，如图1-4-35所示。

 
   图1-4-35 给文字加边框

      将色块删除，成为中空字，如图1-4-36所示。

 
   图1-4-36 删除色块

    在【混色器】面板中，将颜色设置为两边深红色，中间为白色的渐变色，用【油漆桶】对文字进行填充。填充后再用【填充变形工具】进行调整，最后效果如图1-4-37所示。

 
   图1-4-37 填充字效果

  说明：你在用【填充变形工具】调整填充色时，有时渐变色的距离太大，在场景中无法看到控制点，需要将中心点移动，找到控制点，再进行渐变色调整。
    （2）将“标题”图形元件放置到【标题】图层。从元件编辑场景返回到【场景1】，单击【标题】图层，将【库】面板中的“标题”图形元件拖放到场景上端的合适位置，如图1-4-38所示。

 
图1-4-38 放置标题

9．创建课件背景
      （1）绘制背景。在【场景1】中，单击【背景】图层。用绘图工具在场景中绘制一个课件背景图形，如图1-4-39所示。怎么样？一个漂亮的背景能给课件的整体效果增色不少吧？

 
  图1-4-39 绘制背景图形

    从图1-4-39中可以看出，背景图形包括标题文字下面的一个半透明的矩形和四周一些虚线条组成。这些图形用绘图工具不难画出，但是这里需要提醒你注意的是，由于场景上的对象比较多，在绘制图形时，为了避免互相干扰，你可以将一些图层锁定或者隐藏。比如在绘制标题文字下面的矩形时，为了避免标题文字影响绘制工作，你可以将标题文字所处的【标题】图层锁定或者隐藏。如图1-4-40所示是锁定和隐藏了【标题】图层以后的时间轴效果。

 
    图1-4-40 锁定和隐藏【标题】图层

  单击图层名字后面的相应的小黑点就可以锁定或者隐藏这个图层。被锁定的图层名字后面出现一个小锁，被隐藏的图层名字后面出现一个小红叉。再次单击就可以解除锁定和隐藏。如果某个图层被锁定了，那么这个图层上的对象就不能被编辑，如果某个图层被隐藏了，那么这个图层上的对象将会被隐藏起来。
    说明：在编辑过程中，我们经常把不用修改的图层加以锁定，把暂时不用的图层隐藏起来。我们只能在场景中编辑可见的未锁定图层。不可见的、锁定的图层都是不可修改的。在编辑过程中，如果觉得某一图层不用修改，可以将它锁定，起到保护该图层的作用。而隐藏图层则可以使工作区清晰明了。
      （2）将背景图形转换为图形元件。为了方便对对象的管理和编辑，现在我们把【背景】图层上的背景图形转换为图形元件。将【背景】图层上的图形全部选中，选择【插入】|【转换为元件】命令，在弹出的【转换为元件】对话框中定义元件名称为“背景”，【行为】为【图形】，如图1-4-41所示。

 
    图1-4-41 转换为元件

       这样，【库】面板中就会出现一个“背景”图形元件。如果你对背景图形不满意，直接编辑修改“背景”图形元件就可以了。
       至此，本节课件制作完成，请注意测试和保存课件。